mirror of
https://gitlab.com/redline-racing-division/car-show.git
synced 2025-06-16 07:06:48 +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 {
|
||||
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 {
|
||||
@ -32,7 +34,9 @@ h4,
|
||||
h5,
|
||||
h6 {
|
||||
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 {
|
||||
@ -51,7 +55,9 @@ h6 {
|
||||
font-style: italic;
|
||||
margin-bottom: 75px;
|
||||
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) {
|
||||
@ -83,7 +89,9 @@ img::-moz-selection {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
@ -97,13 +105,16 @@ img::-moz-selection {
|
||||
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;
|
||||
border-color: #fec810 !important;
|
||||
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;
|
||||
}
|
||||
|
||||
@ -119,15 +130,22 @@ img::-moz-selection {
|
||||
color: white;
|
||||
border: 0;
|
||||
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 {
|
||||
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;
|
||||
}
|
||||
|
||||
@ -137,10 +155,13 @@ img::-moz-selection {
|
||||
padding: 0.75em 0;
|
||||
letter-spacing: 1px;
|
||||
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;
|
||||
}
|
||||
|
||||
@ -173,7 +194,12 @@ img::-moz-selection {
|
||||
header.masthead {
|
||||
text-align: center;
|
||||
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-attachment: scroll;
|
||||
background-position: center center;
|
||||
@ -190,7 +216,9 @@ header.masthead .intro-text .intro-lead-in {
|
||||
font-style: italic;
|
||||
line-height: 22px;
|
||||
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 {
|
||||
@ -198,7 +226,9 @@ header.masthead .intro-text .intro-heading {
|
||||
font-weight: 700;
|
||||
line-height: 50px;
|
||||
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) {
|
||||
@ -211,14 +241,18 @@ header.masthead .intro-text .intro-heading {
|
||||
font-style: italic;
|
||||
line-height: 40px;
|
||||
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 {
|
||||
font-size: 75px;
|
||||
font-weight: 700;
|
||||
line-height: 75px;
|
||||
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;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
|
||||
#portfolio
|
||||
.portfolio-item
|
||||
.portfolio-link
|
||||
.portfolio-hover
|
||||
.portfolio-hover-content {
|
||||
font-size: 20px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@ -264,12 +302,27 @@ header.masthead .intro-text .intro-heading {
|
||||
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;
|
||||
}
|
||||
|
||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
|
||||
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
|
||||
#portfolio
|
||||
.portfolio-item
|
||||
.portfolio-link
|
||||
.portfolio-hover
|
||||
.portfolio-hover-content
|
||||
h3,
|
||||
#portfolio
|
||||
.portfolio-item
|
||||
.portfolio-link
|
||||
.portfolio-hover
|
||||
.portfolio-hover-content
|
||||
h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@ -290,7 +343,9 @@ header.masthead .intro-text .intro-heading {
|
||||
font-size: 16px;
|
||||
font-style: italic;
|
||||
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 * {
|
||||
@ -326,7 +381,9 @@ header.masthead .intro-text .intro-heading {
|
||||
font-size: 16px;
|
||||
font-style: italic;
|
||||
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 {
|
||||
@ -390,7 +447,7 @@ header.masthead .intro-text .intro-heading {
|
||||
left: 40px;
|
||||
width: 2px;
|
||||
margin-left: -1.5px;
|
||||
content: '';
|
||||
content: "";
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
|
||||
@ -400,9 +457,10 @@ header.masthead .intro-text .intro-heading {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.timeline > li:after, .timeline > li:before {
|
||||
.timeline > li:after,
|
||||
.timeline > li:before {
|
||||
display: table;
|
||||
content: ' ';
|
||||
content: " ";
|
||||
}
|
||||
|
||||
.timeline > li:after {
|
||||
@ -620,25 +678,33 @@ section#contact .form-control:focus {
|
||||
section#contact ::-webkit-input-placeholder {
|
||||
font-weight: 700;
|
||||
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 {
|
||||
font-weight: 700;
|
||||
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 {
|
||||
font-weight: 700;
|
||||
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 {
|
||||
font-weight: 700;
|
||||
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 {
|
||||
@ -650,7 +716,9 @@ section#contact :-ms-input-placeholder {
|
||||
font-size: 90%;
|
||||
line-height: 40px;
|
||||
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 {
|
||||
@ -658,7 +726,9 @@ section#contact :-ms-input-placeholder {
|
||||
line-height: 40px;
|
||||
margin-bottom: 0;
|
||||
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 {
|
||||
@ -678,6 +748,8 @@ ul.social-buttons li a {
|
||||
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;
|
||||
}
|
||||
|
||||
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 |
392
index.html
392
index.html
@ -1,47 +1,80 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<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="" />
|
||||
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<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>
|
||||
<title>Redline Racing Car Show</title>
|
||||
|
||||
<!-- 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 -->
|
||||
<link href="vendor/fontawesome-free/css/all.min.css" 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'>
|
||||
<link
|
||||
href="vendor/fontawesome-free/css/all.min.css"
|
||||
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 -->
|
||||
<link href="css/agency.min.css" rel="stylesheet">
|
||||
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<link href="css/agency.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body id="page-top">
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</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">
|
||||
<a class="navbar-brand js-scroll-trigger" href="#page-top"
|
||||
>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
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav text-uppercase ml-auto">
|
||||
<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 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 class="nav-item">
|
||||
<a class="nav-link js-scroll-trigger" href="#about">About</a>
|
||||
@ -61,9 +94,17 @@
|
||||
<header class="masthead">
|
||||
<div class="container">
|
||||
<div class="intro-text">
|
||||
<div class="intro-lead-in">Welcome To Our Studio!</div>
|
||||
<div class="intro-heading text-uppercase">It's Nice To Meet You</div>
|
||||
<a class="btn btn-primary btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a>
|
||||
<div class="intro-lead-in">
|
||||
Welcome To the Show!
|
||||
</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>
|
||||
</header>
|
||||
@ -74,7 +115,9 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<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 class="row text-center">
|
||||
@ -84,7 +127,11 @@
|
||||
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
<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 class="col-md-4">
|
||||
<span class="fa-stack fa-4x">
|
||||
@ -92,7 +139,11 @@
|
||||
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
<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 class="col-md-4">
|
||||
<span class="fa-stack fa-4x">
|
||||
@ -100,14 +151,18 @@
|
||||
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
|
||||
</span>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<!-- Portfolio Grid -->
|
||||
<section class="bg-light page-section" id="portfolio">
|
||||
<!-- <section class="bg-light page-section" id="portfolio">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
@ -202,10 +257,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<!-- About -->
|
||||
<section class="page-section" id="about">
|
||||
<!-- <section class="page-section" id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
@ -283,10 +338,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<!-- Team -->
|
||||
<section class="bg-light page-section" id="team">
|
||||
<!-- <section class="bg-light page-section" id="team">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
@ -374,10 +429,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<!-- Clients -->
|
||||
<section class="py-5">
|
||||
<!-- <section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-sm-6">
|
||||
@ -402,7 +457,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section> -->
|
||||
|
||||
<!-- Contact -->
|
||||
<section class="page-section" id="contact">
|
||||
@ -410,7 +465,9 @@
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<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 class="row">
|
||||
@ -419,28 +476,61 @@
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
<div class="col-lg-12 text-center">
|
||||
<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>
|
||||
</form>
|
||||
@ -492,7 +582,13 @@
|
||||
<!-- Portfolio Modals -->
|
||||
|
||||
<!-- 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-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
@ -506,17 +602,34 @@
|
||||
<div class="modal-body">
|
||||
<!-- Project Details Go Here -->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</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>
|
||||
<p class="item-intro text-muted">
|
||||
Lorem ipsum dolor sit amet consectetur.
|
||||
</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">
|
||||
<li>Date: January 2017</li>
|
||||
<li>Client: Threads</li>
|
||||
<li>Category: Illustration</li>
|
||||
</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>
|
||||
Close Project</button>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -526,7 +639,13 @@
|
||||
</div>
|
||||
|
||||
<!-- 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-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
@ -540,17 +659,34 @@
|
||||
<div class="modal-body">
|
||||
<!-- Project Details Go Here -->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</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>
|
||||
<p class="item-intro text-muted">
|
||||
Lorem ipsum dolor sit amet consectetur.
|
||||
</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">
|
||||
<li>Date: January 2017</li>
|
||||
<li>Client: Explore</li>
|
||||
<li>Category: Graphic Design</li>
|
||||
</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>
|
||||
Close Project</button>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -560,7 +696,13 @@
|
||||
</div>
|
||||
|
||||
<!-- 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-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
@ -574,17 +716,34 @@
|
||||
<div class="modal-body">
|
||||
<!-- Project Details Go Here -->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</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>
|
||||
<p class="item-intro text-muted">
|
||||
Lorem ipsum dolor sit amet consectetur.
|
||||
</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">
|
||||
<li>Date: January 2017</li>
|
||||
<li>Client: Finish</li>
|
||||
<li>Category: Identity</li>
|
||||
</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>
|
||||
Close Project</button>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -594,7 +753,13 @@
|
||||
</div>
|
||||
|
||||
<!-- 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-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
@ -608,17 +773,34 @@
|
||||
<div class="modal-body">
|
||||
<!-- Project Details Go Here -->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</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>
|
||||
<p class="item-intro text-muted">
|
||||
Lorem ipsum dolor sit amet consectetur.
|
||||
</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">
|
||||
<li>Date: January 2017</li>
|
||||
<li>Client: Lines</li>
|
||||
<li>Category: Branding</li>
|
||||
</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>
|
||||
Close Project</button>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -628,7 +810,13 @@
|
||||
</div>
|
||||
|
||||
<!-- 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-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
@ -642,17 +830,34 @@
|
||||
<div class="modal-body">
|
||||
<!-- Project Details Go Here -->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</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>
|
||||
<p class="item-intro text-muted">
|
||||
Lorem ipsum dolor sit amet consectetur.
|
||||
</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">
|
||||
<li>Date: January 2017</li>
|
||||
<li>Client: Southwest</li>
|
||||
<li>Category: Website Design</li>
|
||||
</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>
|
||||
Close Project</button>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -662,7 +867,13 @@
|
||||
</div>
|
||||
|
||||
<!-- 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-content">
|
||||
<div class="close-modal" data-dismiss="modal">
|
||||
@ -676,17 +887,34 @@
|
||||
<div class="modal-body">
|
||||
<!-- Project Details Go Here -->
|
||||
<h2 class="text-uppercase">Project Name</h2>
|
||||
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</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>
|
||||
<p class="item-intro text-muted">
|
||||
Lorem ipsum dolor sit amet consectetur.
|
||||
</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">
|
||||
<li>Date: January 2017</li>
|
||||
<li>Client: Window</li>
|
||||
<li>Category: Photography</li>
|
||||
</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>
|
||||
Close Project</button>
|
||||
Close Project
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -708,7 +936,5 @@
|
||||
|
||||
<!-- Custom scripts for this template -->
|
||||
<script src="js/agency.min.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user