Bootstrap 4 Update

This commit is contained in:
David Miller 2018-01-19 18:37:06 -05:00
parent 439f3ae0db
commit 9e1981db16
34 changed files with 15995 additions and 6211 deletions

View File

@ -1,22 +1,23 @@
/*!
* Start Bootstrap - Agency v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/agency)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
*/
body {
overflow-x: hidden;
font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
p {
line-height: 1.75; }
line-height: 1.75;
}
a {
color: #fed136; }
a:hover {
color: #fec503; }
color: #fed136;
}
a:hover {
color: #fec503;
}
.text-primary {
color: #fed136 !important; }
color: #fed136 !important;
}
h1,
h2,
@ -25,64 +26,82 @@ h4,
h5,
h6 {
font-weight: 700;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
section {
padding: 100px 0; }
section h2.section-heading {
padding: 100px 0;
}
section h2.section-heading {
font-size: 40px;
margin-top: 0;
margin-bottom: 15px; }
section h3.section-subheading {
margin-bottom: 15px;
}
section h3.section-subheading {
font-size: 16px;
font-weight: 400;
font-style: italic;
margin-bottom: 75px;
text-transform: none;
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
section {
padding: 150px 0; } }
padding: 150px 0;
}
}
.btn {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700; }
font-weight: 700;
}
.btn-xl {
font-size: 18px;
padding: 20px 40px; }
padding: 20px 40px;
}
.btn-primary {
background-color: #fed136;
border-color: #fed136; }
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
border-color: #fed136;
}
.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 {
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; }
color: white;
}
.btn-primary:active, .btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}
::-moz-selection {
background: #fed136;
text-shadow: none; }
text-shadow: none;
}
::selection {
background: #fed136;
text-shadow: none; }
text-shadow: none;
}
img::selection {
background: transparent; }
background: transparent;
}
img::-moz-selection {
background: transparent; }
body {
-webkit-tap-highlight-color: #fed136; }
background: transparent;
}
#mainNav {
background-color: #212529; }
#mainNav .navbar-toggler {
background-color: #212529;
}
#mainNav .navbar-toggler {
font-size: 12px;
right: 0;
padding: 13px;
@ -90,21 +109,30 @@ body {
color: white;
border: 0;
background-color: #fed136;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#mainNav .navbar-brand {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#mainNav .navbar-brand {
color: #fed136;
font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive; }
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
color: #fec503; }
#mainNav .navbar-nav .nav-item .nav-link {
font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive;
}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
color: #fec503;
}
#mainNav .navbar-nav .nav-item .nav-link {
font-size: 90%;
font-weight: 400;
padding: 0.75em 0;
letter-spacing: 1px;
color: white;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
color: #fed136; }
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
color: #fed136;
}
@media (min-width: 992px) {
#mainNav {
@ -114,21 +142,27 @@ body {
-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
transition: padding-top 0.3s, padding-bottom 0.3s;
border: none;
background-color: transparent; }
background-color: transparent;
}
#mainNav .navbar-brand {
font-size: 1.75em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
transition: all 0.3s;
}
#mainNav .navbar-nav .nav-item .nav-link {
padding: 1.1em 1em !important; }
padding: 1.1em 1em !important;
}
#mainNav.navbar-shrink {
padding-top: 0;
padding-bottom: 0;
background-color: #212529; }
background-color: #212529;
}
#mainNav.navbar-shrink .navbar-brand {
font-size: 1.25em;
padding: 12px 0; } }
padding: 12px 0;
}
}
header.masthead {
text-align: center;
@ -140,54 +174,70 @@ header.masthead {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
header.masthead .intro-text {
background-size: cover;
}
header.masthead .intro-text {
padding-top: 150px;
padding-bottom: 100px; }
header.masthead .intro-text .intro-lead-in {
padding-bottom: 100px;
}
header.masthead .intro-text .intro-lead-in {
font-size: 22px;
font-style: italic;
line-height: 22px;
margin-bottom: 25px;
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
header.masthead .intro-text .intro-heading {
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
header.masthead .intro-text .intro-heading {
font-size: 50px;
font-weight: 700;
line-height: 50px;
margin-bottom: 25px;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media (min-width: 768px) {
header.masthead .intro-text {
padding-top: 300px;
padding-bottom: 200px; }
padding-bottom: 200px;
}
header.masthead .intro-text .intro-lead-in {
font-size: 40px;
font-style: italic;
line-height: 40px;
margin-bottom: 25px;
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
header.masthead .intro-text .intro-heading {
font-size: 75px;
font-weight: 700;
line-height: 75px;
margin-bottom: 50px;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; } }
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
}
.service-heading {
margin: 15px 0;
text-transform: none; }
text-transform: none;
}
#portfolio .portfolio-item {
right: 0;
margin: 0 0 15px; }
#portfolio .portfolio-item .portfolio-link {
margin: 0 0 15px;
}
#portfolio .portfolio-item .portfolio-link {
position: relative;
display: block;
max-width: 400px;
margin: 0 auto;
cursor: pointer; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
cursor: pointer;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
position: absolute;
width: 100%;
height: 100%;
@ -195,10 +245,14 @@ header.masthead {
-moz-transition: all ease 0.5s;
transition: all ease 0.5s;
opacity: 0;
background: rgba(254, 209, 54, 0.9); }
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity: 1; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
background: rgba(254, 209, 54, 0.9);
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
font-size: 20px;
position: absolute;
top: 50%;
@ -206,70 +260,106 @@ header.masthead {
height: 20px;
margin-top: -12px;
text-align: center;
color: white; }
#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 {
margin: 0; }
#portfolio .portfolio-item .portfolio-caption {
color: white;
}
#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 {
margin: 0;
}
#portfolio .portfolio-item .portfolio-caption {
max-width: 400px;
margin: 0 auto;
padding: 25px;
text-align: center;
background-color: #fff; }
#portfolio .portfolio-item .portfolio-caption h4 {
background-color: #fff;
}
#portfolio .portfolio-item .portfolio-caption h4 {
margin: 0;
text-transform: none; }
#portfolio .portfolio-item .portfolio-caption p {
text-transform: none;
}
#portfolio .portfolio-item .portfolio-caption p {
font-size: 16px;
font-style: italic;
margin: 0;
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#portfolio * {
z-index: 2; }
z-index: 2;
}
@media (min-width: 767px) {
#portfolio .portfolio-item {
margin: 0 0 30px; } }
margin: 0 0 30px;
}
}
.portfolio-modal {
padding-right: 0px !important; }
.portfolio-modal .modal-dialog {
padding-right: 0px !important;
}
.portfolio-modal .modal-dialog {
margin: 1rem;
max-width: 100vw; }
.portfolio-modal .modal-content {
max-width: 100vw;
}
.portfolio-modal .modal-content {
padding: 100px 0;
text-align: center; }
.portfolio-modal .modal-content h2 {
text-align: center;
}
.portfolio-modal .modal-content h2 {
font-size: 3em;
margin-bottom: 15px; }
.portfolio-modal .modal-content p {
margin-bottom: 30px; }
.portfolio-modal .modal-content p.item-intro {
margin-bottom: 15px;
}
.portfolio-modal .modal-content p {
margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
font-size: 16px;
font-style: italic;
margin: 20px 0 30px;
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.portfolio-modal .modal-content ul.list-inline {
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.portfolio-modal .modal-content ul.list-inline {
margin-top: 0;
margin-bottom: 30px; }
.portfolio-modal .modal-content img {
margin-bottom: 30px; }
.portfolio-modal .modal-content button {
cursor: pointer; }
.portfolio-modal .close-modal {
margin-bottom: 30px;
}
.portfolio-modal .modal-content img {
margin-bottom: 30px;
}
.portfolio-modal .modal-content button {
cursor: pointer;
}
.portfolio-modal .close-modal {
position: absolute;
top: 25px;
right: 25px;
width: 75px;
height: 75px;
cursor: pointer;
background-color: transparent; }
.portfolio-modal .close-modal:hover {
opacity: 0.3; }
.portfolio-modal .close-modal .lr {
background-color: transparent;
}
.portfolio-modal .close-modal:hover {
opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
/* Safari and Chrome */
z-index: 1051;
width: 1px;
@ -279,8 +369,10 @@ header.masthead {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #212529; }
.portfolio-modal .close-modal .lr .rl {
background-color: #212529;
}
.portfolio-modal .close-modal .lr .rl {
/* Safari and Chrome */
z-index: 1052;
width: 1px;
@ -289,13 +381,16 @@ header.masthead {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #212529; }
background-color: #212529;
}
.timeline {
position: relative;
padding: 0;
list-style: none; }
.timeline:before {
list-style: none;
}
.timeline:before {
position: absolute;
top: 0;
bottom: 0;
@ -303,33 +398,47 @@ header.masthead {
width: 2px;
margin-left: -1.5px;
content: '';
background-color: #e9ecef; }
.timeline > li {
background-color: #e9ecef;
}
.timeline > li {
position: relative;
min-height: 50px;
margin-bottom: 50px; }
.timeline > li:after, .timeline > li:before {
margin-bottom: 50px;
}
.timeline > li:after, .timeline > li:before {
display: table;
content: ' '; }
.timeline > li:after {
clear: both; }
.timeline > li .timeline-panel {
content: ' ';
}
.timeline > li:after {
clear: both;
}
.timeline > li .timeline-panel {
position: relative;
float: right;
width: 100%;
padding: 0 20px 0 100px;
text-align: left; }
.timeline > li .timeline-panel:before {
text-align: left;
}
.timeline > li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0; }
.timeline > li .timeline-panel:after {
border-left-width: 0;
}
.timeline > li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0; }
.timeline > li .timeline-image {
border-left-width: 0;
}
.timeline > li .timeline-image {
position: absolute;
z-index: 100;
left: 0;
@ -340,161 +449,232 @@ header.masthead {
color: white;
border: 7px solid #e9ecef;
border-radius: 100%;
background-color: #fed136; }
.timeline > li .timeline-image h4 {
background-color: #fed136;
}
.timeline > li .timeline-image h4 {
font-size: 10px;
line-height: 14px;
margin-top: 12px; }
.timeline > li.timeline-inverted > .timeline-panel {
margin-top: 12px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 20px 0 100px;
text-align: left; }
.timeline > li.timeline-inverted > .timeline-panel:before {
text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0; }
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0; }
.timeline > li:last-child {
margin-bottom: 0; }
.timeline .timeline-heading h4 {
border-left-width: 0;
}
.timeline > li:last-child {
margin-bottom: 0;
}
.timeline .timeline-heading h4 {
margin-top: 0;
color: inherit; }
.timeline .timeline-heading h4.subheading {
text-transform: none; }
.timeline .timeline-body > ul,
.timeline .timeline-body > p {
margin-bottom: 0; }
color: inherit;
}
.timeline .timeline-heading h4.subheading {
text-transform: none;
}
.timeline .timeline-body > ul,
.timeline .timeline-body > p {
margin-bottom: 0;
}
@media (min-width: 768px) {
.timeline:before {
left: 50%; }
left: 50%;
}
.timeline > li {
min-height: 100px;
margin-bottom: 100px; }
margin-bottom: 100px;
}
.timeline > li .timeline-panel {
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right; }
text-align: right;
}
.timeline > li .timeline-image {
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px; }
margin-left: -50px;
}
.timeline > li .timeline-image h4 {
font-size: 13px;
line-height: 18px;
margin-top: 16px; }
margin-top: 16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 30px 20px 20px;
text-align: left; } }
text-align: left;
}
}
@media (min-width: 992px) {
.timeline > li {
min-height: 150px; }
min-height: 150px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px; }
padding: 0 20px 20px;
}
.timeline > li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px; }
margin-left: -75px;
}
.timeline > li .timeline-image h4 {
font-size: 18px;
line-height: 26px;
margin-top: 30px; }
margin-top: 30px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px; } }
padding: 0 20px 20px;
}
}
@media (min-width: 1200px) {
.timeline > li {
min-height: 170px; }
min-height: 170px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px 100px; }
padding: 0 20px 20px 100px;
}
.timeline > li .timeline-image {
width: 170px;
height: 170px;
margin-left: -85px; }
margin-left: -85px;
}
.timeline > li .timeline-image h4 {
margin-top: 40px; }
margin-top: 40px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 100px 20px 20px; } }
padding: 0 100px 20px 20px;
}
}
.team-member {
margin-bottom: 50px;
text-align: center; }
.team-member img {
text-align: center;
}
.team-member img {
width: 225px;
height: 225px;
border: 7px solid #fff; }
.team-member h4 {
border: 7px solid #fff;
}
.team-member h4 {
margin-top: 25px;
margin-bottom: 0;
text-transform: none; }
.team-member p {
margin-top: 0; }
text-transform: none;
}
.team-member p {
margin-top: 0;
}
section#contact {
background-color: #212529;
background-image: url("../img/map-image.png");
background-repeat: no-repeat;
background-position: center; }
section#contact .section-heading {
color: #fff; }
section#contact .form-group {
margin-bottom: 25px; }
section#contact .form-group input,
section#contact .form-group textarea {
padding: 20px; }
section#contact .form-group input.form-control {
height: auto; }
section#contact .form-group textarea.form-control {
height: 248px; }
section#contact .form-control:focus {
background-position: center;
}
section#contact .section-heading {
color: #fff;
}
section#contact .form-group {
margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
padding: 20px;
}
section#contact .form-group input.form-control {
height: auto;
}
section#contact .form-group textarea.form-control {
height: 248px;
}
section#contact .form-control:focus {
border-color: #fed136;
box-shadow: none; }
section#contact ::-webkit-input-placeholder {
box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
font-weight: 700;
color: #ced4da;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
section#contact :-moz-placeholder {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
section#contact :-moz-placeholder {
font-weight: 700;
color: #ced4da;
/* Firefox 18- */
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
section#contact ::-moz-placeholder {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
section#contact ::-moz-placeholder {
font-weight: 700;
color: #ced4da;
/* Firefox 19+ */
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
section#contact :-ms-input-placeholder {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
section#contact :-ms-input-placeholder {
font-weight: 700;
color: #ced4da;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
footer {
padding: 25px 0;
text-align: center; }
footer span.copyright {
text-align: center;
}
footer span.copyright {
font-size: 90%;
line-height: 40px;
text-transform: none;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
footer ul.quicklinks {
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
footer ul.quicklinks {
font-size: 90%;
line-height: 40px;
margin-bottom: 0;
text-transform: none;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
ul.social-buttons {
margin-bottom: 0; }
ul.social-buttons li a {
margin-bottom: 0;
}
ul.social-buttons li a {
font-size: 20px;
line-height: 40px;
display: block;
@ -506,6 +686,9 @@ ul.social-buttons {
color: white;
border-radius: 100%;
outline: none;
background-color: #212529; }
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
background-color: #fed136; }
background-color: #212529;
}
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
background-color: #fed136;
}

6
css/agency.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,11 @@
var gulp = require('gulp');
var sass = require('gulp-sass');
var browserSync = require('browser-sync').create();
var header = require('gulp-header');
var cleanCSS = require('gulp-clean-css');
var rename = require("gulp-rename");
var uglify = require('gulp-uglify');
var pkg = require('./package.json');
var browserSync = require('browser-sync').create();
// Set the banner content
var banner = ['/*!\n',
@ -16,96 +16,100 @@ var banner = ['/*!\n',
''
].join('');
// Compiles SCSS files from /scss into /css
gulp.task('sass', function() {
return gulp.src('scss/agency.scss')
.pipe(sass())
.pipe(header(banner, {
pkg: pkg
}))
.pipe(gulp.dest('css'))
.pipe(browserSync.reload({
stream: true
}))
// Copy third party libraries from /node_modules into /vendor
gulp.task('vendor', function() {
// Bootstrap
gulp.src([
'./node_modules/bootstrap/dist/**/*',
'!./node_modules/bootstrap/dist/css/bootstrap-grid*',
'!./node_modules/bootstrap/dist/css/bootstrap-reboot*'
])
.pipe(gulp.dest('./vendor/bootstrap'))
// Font Awesome
gulp.src([
'./node_modules/font-awesome/**/*',
'!./node_modules/font-awesome/{less,less/*}',
'!./node_modules/font-awesome/{scss,scss/*}',
'!./node_modules/font-awesome/.*',
'!./node_modules/font-awesome/*.{txt,json,md}'
])
.pipe(gulp.dest('./vendor/font-awesome'))
// jQuery
gulp.src([
'./node_modules/jquery/dist/*',
'!./node_modules/jquery/dist/core.js'
])
.pipe(gulp.dest('./vendor/jquery'))
// jQuery Easing
gulp.src([
'./node_modules/jquery.easing/*.js'
])
.pipe(gulp.dest('./vendor/jquery-easing'))
});
// Minify compiled CSS
gulp.task('minify-css', ['sass'], function() {
return gulp.src('css/agency.css')
.pipe(cleanCSS({
compatibility: 'ie8'
}))
// Compile SCSS
gulp.task('css:compile', function() {
return gulp.src('./scss/**/*.scss')
.pipe(sass.sync({
outputStyle: 'expanded'
}).on('error', sass.logError))
.pipe(gulp.dest('./css'))
});
// Minify CSS
gulp.task('css:minify', ['css:compile'], function() {
return gulp.src([
'./css/*.css',
'!./css/*.min.css'
])
.pipe(cleanCSS())
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('css'))
.pipe(browserSync.reload({
stream: true
}))
.pipe(gulp.dest('./css'))
.pipe(browserSync.stream());
});
// Minify custom JS
gulp.task('minify-js', function() {
return gulp.src('js/agency.js')
// CSS
gulp.task('css', ['css:compile', 'css:minify']);
// Minify JavaScript
gulp.task('js:minify', function() {
return gulp.src([
'./js/*.js',
'!./js/*.min.js'
])
.pipe(uglify())
.pipe(header(banner, {
pkg: pkg
}))
.pipe(rename({
suffix: '.min'
}))
.pipe(gulp.dest('js'))
.pipe(browserSync.reload({
stream: true
}))
.pipe(gulp.dest('./js'))
.pipe(browserSync.stream());
});
// Copy vendor files from /node_modules into /vendor
// NOTE: requires `npm install` before running!
gulp.task('copy', function() {
gulp.src([
'node_modules/bootstrap/dist/**/*',
'!**/npm.js',
'!**/bootstrap-theme.*',
'!**/*.map'
])
.pipe(gulp.dest('vendor/bootstrap'))
gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js'])
.pipe(gulp.dest('vendor/jquery'))
gulp.src(['node_modules/jquery.easing/*.js'])
.pipe(gulp.dest('vendor/jquery-easing'))
gulp.src([
'node_modules/font-awesome/**',
'!node_modules/font-awesome/**/*.map',
'!node_modules/font-awesome/.npmignore',
'!node_modules/font-awesome/*.txt',
'!node_modules/font-awesome/*.md',
'!node_modules/font-awesome/*.json'
])
.pipe(gulp.dest('vendor/font-awesome'))
})
// JS
gulp.task('js', ['js:minify']);
// Default task
gulp.task('default', ['sass', 'minify-css', 'minify-js', 'copy']);
gulp.task('default', ['css', 'js', 'vendor']);
// Configure the browserSync task
gulp.task('browserSync', function() {
browserSync.init({
server: {
baseDir: ''
},
})
})
// Dev task with browserSync
gulp.task('dev', ['browserSync', 'sass', 'minify-css', 'minify-js'], function() {
gulp.watch('scss/*.scss', ['sass']);
gulp.watch('css/*.css', ['minify-css']);
gulp.watch('js/*.js', ['minify-js']);
// Reloads the browser whenever HTML or JS files change
gulp.watch('*.html', browserSync.reload);
gulp.watch('js/**/*.js', browserSync.reload);
baseDir: "./"
}
});
});
// Dev task
gulp.task('dev', ['css', 'js', 'browserSync'], function() {
gulp.watch('./scss/*.scss', ['css']);
gulp.watch('./js/*.js', ['js']);
gulp.watch('./*.html', browserSync.reload);
});

View File

@ -454,7 +454,7 @@
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright &copy; Your Website 2017</span>
<span class="copyright">Copyright &copy; Your Website 2018</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">

View File

@ -23,7 +23,7 @@
// Activate scrollspy to add active class to navbar items on scroll
$('body').scrollspy({
target: '#mainNav',
offset: 54
offset: 56
});
// Collapse Navbar

7
js/agency.min.js vendored
View File

@ -1,6 +1 @@
/*!
* Start Bootstrap - Agency v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/agency)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
*/
!function(a){"use strict";a('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var o=a(this.hash);if((o=o.length?o:a("[name="+this.hash.slice(1)+"]")).length)return a("html, body").animate({scrollTop:o.offset().top-54},1e3,"easeInOutExpo"),!1}}),a(".js-scroll-trigger").click(function(){a(".navbar-collapse").collapse("hide")}),a("body").scrollspy({target:"#mainNav",offset:54});var o=function(){a("#mainNav").offset().top>100?a("#mainNav").addClass("navbar-shrink"):a("#mainNav").removeClass("navbar-shrink")};o(),a(window).scroll(o),a(".portfolio-modal").on("show.bs.modal",function(o){a(".navbar").addClass("d-none")}),a(".portfolio-modal").on("hidden.bs.modal",function(o){a(".navbar").removeClass("d-none")})}(jQuery);
!function(a){"use strict";a('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var o=a(this.hash);if((o=o.length?o:a("[name="+this.hash.slice(1)+"]")).length)return a("html, body").animate({scrollTop:o.offset().top-54},1e3,"easeInOutExpo"),!1}}),a(".js-scroll-trigger").click(function(){a(".navbar-collapse").collapse("hide")}),a("body").scrollspy({target:"#mainNav",offset:56});var o=function(){a("#mainNav").offset().top>100?a("#mainNav").addClass("navbar-shrink"):a("#mainNav").removeClass("navbar-shrink")};o(),a(window).scroll(o),a(".portfolio-modal").on("show.bs.modal",function(o){a(".navbar").addClass("d-none")}),a(".portfolio-modal").on("hidden.bs.modal",function(o){a(".navbar").removeClass("d-none")})}(jQuery);

1
js/contact_me.min.js vendored Normal file
View File

@ -0,0 +1 @@
$(function(){$("#contactForm input,#contactForm textarea").jqBootstrapValidation({preventSubmit:!0,submitError:function(t,e,s){},submitSuccess:function(t,e){e.preventDefault();var s=$("input#name").val(),a=$("input#email").val(),n=$("input#phone").val(),c=$("textarea#message").val(),i=s;i.indexOf(" ")>=0&&(i=s.split(" ").slice(0,-1).join(" ")),$this=$("#sendMessageButton"),$this.prop("disabled",!0),$.ajax({url:"././mail/contact_me.php",type:"POST",data:{name:s,phone:n,email:a,message:c},cache:!1,success:function(){$("#success").html("<div class='alert alert-success'>"),$("#success > .alert-success").html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;").append("</button>"),$("#success > .alert-success").append("<strong>Your message has been sent. </strong>"),$("#success > .alert-success").append("</div>"),$("#contactForm").trigger("reset")},error:function(){$("#success").html("<div class='alert alert-danger'>"),$("#success > .alert-danger").html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;").append("</button>"),$("#success > .alert-danger").append($("<strong>").text("Sorry "+i+", it seems that my mail server is not responding. Please try again later!")),$("#success > .alert-danger").append("</div>"),$("#contactForm").trigger("reset")},complete:function(){setTimeout(function(){$this.prop("disabled",!1)},1e3)}})},filter:function(){return $(this).is(":visible")}}),$('a[data-toggle="tab"]').click(function(t){t.preventDefault(),$(this).tab("show")})}),$("#name").focus(function(){$("#success").html("")});

1
js/jqBootstrapValidation.min.js vendored Normal file

File diff suppressed because one or more lines are too long

4229
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,7 +1,7 @@
{
"title": "Agency",
"name": "startbootstrap-agency",
"version": "4.0.0-beta.2",
"version": "4.0.0",
"description": "Agency is a one page HTML theme for Bootstrap.",
"keywords": [
"css",
@ -26,16 +26,16 @@
"url": "https://github.com/BlackrockDigital/startbootstrap-agency.git"
},
"dependencies": {
"bootstrap": "^4.0.0-beta.2",
"bootstrap": "4.0.0",
"font-awesome": "4.7.0",
"jquery": "^3.2.1",
"jquery": "3.3.0",
"jquery.easing": "^1.4.1"
},
"devDependencies": {
"browser-sync": "2.18.13",
"browser-sync": "2.23.5",
"gulp": "^3.9.1",
"gulp-clean-css": "3.9.0",
"gulp-header": "1.8.9",
"gulp-clean-css": "3.9.2",
"gulp-header": "2.0.1",
"gulp-rename": "^1.2.2",
"gulp-sass": "^3.1.0",
"gulp-uglify": "3.0.0"

View File

@ -96,7 +96,3 @@ img::selection {
img::-moz-selection {
background: transparent;
}
body {
-webkit-tap-highlight-color: $primary;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -1,342 +0,0 @@
/*!
* Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */

View File

@ -1,8 +0,0 @@
/*!
* Bootstrap Reboot v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

1
vendor/bootstrap/js/bootstrap.js.map vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

1
vendor/jquery/jquery.min.map vendored Normal file

File diff suppressed because one or more lines are too long

8269
vendor/jquery/jquery.slim.js vendored Normal file

File diff suppressed because it is too large Load Diff

2
vendor/jquery/jquery.slim.min.js vendored Normal file

File diff suppressed because one or more lines are too long

1
vendor/jquery/jquery.slim.min.map vendored Normal file

File diff suppressed because one or more lines are too long