mirror of
https://gitlab.com/redline-racing-division/car-show.git
synced 2025-06-16 15:17:18 +00:00
update for our info
This commit is contained in:
Anson Biggs
parent
1fcd3d2d6b
commit
c8cbc6c4fc
136
css/agency.css
136
css/agency.css
@ -6,7 +6,9 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
font-family: 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@ -32,7 +34,9 @@ h4,
|
|||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-section {
|
.page-section {
|
||||||
@ -51,7 +55,9 @@ h6 {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin-bottom: 75px;
|
margin-bottom: 75px;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
@ -83,7 +89,9 @@ img::-moz-selection {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -97,13 +105,16 @@ img::-moz-selection {
|
|||||||
border-color: #fed136;
|
border-color: #fed136;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
|
.btn-primary:active,
|
||||||
|
.btn-primary:focus,
|
||||||
|
.btn-primary:hover {
|
||||||
background-color: #fec810 !important;
|
background-color: #fec810 !important;
|
||||||
border-color: #fec810 !important;
|
border-color: #fec810 !important;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary:active, .btn-primary:focus {
|
.btn-primary:active,
|
||||||
|
.btn-primary:focus {
|
||||||
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
|
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -119,15 +130,22 @@ img::-moz-selection {
|
|||||||
color: white;
|
color: white;
|
||||||
border: 0;
|
border: 0;
|
||||||
background-color: #fed136;
|
background-color: #fed136;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
#mainNav .navbar-brand {
|
#mainNav .navbar-brand {
|
||||||
color: #fed136;
|
color: #fed136;
|
||||||
font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Kaushan Script", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
|
#mainNav .navbar-brand.active,
|
||||||
|
#mainNav .navbar-brand:active,
|
||||||
|
#mainNav .navbar-brand:focus,
|
||||||
|
#mainNav .navbar-brand:hover {
|
||||||
color: #fec503;
|
color: #fec503;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -137,10 +155,13 @@ img::-moz-selection {
|
|||||||
padding: 0.75em 0;
|
padding: 0.75em 0;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
color: white;
|
color: white;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
|
#mainNav .navbar-nav .nav-item .nav-link.active,
|
||||||
|
#mainNav .navbar-nav .nav-item .nav-link:hover {
|
||||||
color: #fed136;
|
color: #fed136;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -173,7 +194,12 @@ img::-moz-selection {
|
|||||||
header.masthead {
|
header.masthead {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
background-image: url("../img/header-bg.jpg");
|
background-image: linear-gradient(
|
||||||
|
to top,
|
||||||
|
rgba(46, 49, 65, 0.8),
|
||||||
|
rgba(46, 49, 65, 0.8)
|
||||||
|
),
|
||||||
|
url("../img/header-bg.webp");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-attachment: scroll;
|
background-attachment: scroll;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
@ -190,7 +216,9 @@ header.masthead .intro-text .intro-lead-in {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
header.masthead .intro-text .intro-heading {
|
header.masthead .intro-text .intro-heading {
|
||||||
@ -198,7 +226,9 @@ header.masthead .intro-text .intro-heading {
|
|||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
@ -211,14 +241,18 @@ header.masthead .intro-text .intro-heading {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
margin-bottom: 25px;
|
margin-bottom: 25px;
|
||||||
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
header.masthead .intro-text .intro-heading {
|
header.masthead .intro-text .intro-heading {
|
||||||
font-size: 75px;
|
font-size: 75px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
line-height: 75px;
|
line-height: 75px;
|
||||||
margin-bottom: 50px;
|
margin-bottom: 50px;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -253,7 +287,11 @@ header.masthead .intro-text .intro-heading {
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
|
#portfolio
|
||||||
|
.portfolio-item
|
||||||
|
.portfolio-link
|
||||||
|
.portfolio-hover
|
||||||
|
.portfolio-hover-content {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@ -264,12 +302,27 @@ header.masthead .intro-text .intro-heading {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
|
#portfolio
|
||||||
|
.portfolio-item
|
||||||
|
.portfolio-link
|
||||||
|
.portfolio-hover
|
||||||
|
.portfolio-hover-content
|
||||||
|
i {
|
||||||
margin-top: -12px;
|
margin-top: -12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
|
#portfolio
|
||||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
|
.portfolio-item
|
||||||
|
.portfolio-link
|
||||||
|
.portfolio-hover
|
||||||
|
.portfolio-hover-content
|
||||||
|
h3,
|
||||||
|
#portfolio
|
||||||
|
.portfolio-item
|
||||||
|
.portfolio-link
|
||||||
|
.portfolio-hover
|
||||||
|
.portfolio-hover-content
|
||||||
|
h4 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -290,7 +343,9 @@ header.masthead .intro-text .intro-heading {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
#portfolio * {
|
#portfolio * {
|
||||||
@ -326,7 +381,9 @@ header.masthead .intro-text .intro-heading {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin: 20px 0 30px;
|
margin: 20px 0 30px;
|
||||||
font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Droid Serif", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
.portfolio-modal .modal-content ul.list-inline {
|
.portfolio-modal .modal-content ul.list-inline {
|
||||||
@ -390,7 +447,7 @@ header.masthead .intro-text .intro-heading {
|
|||||||
left: 40px;
|
left: 40px;
|
||||||
width: 2px;
|
width: 2px;
|
||||||
margin-left: -1.5px;
|
margin-left: -1.5px;
|
||||||
content: '';
|
content: "";
|
||||||
background-color: #e9ecef;
|
background-color: #e9ecef;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -400,9 +457,10 @@ header.masthead .intro-text .intro-heading {
|
|||||||
margin-bottom: 50px;
|
margin-bottom: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline > li:after, .timeline > li:before {
|
.timeline > li:after,
|
||||||
|
.timeline > li:before {
|
||||||
display: table;
|
display: table;
|
||||||
content: ' ';
|
content: " ";
|
||||||
}
|
}
|
||||||
|
|
||||||
.timeline > li:after {
|
.timeline > li:after {
|
||||||
@ -620,25 +678,33 @@ section#contact .form-control:focus {
|
|||||||
section#contact ::-webkit-input-placeholder {
|
section#contact ::-webkit-input-placeholder {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #ced4da;
|
color: #ced4da;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
section#contact :-moz-placeholder {
|
section#contact :-moz-placeholder {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #ced4da;
|
color: #ced4da;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
section#contact ::-moz-placeholder {
|
section#contact ::-moz-placeholder {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #ced4da;
|
color: #ced4da;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
section#contact :-ms-input-placeholder {
|
section#contact :-ms-input-placeholder {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: #ced4da;
|
color: #ced4da;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
@ -650,7 +716,9 @@ section#contact :-ms-input-placeholder {
|
|||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer ul.quicklinks {
|
.footer ul.quicklinks {
|
||||||
@ -658,7 +726,9 @@ section#contact :-ms-input-placeholder {
|
|||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
|
||||||
|
Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.social-buttons {
|
ul.social-buttons {
|
||||||
@ -678,6 +748,8 @@ ul.social-buttons li a {
|
|||||||
background-color: #212529;
|
background-color: #212529;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
|
ul.social-buttons li a:active,
|
||||||
|
ul.social-buttons li a:focus,
|
||||||
|
ul.social-buttons li a:hover {
|
||||||
background-color: #fed136;
|
background-color: #fed136;
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
img/header-bg.webp
Normal file
BIN
img/header-bg.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 262 KiB |
|
Before Width: | Height: | Size: 233 KiB After Width: | Height: | Size: 233 KiB |
384
index.html
384
index.html
@ -1,47 +1,80 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width, initial-scale=1, shrink-to-fit=no"
|
||||||
|
/>
|
||||||
|
<meta name="description" content="Redline Racing Fall 2019 Car Show" />
|
||||||
|
<meta name="author" content="" />
|
||||||
|
|
||||||
<meta charset="utf-8">
|
<title>Redline Racing Car Show</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
||||||
<meta name="description" content="">
|
|
||||||
<meta name="author" content="">
|
|
||||||
|
|
||||||
<title>Agency - Start Bootstrap Theme</title>
|
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
|
||||||
<!-- Custom fonts for this template -->
|
<!-- Custom fonts for this template -->
|
||||||
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
|
<link
|
||||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
|
href="vendor/fontawesome-free/css/all.min.css"
|
||||||
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
|
rel="stylesheet"
|
||||||
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
|
type="text/css"
|
||||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
|
/>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Montserrat:400,700"
|
||||||
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Kaushan+Script"
|
||||||
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic"
|
||||||
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700"
|
||||||
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- Custom styles for this template -->
|
<!-- Custom styles for this template -->
|
||||||
<link href="css/agency.min.css" rel="stylesheet">
|
<link href="css/agency.css" rel="stylesheet" />
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body id="page-top">
|
<body id="page-top">
|
||||||
|
|
||||||
<!-- Navigation -->
|
<!-- Navigation -->
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
|
<a class="navbar-brand js-scroll-trigger" href="#page-top"
|
||||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
>Redline Racing Car Show</a
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
class="navbar-toggler navbar-toggler-right"
|
||||||
|
type="button"
|
||||||
|
data-toggle="collapse"
|
||||||
|
data-target="#navbarResponsive"
|
||||||
|
aria-controls="navbarResponsive"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-label="Toggle navigation"
|
||||||
|
>
|
||||||
Menu
|
Menu
|
||||||
<i class="fas fa-bars"></i>
|
<i class="fas fa-bars"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||||
<ul class="navbar-nav text-uppercase ml-auto">
|
<ul class="navbar-nav text-uppercase ml-auto">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link js-scroll-trigger" href="#services">Services</a>
|
<a class="nav-link js-scroll-trigger" href="#services"
|
||||||
|
>Services</a
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
|
<a class="nav-link js-scroll-trigger" href="#portfolio"
|
||||||
|
>Portfolio</a
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link js-scroll-trigger" href="#about">About</a>
|
<a class="nav-link js-scroll-trigger" href="#about">About</a>
|
||||||
@ -61,9 +94,17 @@
|
|||||||
<header class="masthead">
|
<header class="masthead">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="intro-text">
|
<div class="intro-text">
|
||||||
<div class="intro-lead-in">Welcome To Our Studio!</div>
|
<div class="intro-lead-in">
|
||||||
<div class="intro-heading text-uppercase">It's Nice To Meet You</div>
|
Welcome To the Show!
|
||||||
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a>
|
</div>
|
||||||
|
<div class="intro-heading text-uppercase">
|
||||||
|
More text to keep you interested!
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
class="btn btn-primary btn-xl text-uppercase js-scroll-trigger"
|
||||||
|
href="#services"
|
||||||
|
>Tell Me More</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
@ -74,7 +115,9 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
<h2 class="section-heading text-uppercase">Services</h2>
|
<h2 class="section-heading text-uppercase">Services</h2>
|
||||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
<h3 class="section-subheading text-muted">
|
||||||
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row text-center">
|
<div class="row text-center">
|
||||||
@ -84,7 +127,11 @@
|
|||||||
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
|
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
|
||||||
</span>
|
</span>
|
||||||
<h4 class="service-heading">E-Commerce</h4>
|
<h4 class="service-heading">E-Commerce</h4>
|
||||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
|
<p class="text-muted">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima
|
||||||
|
maxime quam architecto quo inventore harum ex magni, dicta
|
||||||
|
impedit.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<span class="fa-stack fa-4x">
|
<span class="fa-stack fa-4x">
|
||||||
@ -92,7 +139,11 @@
|
|||||||
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
|
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
|
||||||
</span>
|
</span>
|
||||||
<h4 class="service-heading">Responsive Design</h4>
|
<h4 class="service-heading">Responsive Design</h4>
|
||||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
|
<p class="text-muted">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima
|
||||||
|
maxime quam architecto quo inventore harum ex magni, dicta
|
||||||
|
impedit.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<span class="fa-stack fa-4x">
|
<span class="fa-stack fa-4x">
|
||||||
@ -100,14 +151,18 @@
|
|||||||
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
|
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
|
||||||
</span>
|
</span>
|
||||||
<h4 class="service-heading">Web Security</h4>
|
<h4 class="service-heading">Web Security</h4>
|
||||||
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
|
<p class="text-muted">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima
|
||||||
|
maxime quam architecto quo inventore harum ex magni, dicta
|
||||||
|
impedit.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Portfolio Grid -->
|
<!-- Portfolio Grid -->
|
||||||
<section class="bg-light page-section" id="portfolio">
|
<!-- <section class="bg-light page-section" id="portfolio">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
@ -202,10 +257,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> -->
|
||||||
|
|
||||||
<!-- About -->
|
<!-- About -->
|
||||||
<section class="page-section" id="about">
|
<!-- <section class="page-section" id="about">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
@ -283,10 +338,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> -->
|
||||||
|
|
||||||
<!-- Team -->
|
<!-- Team -->
|
||||||
<section class="bg-light page-section" id="team">
|
<!-- <section class="bg-light page-section" id="team">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
@ -374,10 +429,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> -->
|
||||||
|
|
||||||
<!-- Clients -->
|
<!-- Clients -->
|
||||||
<section class="py-5">
|
<!-- <section class="py-5">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-3 col-sm-6">
|
<div class="col-md-3 col-sm-6">
|
||||||
@ -402,7 +457,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> -->
|
||||||
|
|
||||||
<!-- Contact -->
|
<!-- Contact -->
|
||||||
<section class="page-section" id="contact">
|
<section class="page-section" id="contact">
|
||||||
@ -410,7 +465,9 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
<h2 class="section-heading text-uppercase">Contact Us</h2>
|
<h2 class="section-heading text-uppercase">Contact Us</h2>
|
||||||
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
|
<h3 class="section-subheading text-muted">
|
||||||
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@ -419,28 +476,61 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<input class="form-control" id="name" type="text" placeholder="Your Name *" required="required" data-validation-required-message="Please enter your name.">
|
<input
|
||||||
|
class="form-control"
|
||||||
|
id="name"
|
||||||
|
type="text"
|
||||||
|
placeholder="Your Name *"
|
||||||
|
required="required"
|
||||||
|
data-validation-required-message="Please enter your name."
|
||||||
|
/>
|
||||||
<p class="help-block text-danger"></p>
|
<p class="help-block text-danger"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<input class="form-control" id="email" type="email" placeholder="Your Email *" required="required" data-validation-required-message="Please enter your email address.">
|
<input
|
||||||
|
class="form-control"
|
||||||
|
id="email"
|
||||||
|
type="email"
|
||||||
|
placeholder="Your Email *"
|
||||||
|
required="required"
|
||||||
|
data-validation-required-message="Please enter your email address."
|
||||||
|
/>
|
||||||
<p class="help-block text-danger"></p>
|
<p class="help-block text-danger"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<input class="form-control" id="phone" type="tel" placeholder="Your Phone *" required="required" data-validation-required-message="Please enter your phone number.">
|
<input
|
||||||
|
class="form-control"
|
||||||
|
id="phone"
|
||||||
|
type="tel"
|
||||||
|
placeholder="Your Phone *"
|
||||||
|
required="required"
|
||||||
|
data-validation-required-message="Please enter your phone number."
|
||||||
|
/>
|
||||||
<p class="help-block text-danger"></p>
|
<p class="help-block text-danger"></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<textarea class="form-control" id="message" placeholder="Your Message *" required="required" data-validation-required-message="Please enter a message."></textarea>
|
<textarea
|
||||||
|
class="form-control"
|
||||||
|
id="message"
|
||||||
|
placeholder="Your Message *"
|
||||||
|
required="required"
|
||||||
|
data-validation-required-message="Please enter a message."
|
||||||
|
></textarea>
|
||||||
<p class="help-block text-danger"></p>
|
<p class="help-block text-danger"></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
<div class="col-lg-12 text-center">
|
<div class="col-lg-12 text-center">
|
||||||
<div id="success"></div>
|
<div id="success"></div>
|
||||||
<button id="sendMessageButton" class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
|
<button
|
||||||
|
id="sendMessageButton"
|
||||||
|
class="btn btn-primary btn-xl text-uppercase"
|
||||||
|
type="submit"
|
||||||
|
>
|
||||||
|
Send Message
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
@ -492,7 +582,13 @@
|
|||||||
<!-- Portfolio Modals -->
|
<!-- Portfolio Modals -->
|
||||||
|
|
||||||
<!-- Modal 1 -->
|
<!-- Modal 1 -->
|
||||||
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
|
<div
|
||||||
|
class="portfolio-modal modal fade"
|
||||||
|
id="portfolioModal1"
|
||||||
|
tabindex="-1"
|
||||||
|
role="dialog"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="close-modal" data-dismiss="modal">
|
<div class="close-modal" data-dismiss="modal">
|
||||||
@ -506,17 +602,34 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<!-- Project Details Go Here -->
|
<!-- Project Details Go Here -->
|
||||||
<h2 class="text-uppercase">Project Name</h2>
|
<h2 class="text-uppercase">Project Name</h2>
|
||||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
<p class="item-intro text-muted">
|
||||||
<img class="img-fluid d-block mx-auto" src="img/portfolio/01-full.jpg" alt="">
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
</p>
|
||||||
|
<img
|
||||||
|
class="img-fluid d-block mx-auto"
|
||||||
|
src="img/portfolio/01-full.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>
|
||||||
|
Use this area to describe your project. Lorem ipsum dolor
|
||||||
|
sit amet, consectetur adipisicing elit. Est blanditiis
|
||||||
|
dolorem culpa incidunt minus dignissimos deserunt repellat
|
||||||
|
aperiam quasi sunt officia expedita beatae cupiditate,
|
||||||
|
maiores repudiandae, nostrum, reiciendis facere nemo!
|
||||||
|
</p>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>Date: January 2017</li>
|
<li>Date: January 2017</li>
|
||||||
<li>Client: Threads</li>
|
<li>Client: Threads</li>
|
||||||
<li>Category: Illustration</li>
|
<li>Category: Illustration</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
Close Project</button>
|
Close Project
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -526,7 +639,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal 2 -->
|
<!-- Modal 2 -->
|
||||||
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
|
<div
|
||||||
|
class="portfolio-modal modal fade"
|
||||||
|
id="portfolioModal2"
|
||||||
|
tabindex="-1"
|
||||||
|
role="dialog"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="close-modal" data-dismiss="modal">
|
<div class="close-modal" data-dismiss="modal">
|
||||||
@ -540,17 +659,34 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<!-- Project Details Go Here -->
|
<!-- Project Details Go Here -->
|
||||||
<h2 class="text-uppercase">Project Name</h2>
|
<h2 class="text-uppercase">Project Name</h2>
|
||||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
<p class="item-intro text-muted">
|
||||||
<img class="img-fluid d-block mx-auto" src="img/portfolio/02-full.jpg" alt="">
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
</p>
|
||||||
|
<img
|
||||||
|
class="img-fluid d-block mx-auto"
|
||||||
|
src="img/portfolio/02-full.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>
|
||||||
|
Use this area to describe your project. Lorem ipsum dolor
|
||||||
|
sit amet, consectetur adipisicing elit. Est blanditiis
|
||||||
|
dolorem culpa incidunt minus dignissimos deserunt repellat
|
||||||
|
aperiam quasi sunt officia expedita beatae cupiditate,
|
||||||
|
maiores repudiandae, nostrum, reiciendis facere nemo!
|
||||||
|
</p>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>Date: January 2017</li>
|
<li>Date: January 2017</li>
|
||||||
<li>Client: Explore</li>
|
<li>Client: Explore</li>
|
||||||
<li>Category: Graphic Design</li>
|
<li>Category: Graphic Design</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
Close Project</button>
|
Close Project
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -560,7 +696,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal 3 -->
|
<!-- Modal 3 -->
|
||||||
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
|
<div
|
||||||
|
class="portfolio-modal modal fade"
|
||||||
|
id="portfolioModal3"
|
||||||
|
tabindex="-1"
|
||||||
|
role="dialog"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="close-modal" data-dismiss="modal">
|
<div class="close-modal" data-dismiss="modal">
|
||||||
@ -574,17 +716,34 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<!-- Project Details Go Here -->
|
<!-- Project Details Go Here -->
|
||||||
<h2 class="text-uppercase">Project Name</h2>
|
<h2 class="text-uppercase">Project Name</h2>
|
||||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
<p class="item-intro text-muted">
|
||||||
<img class="img-fluid d-block mx-auto" src="img/portfolio/03-full.jpg" alt="">
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
</p>
|
||||||
|
<img
|
||||||
|
class="img-fluid d-block mx-auto"
|
||||||
|
src="img/portfolio/03-full.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>
|
||||||
|
Use this area to describe your project. Lorem ipsum dolor
|
||||||
|
sit amet, consectetur adipisicing elit. Est blanditiis
|
||||||
|
dolorem culpa incidunt minus dignissimos deserunt repellat
|
||||||
|
aperiam quasi sunt officia expedita beatae cupiditate,
|
||||||
|
maiores repudiandae, nostrum, reiciendis facere nemo!
|
||||||
|
</p>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>Date: January 2017</li>
|
<li>Date: January 2017</li>
|
||||||
<li>Client: Finish</li>
|
<li>Client: Finish</li>
|
||||||
<li>Category: Identity</li>
|
<li>Category: Identity</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
Close Project</button>
|
Close Project
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -594,7 +753,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal 4 -->
|
<!-- Modal 4 -->
|
||||||
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
|
<div
|
||||||
|
class="portfolio-modal modal fade"
|
||||||
|
id="portfolioModal4"
|
||||||
|
tabindex="-1"
|
||||||
|
role="dialog"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="close-modal" data-dismiss="modal">
|
<div class="close-modal" data-dismiss="modal">
|
||||||
@ -608,17 +773,34 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<!-- Project Details Go Here -->
|
<!-- Project Details Go Here -->
|
||||||
<h2 class="text-uppercase">Project Name</h2>
|
<h2 class="text-uppercase">Project Name</h2>
|
||||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
<p class="item-intro text-muted">
|
||||||
<img class="img-fluid d-block mx-auto" src="img/portfolio/04-full.jpg" alt="">
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
</p>
|
||||||
|
<img
|
||||||
|
class="img-fluid d-block mx-auto"
|
||||||
|
src="img/portfolio/04-full.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>
|
||||||
|
Use this area to describe your project. Lorem ipsum dolor
|
||||||
|
sit amet, consectetur adipisicing elit. Est blanditiis
|
||||||
|
dolorem culpa incidunt minus dignissimos deserunt repellat
|
||||||
|
aperiam quasi sunt officia expedita beatae cupiditate,
|
||||||
|
maiores repudiandae, nostrum, reiciendis facere nemo!
|
||||||
|
</p>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>Date: January 2017</li>
|
<li>Date: January 2017</li>
|
||||||
<li>Client: Lines</li>
|
<li>Client: Lines</li>
|
||||||
<li>Category: Branding</li>
|
<li>Category: Branding</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
Close Project</button>
|
Close Project
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -628,7 +810,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal 5 -->
|
<!-- Modal 5 -->
|
||||||
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
|
<div
|
||||||
|
class="portfolio-modal modal fade"
|
||||||
|
id="portfolioModal5"
|
||||||
|
tabindex="-1"
|
||||||
|
role="dialog"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="close-modal" data-dismiss="modal">
|
<div class="close-modal" data-dismiss="modal">
|
||||||
@ -642,17 +830,34 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<!-- Project Details Go Here -->
|
<!-- Project Details Go Here -->
|
||||||
<h2 class="text-uppercase">Project Name</h2>
|
<h2 class="text-uppercase">Project Name</h2>
|
||||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
<p class="item-intro text-muted">
|
||||||
<img class="img-fluid d-block mx-auto" src="img/portfolio/05-full.jpg" alt="">
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
</p>
|
||||||
|
<img
|
||||||
|
class="img-fluid d-block mx-auto"
|
||||||
|
src="img/portfolio/05-full.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>
|
||||||
|
Use this area to describe your project. Lorem ipsum dolor
|
||||||
|
sit amet, consectetur adipisicing elit. Est blanditiis
|
||||||
|
dolorem culpa incidunt minus dignissimos deserunt repellat
|
||||||
|
aperiam quasi sunt officia expedita beatae cupiditate,
|
||||||
|
maiores repudiandae, nostrum, reiciendis facere nemo!
|
||||||
|
</p>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>Date: January 2017</li>
|
<li>Date: January 2017</li>
|
||||||
<li>Client: Southwest</li>
|
<li>Client: Southwest</li>
|
||||||
<li>Category: Website Design</li>
|
<li>Category: Website Design</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
Close Project</button>
|
Close Project
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -662,7 +867,13 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal 6 -->
|
<!-- Modal 6 -->
|
||||||
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
|
<div
|
||||||
|
class="portfolio-modal modal fade"
|
||||||
|
id="portfolioModal6"
|
||||||
|
tabindex="-1"
|
||||||
|
role="dialog"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
<div class="modal-dialog">
|
<div class="modal-dialog">
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="close-modal" data-dismiss="modal">
|
<div class="close-modal" data-dismiss="modal">
|
||||||
@ -676,17 +887,34 @@
|
|||||||
<div class="modal-body">
|
<div class="modal-body">
|
||||||
<!-- Project Details Go Here -->
|
<!-- Project Details Go Here -->
|
||||||
<h2 class="text-uppercase">Project Name</h2>
|
<h2 class="text-uppercase">Project Name</h2>
|
||||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
|
<p class="item-intro text-muted">
|
||||||
<img class="img-fluid d-block mx-auto" src="img/portfolio/06-full.jpg" alt="">
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
|
</p>
|
||||||
|
<img
|
||||||
|
class="img-fluid d-block mx-auto"
|
||||||
|
src="img/portfolio/06-full.jpg"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<p>
|
||||||
|
Use this area to describe your project. Lorem ipsum dolor
|
||||||
|
sit amet, consectetur adipisicing elit. Est blanditiis
|
||||||
|
dolorem culpa incidunt minus dignissimos deserunt repellat
|
||||||
|
aperiam quasi sunt officia expedita beatae cupiditate,
|
||||||
|
maiores repudiandae, nostrum, reiciendis facere nemo!
|
||||||
|
</p>
|
||||||
<ul class="list-inline">
|
<ul class="list-inline">
|
||||||
<li>Date: January 2017</li>
|
<li>Date: January 2017</li>
|
||||||
<li>Client: Window</li>
|
<li>Client: Window</li>
|
||||||
<li>Category: Photography</li>
|
<li>Category: Photography</li>
|
||||||
</ul>
|
</ul>
|
||||||
<button class="btn btn-primary" data-dismiss="modal" type="button">
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
data-dismiss="modal"
|
||||||
|
type="button"
|
||||||
|
>
|
||||||
<i class="fas fa-times"></i>
|
<i class="fas fa-times"></i>
|
||||||
Close Project</button>
|
Close Project
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -708,7 +936,5 @@
|
|||||||
|
|
||||||
<!-- Custom scripts for this template -->
|
<!-- Custom scripts for this template -->
|
||||||
<script src="js/agency.min.js"></script>
|
<script src="js/agency.min.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user