From 3b833405e49544d0ab16931c8e785e1cf3458be5 Mon Sep 17 00:00:00 2001 From: David Miller Date: Fri, 11 Aug 2017 15:12:34 -0400 Subject: [PATCH] BS4 Beta Update --- css/agency.css | 114 +- css/agency.min.css | 2 +- gulpfile.js | 125 +- index.html | 1170 ++-- js/agency.js | 62 +- js/agency.min.js | 2 +- js/contact_me.js | 116 +- js/jqBootstrapValidation.js | 633 +- package.json | 86 +- scss/_bootstrap-overrides.scss | 20 +- scss/_contact.scss | 92 +- scss/_footer.scss | 72 +- scss/_global.scss | 73 +- scss/_masthead.scss | 87 +- scss/_mixins.scss | 105 +- scss/_navbar.scss | 128 +- scss/_portfolio.scss | 269 +- scss/_services.scss | 4 +- scss/_team.scss | 30 +- scss/_timeline.scss | 323 +- scss/_variables.scss | 16 +- vendor/bootstrap/css/bootstrap-grid.css | 1884 +++--- vendor/bootstrap/css/bootstrap-grid.min.css | 3 +- vendor/bootstrap/css/bootstrap-reboot.css | 397 +- vendor/bootstrap/css/bootstrap-reboot.min.css | 3 +- vendor/bootstrap/css/bootstrap.css | 5973 +++++++---------- vendor/bootstrap/css/bootstrap.min.css | 5 +- vendor/bootstrap/js/bootstrap.js | 1038 ++- vendor/bootstrap/js/bootstrap.min.js | 5 +- vendor/popper/popper.js | 2438 +++++++ vendor/popper/popper.min.js | 5 + vendor/tether/tether.js | 1811 ----- vendor/tether/tether.min.js | 1 - 33 files changed, 8408 insertions(+), 8684 deletions(-) create mode 100644 vendor/popper/popper.js create mode 100644 vendor/popper/popper.min.js delete mode 100644 vendor/tether/tether.js delete mode 100644 vendor/tether/tether.min.js diff --git a/css/agency.css b/css/agency.css index 147f41f..c914485 100644 --- a/css/agency.css +++ b/css/agency.css @@ -12,7 +12,7 @@ p { a { color: #fed136; } - a:hover, a:focus, a:active, a.active { + a.active, a:active, a:focus, a:hover { color: #fec503; } h1, @@ -72,41 +72,41 @@ body { background-color: #fed136; font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; } - #mainNav .container { - padding: 0; } - #mainNav .container .navbar-brand { - color: #fed136; - font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive; } - #mainNav .container .navbar-brand:hover, #mainNav .container .navbar-brand:focus, #mainNav .container .navbar-brand:active, #mainNav .container .navbar-brand.active { - color: #fec503; } - #mainNav .container .navbar-nav .nav-item .nav-link { - font-size: 90%; - font-weight: 400; - padding: .75em 0; - letter-spacing: 1px; - color: white; - font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; - text-transform: uppercase; } - #mainNav .container .navbar-nav .nav-item .nav-link:hover, #mainNav .container .navbar-nav .nav-item .nav-link.active { - color: #fed136; } + #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-size: 90%; + font-weight: 400; + padding: 0.75em 0; + letter-spacing: 1px; + color: white; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } + #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { + color: #fed136; } @media (min-width: 992px) { #mainNav { - padding: 25px 0; - -webkit-transition: padding .3s; - -moz-transition: padding .3s; - transition: padding .3s; + padding-top: 25px; + padding-bottom: 25px; + -webkit-transition: padding-top 0.3s, padding-bottom 0.3s; + -moz-transition: padding-top 0.3s, padding-bottom 0.3s; + transition: padding-top 0.3s, padding-bottom 0.3s; border: none; background-color: transparent; } #mainNav .navbar-brand { font-size: 1.75em; - -webkit-transition: all .3s; - -moz-transition: all .3s; - transition: all .3s; } + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; } #mainNav .navbar-nav .nav-item .nav-link { padding: 1.1em 1em !important; } #mainNav.navbar-shrink { - padding: 0; + padding-top: 0; + padding-bottom: 0; background-color: #222222; } #mainNav.navbar-shrink .navbar-brand { font-size: 1.25em; @@ -124,8 +124,8 @@ header.masthead { -o-background-size: cover; background-size: cover; } header.masthead .intro-text { - padding-top: 100px; - padding-bottom: 50px; } + padding-top: 150px; + padding-bottom: 100px; } header.masthead .intro-text .intro-lead-in { font-size: 22px; font-style: italic; @@ -175,9 +175,9 @@ header.masthead { position: absolute; width: 100%; height: 100%; - -webkit-transition: all ease .5s; - -moz-transition: all ease .5s; - transition: all ease .5s; + -webkit-transition: all ease 0.5s; + -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 { @@ -259,7 +259,7 @@ header.masthead { cursor: pointer; background-color: transparent; } .portfolio-modal .close-modal:hover { - opacity: .3; } + opacity: 0.3; } .portfolio-modal .close-modal .lr { /* Safari and Chrome */ z-index: 1051; @@ -303,7 +303,7 @@ header.masthead { position: relative; min-height: 50px; margin-bottom: 50px; } - .timeline > li:before, .timeline > li:after { + .timeline > li:after, .timeline > li:before { display: table; content: ' '; } .timeline > li:after { @@ -361,8 +361,8 @@ header.masthead { color: inherit; } .timeline .timeline-heading h4.subheading { text-transform: none; } - .timeline .timeline-body > p, - .timeline .timeline-body > ul { + .timeline .timeline-body > ul, + .timeline .timeline-body > p { margin-bottom: 0; } @media (min-width: 768px) { @@ -503,14 +503,14 @@ ul.social-buttons { display: block; width: 40px; height: 40px; - -webkit-transition: all .3s; - -moz-transition: all .3s; - transition: all .3s; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; color: white; border-radius: 100%; outline: none; background-color: #222222; } - ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active { + ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover { background-color: #fed136; } .text-primary { @@ -523,7 +523,7 @@ ul.social-buttons { background-color: #fed136; font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; } - .btn-primary:focus, .btn-primary.focus { + .btn-primary.focus, .btn-primary:focus { color: white; border-color: #b48b01; background-color: #fec503; } @@ -531,25 +531,25 @@ ul.social-buttons { color: white; border-color: #f6bf01; background-color: #fec503; } - .btn-primary:active, .btn-primary.active, + .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { color: white; border-color: #f6bf01; background-color: #fec503; } - .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, - .open > .btn-primary.dropdown-toggle:hover, + .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, + .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, - .open > .btn-primary.dropdown-toggle.focus { + .open > .btn-primary.dropdown-toggle:hover { color: white; border-color: #b48b01; background-color: #dcab01; } - .btn-primary:active, .btn-primary.active, + .btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle { background-image: none; } - .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, - fieldset[disabled] .btn-primary:hover, + .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, + fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, - fieldset[disabled] .btn-primary.focus { + fieldset[disabled] .btn-primary:hover { border-color: #fed136; background-color: #fed136; } .btn-primary .badge { @@ -566,7 +566,7 @@ ul.social-buttons { background-color: #fed136; font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: uppercase; } - .btn-xl:focus, .btn-xl.focus { + .btn-xl.focus, .btn-xl:focus { color: white; border-color: #b48b01; background-color: #fec503; } @@ -574,25 +574,25 @@ ul.social-buttons { color: white; border-color: #f6bf01; background-color: #fec503; } - .btn-xl:active, .btn-xl.active, + .btn-xl.active, .btn-xl:active, .open > .btn-xl.dropdown-toggle { color: white; border-color: #f6bf01; background-color: #fec503; } - .btn-xl:active:hover, .btn-xl:active:focus, .btn-xl:active.focus, .btn-xl.active:hover, .btn-xl.active:focus, .btn-xl.active.focus, - .open > .btn-xl.dropdown-toggle:hover, + .btn-xl.active.focus, .btn-xl.active:focus, .btn-xl.active:hover, .btn-xl:active.focus, .btn-xl:active:focus, .btn-xl:active:hover, + .open > .btn-xl.dropdown-toggle.focus, .open > .btn-xl.dropdown-toggle:focus, - .open > .btn-xl.dropdown-toggle.focus { + .open > .btn-xl.dropdown-toggle:hover { color: white; border-color: #b48b01; background-color: #dcab01; } - .btn-xl:active, .btn-xl.active, + .btn-xl.active, .btn-xl:active, .open > .btn-xl.dropdown-toggle { background-image: none; } - .btn-xl.disabled:hover, .btn-xl.disabled:focus, .btn-xl.disabled.focus, .btn-xl[disabled]:hover, .btn-xl[disabled]:focus, .btn-xl[disabled].focus, - fieldset[disabled] .btn-xl:hover, + .btn-xl.disabled.focus, .btn-xl.disabled:focus, .btn-xl.disabled:hover, .btn-xl[disabled].focus, .btn-xl[disabled]:focus, .btn-xl[disabled]:hover, + fieldset[disabled] .btn-xl.focus, fieldset[disabled] .btn-xl:focus, - fieldset[disabled] .btn-xl.focus { + fieldset[disabled] .btn-xl:hover { border-color: #fed136; background-color: #fed136; } .btn-xl .badge { diff --git a/css/agency.min.css b/css/agency.min.css index 1f5716c..cb38c87 100644 --- a/css/agency.min.css +++ b/css/agency.min.css @@ -2,4 +2,4 @@ * Start Bootstrap - Agency v4.0.0-alpha (http://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}p{line-height:1.75}a{color:#fed136}a.active,a:active,a:focus,a:hover{color:#fec503}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section{padding:100px 0}section h2.section-heading{font-size:40px;margin-top:0;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}@media (min-width:768px){section{padding:150px 0}}::-moz-selection{background:#fed136;text-shadow:none}::selection{background:#fed136;text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:#fed136}#mainNav{background-color:#222}#mainNav .navbar-toggler{font-size:12px;right:0;padding:13px;text-transform:uppercase;color:#fff;border:0;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}#mainNav .container{padding:0}#mainNav .container .navbar-brand{color:#fed136;font-family:'Kaushan Script','Helvetica Neue',Helvetica,Arial,cursive}#mainNav .container .navbar-brand.active,#mainNav .container .navbar-brand:active,#mainNav .container .navbar-brand:focus,#mainNav .container .navbar-brand:hover{color:#fec503}#mainNav .container .navbar-nav .nav-item .nav-link{font-size:90%;font-weight:400;padding:.75em 0;letter-spacing:1px;color:#fff;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}#mainNav .container .navbar-nav .nav-item .nav-link.active,#mainNav .container .navbar-nav .nav-item .nav-link:hover{color:#fed136}@media (min-width:992px){#mainNav{padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:none;background-color:transparent}#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{padding:0;background-color:#222}#mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}}header.masthead{text-align:center;color:#fff;background-image:url(../img/header-bg.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead .intro-text{padding-top:100px;padding-bottom:50px}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-size:50px;font-weight:700;line-height:50px;margin-bottom:25px;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}@media (min-width:768px){header.masthead .intro-text{padding-top:300px;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}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;text-transform:uppercase}}.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{right:0;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{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background:rgba(254,209,54,.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%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#fff}#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{margin:0;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}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-dialog{max-width:none;height:100%;margin:0}.portfolio-modal .modal-content{min-height:100%;padding:100px 0;text-align:center;border:none;border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}.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{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{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{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#222}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#222}.portfolio-modal .modal-backdrop{display:none;opacity:0}.timeline{position:relative;padding:0;list-style:none}.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:'';background-color:#f1f1f1}.timeline>li{position:relative;min-height:50px;margin-bottom:50px}.timeline>li:after,.timeline>li:before{display:table;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{right:auto;left:-15px;border-right-width:15px;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{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #f1f1f1;border-radius:100%;background-color:#fed136}.timeline>li .timeline-image h4{font-size:10px;line-height:14px;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{right:auto;left:-15px;border-right-width:15px;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{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.team-member{margin-bottom:50px;text-align:center}.team-member img{width:225px;height:225px;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}section#contact{background-color:#222;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:236px}section#contact .form-control:focus{border-color:#fed136;box-shadow:none}section#contact ::-webkit-input-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact :-moz-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact ::-moz-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact :-ms-input-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact .text-danger{color:#e74c3c}footer{padding:25px 0;text-align:center}footer span.copyright{font-size:90%;line-height:40px;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}footer ul.quicklinks{font-size:90%;line-height:40px;margin-bottom:0;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{font-size:20px;line-height:40px;display:block;width:40px;height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:#222}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}.text-primary{color:#fed136!important}.btn-primary{font-weight:700;color:#fff;border-color:#fed136;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}.btn-primary.focus,.btn-primary:focus{color:#fff;border-color:#b48b01;background-color:#fec503}.btn-primary:hover{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;border-color:#b48b01;background-color:#dcab01}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{border-color:#fed136;background-color:#fed136}.btn-primary .badge{color:#fed136;background-color:#fff}.btn-xl{font-size:18px;font-weight:700;padding:20px 40px;border-radius:3px;color:#fff;border-color:#fed136;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}.btn-xl.focus,.btn-xl:focus{color:#fff;border-color:#b48b01;background-color:#fec503}.btn-xl:hover{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-xl.active.focus,.btn-xl.active:focus,.btn-xl.active:hover,.btn-xl:active.focus,.btn-xl:active:focus,.btn-xl:active:hover,.open>.btn-xl.dropdown-toggle.focus,.open>.btn-xl.dropdown-toggle:focus,.open>.btn-xl.dropdown-toggle:hover{color:#fff;border-color:#b48b01;background-color:#dcab01}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{background-image:none}.btn-xl.disabled.focus,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled].focus,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl.focus,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover{border-color:#fed136;background-color:#fed136}.btn-xl .badge{color:#fed136;background-color:#fff} \ No newline at end of file + */body{overflow-x:hidden;font-family:'Roboto Slab','Helvetica Neue',Helvetica,Arial,sans-serif}p{line-height:1.75}a{color:#fed136}a.active,a:active,a:focus,a:hover{color:#fec503}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section{padding:100px 0}section h2.section-heading{font-size:40px;margin-top:0;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}@media (min-width:768px){section{padding:150px 0}}::-moz-selection{background:#fed136;text-shadow:none}::selection{background:#fed136;text-shadow:none}img::selection{background:0 0}img::-moz-selection{background:0 0}body{-webkit-tap-highlight-color:#fed136}#mainNav{background-color:#222}#mainNav .navbar-toggler{font-size:12px;right:0;padding:13px;text-transform:uppercase;color:#fff;border:0;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}#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-size:90%;font-weight:400;padding:.75em 0;letter-spacing:1px;color:#fff;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#fed136}@media (min-width:992px){#mainNav{padding-top:25px;padding-bottom:25px;-webkit-transition:padding-top .3s,padding-bottom .3s;-moz-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s;border:none;background-color:transparent}#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}#mainNav.navbar-shrink{padding-top:0;padding-bottom:0;background-color:#222}#mainNav.navbar-shrink .navbar-brand{font-size:1.25em;padding:12px 0}}header.masthead{text-align:center;color:#fff;background-image:url(../img/header-bg.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead .intro-text{padding-top:150px;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-size:50px;font-weight:700;line-height:50px;margin-bottom:25px;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}@media (min-width:768px){header.masthead .intro-text{padding-top:300px;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}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;text-transform:uppercase}}.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{right:0;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{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background:rgba(254,209,54,.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%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#fff}#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{margin:0;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}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-dialog{max-width:none;height:100%;margin:0}.portfolio-modal .modal-content{min-height:100%;padding:100px 0;text-align:center;border:none;border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}.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{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{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{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#222}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#222}.portfolio-modal .modal-backdrop{display:none;opacity:0}.timeline{position:relative;padding:0;list-style:none}.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:'';background-color:#f1f1f1}.timeline>li{position:relative;min-height:50px;margin-bottom:50px}.timeline>li:after,.timeline>li:before{display:table;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{right:auto;left:-15px;border-right-width:15px;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{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;color:#fff;border:7px solid #f1f1f1;border-radius:100%;background-color:#fed136}.timeline>li .timeline-image h4{font-size:10px;line-height:14px;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{right:auto;left:-15px;border-right-width:15px;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{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width:768px){.timeline:before{left:50%}.timeline>li{min-height:100px;margin-bottom:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width:1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}.team-member{margin-bottom:50px;text-align:center}.team-member img{width:225px;height:225px;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}section#contact{background-color:#222;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:236px}section#contact .form-control:focus{border-color:#fed136;box-shadow:none}section#contact ::-webkit-input-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact :-moz-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact ::-moz-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact :-ms-input-placeholder{font-weight:700;color:#eee;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}section#contact .text-danger{color:#e74c3c}footer{padding:25px 0;text-align:center}footer span.copyright{font-size:90%;line-height:40px;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}footer ul.quicklinks{font-size:90%;line-height:40px;margin-bottom:0;text-transform:none;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{font-size:20px;line-height:40px;display:block;width:40px;height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;color:#fff;border-radius:100%;outline:0;background-color:#222}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}.text-primary{color:#fed136!important}.btn-primary{font-weight:700;color:#fff;border-color:#fed136;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}.btn-primary.focus,.btn-primary:focus{color:#fff;border-color:#b48b01;background-color:#fec503}.btn-primary:hover{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover{color:#fff;border-color:#b48b01;background-color:#dcab01}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{background-image:none}.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{border-color:#fed136;background-color:#fed136}.btn-primary .badge{color:#fed136;background-color:#fff}.btn-xl{font-size:18px;font-weight:700;padding:20px 40px;border-radius:3px;color:#fff;border-color:#fed136;background-color:#fed136;font-family:Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase}.btn-xl.focus,.btn-xl:focus{color:#fff;border-color:#b48b01;background-color:#fec503}.btn-xl:hover{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{color:#fff;border-color:#f6bf01;background-color:#fec503}.btn-xl.active.focus,.btn-xl.active:focus,.btn-xl.active:hover,.btn-xl:active.focus,.btn-xl:active:focus,.btn-xl:active:hover,.open>.btn-xl.dropdown-toggle.focus,.open>.btn-xl.dropdown-toggle:focus,.open>.btn-xl.dropdown-toggle:hover{color:#fff;border-color:#b48b01;background-color:#dcab01}.btn-xl.active,.btn-xl:active,.open>.btn-xl.dropdown-toggle{background-image:none}.btn-xl.disabled.focus,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled].focus,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl.focus,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover{border-color:#fed136;background-color:#fed136}.btn-xl .badge{color:#fed136;background-color:#fff} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index 31f0c11..8489c3d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -9,71 +9,86 @@ var pkg = require('./package.json'); // Set the banner content var banner = ['/*!\n', - ' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n', - ' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n', - ' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n', - ' */\n', - '' + ' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n', + ' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n', + ' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n', + ' */\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 - })) + return gulp.src('scss/agency.scss') + .pipe(sass()) + .pipe(header(banner, { + pkg: pkg + })) + .pipe(gulp.dest('css')) + .pipe(browserSync.reload({ + stream: true + })) }); // Minify compiled CSS gulp.task('minify-css', ['sass'], function() { - return gulp.src('css/agency.css') - .pipe(cleanCSS({ compatibility: 'ie8' })) - .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest('css')) - .pipe(browserSync.reload({ - stream: true - })) + return gulp.src('css/agency.css') + .pipe(cleanCSS({ + compatibility: 'ie8' + })) + .pipe(rename({ + suffix: '.min' + })) + .pipe(gulp.dest('css')) + .pipe(browserSync.reload({ + stream: true + })) }); // Minify custom JS gulp.task('minify-js', function() { - return gulp.src('js/agency.js') - .pipe(uglify()) - .pipe(header(banner, { pkg: pkg })) - .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest('js')) - .pipe(browserSync.reload({ - stream: true - })) + return gulp.src('js/agency.js') + .pipe(uglify()) + .pipe(header(banner, { + pkg: pkg + })) + .pipe(rename({ + suffix: '.min' + })) + .pipe(gulp.dest('js')) + .pipe(browserSync.reload({ + stream: true + })) }); // 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/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/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js']) + .pipe(gulp.dest('vendor/jquery')) - gulp.src(['node_modules/tether/dist/js/*.js']) - .pipe(gulp.dest('vendor/tether')) + gulp.src(['node_modules/popper.js/dist/umd/popper.js', 'node_modules/popper.js/dist/umd/popper.min.js']) + .pipe(gulp.dest('vendor/popper')) - gulp.src(['node_modules/jquery.easing/*.js']) - .pipe(gulp.dest('vendor/jquery-easing')) + 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')) + 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')) }) // Default task @@ -81,19 +96,19 @@ gulp.task('default', ['sass', 'minify-css', 'minify-js', 'copy']); // Configure the browserSync task gulp.task('browserSync', function() { - browserSync.init({ - server: { - baseDir: '' - }, - }) + 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); + 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); }); diff --git a/index.html b/index.html index 72389e5..46332fe 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ - + @@ -23,663 +23,679 @@ - - + - - - + -