diff --git a/LICENSE b/LICENSE index 07a6d17..dd837fc 100644 --- a/LICENSE +++ b/LICENSE @@ -1,7 +1,6 @@ - The MIT License (MIT) -Copyright (c) 2013-2016 Blackrock Digital LLC. +Copyright (c) 2013-2017 Blackrock Digital LLC Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 9c3b817..840b2d8 100644 --- a/README.md +++ b/README.md @@ -34,4 +34,4 @@ Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework ## Copyright and License -Copyright 2013-2016 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-agency/blob/gh-pages/LICENSE) license. \ No newline at end of file +Copyright 2013-2017 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-agency/blob/gh-pages/LICENSE) license. \ No newline at end of file diff --git a/css/agency.css b/css/agency.css index c6f0276..c914485 100644 --- a/css/agency.css +++ b/css/agency.css @@ -1,746 +1,600 @@ /*! - * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency) - * Copyright 2013-2016 Start Bootstrap - * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) + * 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; -} -.text-muted { - color: #777777; -} -.text-primary { - color: #fed136; -} + font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif; } + p { - font-size: 14px; - line-height: 1.75; -} -p.large { - font-size: 16px; -} -a, -a:hover, -a:focus, -a:active, -a.active { - outline: none; -} + line-height: 1.75; } + a { - color: #fed136; -} -a:hover, -a:focus, -a:active, -a.active { - color: #fec503; -} + color: #fed136; } + a.active, a:active, a:focus, a:hover { + color: #fec503; } + h1, h2, h3, h4, h5, h6 { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; font-weight: 700; -} -.img-centered { - margin: 0 auto; -} -.bg-light-gray { - background-color: #eeeeee; -} -.bg-darkest-gray { - background-color: #222222; -} -.btn-primary { - color: white; - background-color: #fed136; - border-color: #fed136; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; -} -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active, -.btn-primary.active, -.open .dropdown-toggle.btn-primary { - color: white; - background-color: #fec503; - border-color: #f6bf01; -} -.btn-primary:active, -.btn-primary.active, -.open .dropdown-toggle.btn-primary { - background-image: none; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #fed136; - border-color: #fed136; -} -.btn-primary .badge { - color: #fed136; - background-color: white; -} -.btn-xl { - color: white; - background-color: #fed136; - border-color: #fed136; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - border-radius: 3px; - font-size: 18px; - padding: 20px 40px; -} -.btn-xl:hover, -.btn-xl:focus, -.btn-xl:active, -.btn-xl.active, -.open .dropdown-toggle.btn-xl { - color: white; - background-color: #fec503; - border-color: #f6bf01; -} -.btn-xl:active, -.btn-xl.active, -.open .dropdown-toggle.btn-xl { - background-image: none; -} -.btn-xl.disabled, -.btn-xl[disabled], -fieldset[disabled] .btn-xl, -.btn-xl.disabled:hover, -.btn-xl[disabled]:hover, -fieldset[disabled] .btn-xl:hover, -.btn-xl.disabled:focus, -.btn-xl[disabled]:focus, -fieldset[disabled] .btn-xl:focus, -.btn-xl.disabled:active, -.btn-xl[disabled]:active, -fieldset[disabled] .btn-xl:active, -.btn-xl.disabled.active, -.btn-xl[disabled].active, -fieldset[disabled] .btn-xl.active { - background-color: #fed136; - border-color: #fed136; -} -.btn-xl .badge { - color: #fed136; - background-color: white; -} -.navbar-custom { - background-color: #222222; - border-color: transparent; -} -.navbar-custom .navbar-brand { - color: #fed136; - font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive; -} -.navbar-custom .navbar-brand:hover, -.navbar-custom .navbar-brand:focus, -.navbar-custom .navbar-brand:active, -.navbar-custom .navbar-brand.active { - color: #fec503; -} -.navbar-custom .navbar-collapse { - border-color: rgba(255, 255, 255, 0.02); -} -.navbar-custom .navbar-toggle { - background-color: #fed136; - border-color: #fed136; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - color: white; - font-size: 12px; -} -.navbar-custom .navbar-toggle:hover, -.navbar-custom .navbar-toggle:focus { - background-color: #fed136; -} -.navbar-custom .nav li a { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 400; - letter-spacing: 1px; - color: white; -} -.navbar-custom .nav li a:hover, -.navbar-custom .nav li a:focus { - color: #fed136; - outline: none; -} -.navbar-custom .navbar-nav > .active > a { - border-radius: 0; - color: white; - background-color: #fed136; -} -.navbar-custom .navbar-nav > .active > a:hover, -.navbar-custom .navbar-nav > .active > a:focus { - color: white; - background-color: #fec503; -} + 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) { - .navbar-custom { - background-color: transparent; - padding: 25px 0; - -webkit-transition: padding 0.3s; - -moz-transition: padding 0.3s; - transition: padding 0.3s; + section { + padding: 150px 0; } } + +::-moz-selection { + background: #fed136; + text-shadow: none; } + +::selection { + background: #fed136; + text-shadow: none; } + +img::selection { + background: transparent; } + +img::-moz-selection { + background: transparent; } + +body { + -webkit-tap-highlight-color: #fed136; } + +#mainNav { + background-color: #222222; } + #mainNav .navbar-toggler { + font-size: 12px; + right: 0; + padding: 13px; + text-transform: uppercase; + color: white; + 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: 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-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; - } - .navbar-custom .navbar-brand { - font-size: 2em; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; - } - .navbar-custom .navbar-nav > .active > a { - border-radius: 3px; - } -} -@media (min-width: 768px) { - .navbar-custom.affix { - background-color: #222222; - padding: 10px 0; - } - .navbar-custom.affix .navbar-brand { - font-size: 1.5em; - } -} -header { - background-image: url('../img/header-bg.jpg'); + background-color: transparent; } + #mainNav .navbar-brand { + font-size: 1.75em; + -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-top: 0; + padding-bottom: 0; + background-color: #222222; } + #mainNav.navbar-shrink .navbar-brand { + font-size: 1.25em; + padding: 12px 0; } } + +header.masthead { + text-align: center; + color: white; + 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; - background-size: cover; -o-background-size: cover; - text-align: center; - color: white; -} -header .intro-text { - padding-top: 100px; - padding-bottom: 50px; -} -header .intro-text .intro-lead-in { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; - font-size: 22px; - line-height: 22px; - margin-bottom: 25px; -} -header .intro-text .intro-heading { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - font-size: 50px; - line-height: 50px; - margin-bottom: 25px; -} + 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 .intro-text { + header.masthead .intro-text { padding-top: 300px; - padding-bottom: 200px; - } - header .intro-text .intro-lead-in { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; - font-size: 40px; - line-height: 40px; - margin-bottom: 25px; - } - header .intro-text .intro-heading { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - font-size: 75px; - line-height: 75px; - margin-bottom: 50px; - } -} -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-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: none; - font-style: italic; - font-weight: 400; - margin-bottom: 75px; -} -@media (min-width: 768px) { - section { - padding: 150px 0; - } -} + 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; -} + text-transform: none; } + #portfolio .portfolio-item { - margin: 0 0 15px; right: 0; -} -#portfolio .portfolio-item .portfolio-link { - display: block; - position: relative; - max-width: 400px; - margin: 0 auto; -} -#portfolio .portfolio-item .portfolio-link .portfolio-hover { - background: rgba(254, 209, 54, 0.9); - position: absolute; - width: 100%; - height: 100%; - opacity: 0; - transition: all ease 0.5s; - -webkit-transition: all ease 0.5s; - -moz-transition: all ease 0.5s; -} -#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover { - opacity: 1; -} -#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content { - position: absolute; - width: 100%; - height: 20px; - font-size: 20px; - text-align: center; - top: 50%; - margin-top: -12px; - 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; - background-color: white; - text-align: center; - padding: 25px; -} -#portfolio .portfolio-item .portfolio-caption h4 { - text-transform: none; - margin: 0; -} -#portfolio .portfolio-item .portfolio-caption p { - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; - font-size: 16px; - margin: 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 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 { + 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: 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: white; } + #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; -} + z-index: 2; } + @media (min-width: 767px) { #portfolio .portfolio-item { - margin: 0 0 30px; - } -} -.timeline { - list-style: none; - padding: 0; - position: relative; -} -.timeline:before { - top: 0; - bottom: 0; - position: absolute; - content: ""; - width: 2px; - background-color: #f1f1f1; - left: 40px; - margin-left: -1.5px; -} -.timeline > li { - margin-bottom: 50px; - position: relative; - min-height: 50px; -} -.timeline > li:before, -.timeline > li:after { - content: " "; - display: table; -} -.timeline > li:after { - clear: both; -} -.timeline > li .timeline-panel { - width: 100%; - float: right; - padding: 0 20px 0 100px; - position: relative; - text-align: left; -} -.timeline > li .timeline-panel:before { - border-left-width: 0; - border-right-width: 15px; - left: -15px; - right: auto; -} -.timeline > li .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; - right: auto; -} -.timeline > li .timeline-image { - left: 0; - margin-left: 0; - width: 80px; - height: 80px; - position: absolute; - z-index: 100; - background-color: #fed136; - color: white; - border-radius: 100%; - border: 7px solid #f1f1f1; - text-align: center; -} -.timeline > li .timeline-image h4 { - font-size: 10px; - margin-top: 12px; - line-height: 14px; -} -.timeline > li.timeline-inverted > .timeline-panel { - float: right; - text-align: left; - padding: 0 20px 0 100px; -} -.timeline > li.timeline-inverted > .timeline-panel:before { - border-left-width: 0; - border-right-width: 15px; - left: -15px; - right: auto; -} -.timeline > li.timeline-inverted > .timeline-panel:after { - border-left-width: 0; - border-right-width: 14px; - left: -14px; - right: auto; -} -.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 { - margin-bottom: 100px; - min-height: 100px; - } - .timeline > li .timeline-panel { - width: 41%; - float: left; - padding: 0 20px 20px 30px; - text-align: right; - } - .timeline > li .timeline-image { - width: 100px; - height: 100px; - left: 50%; - margin-left: -50px; - } - .timeline > li .timeline-image h4 { - font-size: 13px; - margin-top: 16px; - line-height: 18px; - } - .timeline > li.timeline-inverted > .timeline-panel { - float: right; - text-align: left; - padding: 0 30px 20px 20px; - } -} -@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; - margin-top: 30px; - line-height: 26px; - } - .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 { - text-align: center; - margin-bottom: 50px; -} -.team-member img { - margin: 0 auto; - border: 7px solid white; -} -.team-member h4 { - margin-top: 25px; - margin-bottom: 0; - text-transform: none; -} -.team-member p { - margin-top: 0; -} -aside.clients img { - margin: 50px auto; -} -section#contact { - background-color: #222222; - background-image: url('../img/map-image.png'); - background-position: center; - background-repeat: no-repeat; -} -section#contact .section-heading { - color: white; -} -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-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - color: #eeeeee; -} -section#contact :-moz-placeholder { - /* Firefox 18- */ - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - color: #eeeeee; -} -section#contact ::-moz-placeholder { - /* Firefox 19+ */ - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - color: #eeeeee; -} -section#contact :-ms-input-placeholder { - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - font-weight: 700; - color: #eeeeee; -} -section#contact .text-danger { - color: #e74c3c; -} -footer { - padding: 25px 0; - text-align: center; -} -footer span.copyright { - line-height: 40px; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - text-transform: none; -} -footer ul.quicklinks { - margin-bottom: 0; - line-height: 40px; - font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; - text-transform: uppercase; - text-transform: none; -} -ul.social-buttons { - margin-bottom: 0; -} -ul.social-buttons li a { - display: block; - background-color: #222222; - height: 40px; - width: 40px; - border-radius: 100%; - font-size: 20px; - line-height: 40px; - color: white; - outline: none; - -webkit-transition: all 0.3s; - -moz-transition: all 0.3s; - transition: all 0.3s; -} -ul.social-buttons li a:hover, -ul.social-buttons li a:focus, -ul.social-buttons li a:active { - background-color: #fed136; -} -.btn:focus, -.btn:active, -.btn.active, -.btn:active:focus { - outline: none; -} + margin: 0 0 30px; } } + .portfolio-modal .modal-dialog { - margin: 0; + max-width: none; height: 100%; - width: auto; -} + margin: 0; } + .portfolio-modal .modal-content { - border-radius: 0; - background-clip: border-box; - -webkit-box-shadow: none; - box-shadow: none; - border: none; min-height: 100%; padding: 100px 0; text-align: center; -} -.portfolio-modal .modal-content h2 { - margin-bottom: 15px; - font-size: 3em; -} -.portfolio-modal .modal-content p { - margin-bottom: 30px; -} -.portfolio-modal .modal-content p.item-intro { - margin: 20px 0 30px; - font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: italic; - font-size: 16px; -} -.portfolio-modal .modal-content ul.list-inline { - margin-bottom: 30px; - margin-top: 0; -} -.portfolio-modal .modal-content img { - margin-bottom: 30px; -} + 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; - width: 75px; - height: 75px; - background-color: transparent; top: 25px; right: 25px; + width: 75px; + height: 75px; cursor: pointer; -} -.portfolio-modal .close-modal:hover { - opacity: 0.3; -} -.portfolio-modal .close-modal .lr { - height: 75px; - width: 1px; - margin-left: 35px; - background-color: #222222; - transform: rotate(45deg); - -ms-transform: rotate(45deg); - /* IE 9 */ - -webkit-transform: rotate(45deg); - /* Safari and Chrome */ - z-index: 1051; -} -.portfolio-modal .close-modal .lr .rl { - height: 75px; - width: 1px; - background-color: #222222; - transform: rotate(90deg); - -ms-transform: rotate(90deg); - /* IE 9 */ - -webkit-transform: rotate(90deg); - /* Safari and Chrome */ - z-index: 1052; -} + background-color: transparent; } + .portfolio-modal .close-modal:hover { + opacity: 0.3; } + .portfolio-modal .close-modal .lr { + /* Safari and Chrome */ + z-index: 1051; + width: 1px; + height: 75px; + margin-left: 35px; + /* IE 9 */ + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); + background-color: #222222; } + .portfolio-modal .close-modal .lr .rl { + /* Safari and Chrome */ + z-index: 1052; + width: 1px; + height: 75px; + /* IE 9 */ + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + background-color: #222222; } + .portfolio-modal .modal-backdrop { - opacity: 0; display: none; -} -::-moz-selection { - text-shadow: none; - background: #fed136; -} -::selection { - text-shadow: none; - background: #fed136; -} -img::selection { - background: transparent; -} -img::-moz-selection { - background: transparent; -} -body { - webkit-tap-highlight-color: #fed136; -} + 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: white; + 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 > ul, + .timeline .timeline-body > p { + 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 white; } + .team-member h4 { + margin-top: 25px; + margin-bottom: 0; + text-transform: none; } + .team-member p { + margin-top: 0; } + +section#contact { + background-color: #222222; + background-image: url("../img/map-image.png"); + background-repeat: no-repeat; + background-position: center; } + section#contact .section-heading { + color: white; } + 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: #eeeeee; + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } + section#contact :-moz-placeholder { + font-weight: 700; + color: #eeeeee; + /* Firefox 18- */ + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } + section#contact ::-moz-placeholder { + font-weight: 700; + color: #eeeeee; + /* Firefox 19+ */ + font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; + text-transform: uppercase; } + section#contact :-ms-input-placeholder { + font-weight: 700; + color: #eeeeee; + 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 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: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: white; + 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: white; + border-color: #b48b01; + background-color: #fec503; } + .btn-primary:hover { + color: white; + border-color: #f6bf01; + background-color: #fec503; } + .btn-primary.active, .btn-primary:active, + .open > .btn-primary.dropdown-toggle { + color: white; + 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: white; + 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: white; } + +.btn-xl { + font-size: 18px; + font-weight: 700; + padding: 20px 40px; + border-radius: 3px; + color: white; + 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: white; + border-color: #b48b01; + background-color: #fec503; } + .btn-xl:hover { + color: white; + border-color: #f6bf01; + background-color: #fec503; } + .btn-xl.active, .btn-xl:active, + .open > .btn-xl.dropdown-toggle { + color: white; + 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: white; + 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: white; } diff --git a/css/agency.min.css b/css/agency.min.css index 7615c22..cb38c87 100644 --- a/css/agency.min.css +++ b/css/agency.min.css @@ -1,5 +1,5 @@ /*! - * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency) - * Copyright 2013-2016 Start Bootstrap - * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE) - */.btn-primary.active,.btn-primary:active,.btn-xl.active,.btn-xl:active,.open .dropdown-toggle.btn-primary,.open .dropdown-toggle.btn-xl{background-image:none}body{overflow-x:hidden;font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;webkit-tap-highlight-color:#fed136}.btn-primary,.btn-xl,h1,h2,h3,h4,h5,h6{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700}.text-muted{color:#777}.text-primary,a{color:#fed136}p{font-size:14px;line-height:1.75}p.large{font-size:16px}a,a.active,a:active,a:focus,a:hover{outline:0}a.active,a:active,a:focus,a:hover{color:#fec503}.img-centered{margin:0 auto}.bg-light-gray{background-color:#eee}.bg-darkest-gray{background-color:#222}.btn-primary{color:#fff;background-color:#fed136;border-color:#fed136}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#fec503;border-color:#f6bf01}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#fed136;border-color:#fed136}.btn-primary .badge{color:#fed136;background-color:#fff}.btn-xl{color:#fff;background-color:#fed136;border-color:#fed136;border-radius:3px;font-size:18px;padding:20px 40px}.btn-xl.active,.btn-xl:active,.btn-xl:focus,.btn-xl:hover,.open .dropdown-toggle.btn-xl{color:#fff;background-color:#fec503;border-color:#f6bf01}.btn-xl.disabled,.btn-xl.disabled.active,.btn-xl.disabled:active,.btn-xl.disabled:focus,.btn-xl.disabled:hover,.btn-xl[disabled],.btn-xl[disabled].active,.btn-xl[disabled]:active,.btn-xl[disabled]:focus,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl,fieldset[disabled] .btn-xl.active,fieldset[disabled] .btn-xl:active,fieldset[disabled] .btn-xl:focus,fieldset[disabled] .btn-xl:hover{background-color:#fed136;border-color:#fed136}.btn-xl .badge{color:#fed136;background-color:#fff}.navbar-custom{background-color:#222;border-color:transparent}.navbar-custom .navbar-brand{color:#fed136;font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive}.navbar-custom .navbar-brand.active,.navbar-custom .navbar-brand:active,.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{color:#fec503}.navbar-custom .nav li a,.navbar-custom .navbar-toggle{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;text-transform:uppercase}.navbar-custom .navbar-collapse{border-color:rgba(255,255,255,.02)}.navbar-custom .navbar-toggle{background-color:#fed136;border-color:#fed136;font-size:12px}.navbar-custom .navbar-toggle:focus,.navbar-custom .navbar-toggle:hover{background-color:#fed136}.navbar-custom .nav li a{font-weight:400;letter-spacing:1px}.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{color:#fed136;outline:0}.navbar-custom .navbar-nav>.active>a{border-radius:0;color:#fff;background-color:#fed136}.navbar-custom .navbar-nav>.active>a:focus,.navbar-custom .navbar-nav>.active>a:hover{color:#fff;background-color:#fec503}@media (min-width:768px){.navbar-custom{background-color:transparent;padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s;border:none}.navbar-custom .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.navbar-custom .navbar-nav>.active>a{border-radius:3px}.navbar-custom.affix{background-color:#222;padding:10px 0}.navbar-custom.affix .navbar-brand{font-size:1.5em}}header{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;background-size:cover;-o-background-size:cover;text-align:center;color:#fff}header .intro-text{padding-top:100px;padding-bottom:50px}header .intro-text .intro-lead-in{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:22px;line-height:22px;margin-bottom:25px}header .intro-text .intro-heading{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:50px;line-height:50px;margin-bottom:25px}@media (min-width:768px){header .intro-text{padding-top:300px;padding-bottom:200px}header .intro-text .intro-lead-in{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:40px;line-height:40px;margin-bottom:25px}header .intro-text .intro-heading{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;font-size:75px;line-height:75px;margin-bottom:50px}}#portfolio .portfolio-item .portfolio-caption p,section h3.section-subheading{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic}section{padding:100px 0}section h2.section-heading{font-size:40px;margin-top:0;margin-bottom:15px}section h3.section-subheading{font-size:16px;text-transform:none;font-weight:400;margin-bottom:75px}@media (min-width:768px){section{padding:150px 0}}.service-heading{margin:15px 0;text-transform:none}#portfolio .portfolio-item{margin:0 0 15px;right:0}#portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto}#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(254,209,54,.9);position:absolute;width:100%;height:100%;opacity:0;transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;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;background-color:#fff;text-align:center;padding:25px}#portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0}#portfolio .portfolio-item .portfolio-caption p{font-size:16px;margin:0}footer span.copyright,footer ul.quicklinks{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif}#portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.timeline{list-style:none;padding:0;position:relative}.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px}.timeline>li{margin-bottom:50px;position:relative;min-height:50px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left}.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#fed136;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}.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{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}@media (min-width:992px){.timeline>li .timeline-panel,.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}.timeline>li{min-height:150px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}}@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{text-align:center;margin-bottom:50px}.team-member img{margin:0 auto;border:7px solid #fff}.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}.team-member p{margin-top:0}aside.clients img{margin:50px auto}section#contact{background-color:#222;background-image:url(../img/map-image.png);background-position:center;background-repeat:no-repeat}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-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact :-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact ::-moz-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact :-ms-input-placeholder{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:700;color:#eee}section#contact .text-danger{color:#e74c3c}footer{padding:25px 0;text-align:center}footer span.copyright{line-height:40px;text-transform:uppercase;text-transform:none}footer ul.quicklinks{margin-bottom:0;line-height:40px;text-transform:uppercase;text-transform:none}ul.social-buttons{margin-bottom:0}ul.social-buttons li a{display:block;background-color:#222;height:40px;width:40px;border-radius:100%;font-size:20px;line-height:40px;color:#fff;outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}ul.social-buttons li a:active,ul.social-buttons li a:focus,ul.social-buttons li a:hover{background-color:#fed136}.btn.active,.btn:active,.btn:active:focus,.btn:focus{outline:0}.portfolio-modal .modal-dialog{margin:0;height:100%;width:auto}.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:100px 0;text-align:center}.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:italic;font-size:16px}.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.portfolio-modal .modal-backdrop{opacity:0;display:none}::-moz-selection{text-shadow:none;background:#fed136}::selection{text-shadow:none;background:#fed136}img::selection{background:0 0}img::-moz-selection{background:0 0} \ No newline at end of file + * 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 .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 55e1b68..8489c3d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,5 +1,4 @@ var gulp = require('gulp'); -var less = require('gulp-less'); var sass = require('gulp-sass'); var browserSync = require('browser-sync').create(); var header = require('gulp-header'); @@ -10,96 +9,106 @@ 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.type %> (<%= pkg.license.url %>)\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(''); -// Compile LESS files from /less into /css -gulp.task('less', function() { - return gulp.src('less/agency.less') - .pipe(less()) - .pipe(header(banner, { pkg: pkg })) - .pipe(gulp.dest('css')) - .pipe(browserSync.reload({ - stream: true - })) +// 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 + })) }); // Minify compiled CSS -gulp.task('minify-css', ['less'], function() { - return gulp.src('css/agency.css') - .pipe(cleanCSS({ compatibility: 'ie8' })) - .pipe(rename({ suffix: '.min' })) - .pipe(gulp.dest('css')) - .pipe(browserSync.reload({ - stream: true - })) +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 + })) }); -// Minify JS +// 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 libraries from /node_modules into /vendor +// 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/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/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/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')) }) -// Run everything -gulp.task('default', ['less', 'minify-css', 'minify-js', 'copy']); +// Default task +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', 'less', 'minify-css', 'minify-js'], function() { - gulp.watch('less/*.less', ['less']); - 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); -}); - -// Compiles SCSS files from /scss into /css -// NOTE: This theme uses LESS by default. To swtich to SCSS you will need to update this gulpfile by changing the 'less' tasks to run 'sass'! -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 - })) +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); }); diff --git a/img/portfolio/01-full.jpg b/img/portfolio/01-full.jpg new file mode 100644 index 0000000..5d70e57 Binary files /dev/null and b/img/portfolio/01-full.jpg differ diff --git a/img/portfolio/01-thumbnail.jpg b/img/portfolio/01-thumbnail.jpg new file mode 100644 index 0000000..6067dea Binary files /dev/null and b/img/portfolio/01-thumbnail.jpg differ diff --git a/img/portfolio/02-full.jpg b/img/portfolio/02-full.jpg new file mode 100644 index 0000000..ba00a81 Binary files /dev/null and b/img/portfolio/02-full.jpg differ diff --git a/img/portfolio/02-thumbnail.jpg b/img/portfolio/02-thumbnail.jpg new file mode 100644 index 0000000..ed3ea41 Binary files /dev/null and b/img/portfolio/02-thumbnail.jpg differ diff --git a/img/portfolio/03-full.jpg b/img/portfolio/03-full.jpg new file mode 100644 index 0000000..2412a42 Binary files /dev/null and b/img/portfolio/03-full.jpg differ diff --git a/img/portfolio/03-thumbnail.jpg b/img/portfolio/03-thumbnail.jpg new file mode 100644 index 0000000..6f1de47 Binary files /dev/null and b/img/portfolio/03-thumbnail.jpg differ diff --git a/img/portfolio/04-full.jpg b/img/portfolio/04-full.jpg new file mode 100644 index 0000000..e5f833c Binary files /dev/null and b/img/portfolio/04-full.jpg differ diff --git a/img/portfolio/04-thumbnail.jpg b/img/portfolio/04-thumbnail.jpg new file mode 100644 index 0000000..4b77c66 Binary files /dev/null and b/img/portfolio/04-thumbnail.jpg differ diff --git a/img/portfolio/05-full.jpg b/img/portfolio/05-full.jpg new file mode 100644 index 0000000..df70a31 Binary files /dev/null and b/img/portfolio/05-full.jpg differ diff --git a/img/portfolio/05-thumbnail.jpg b/img/portfolio/05-thumbnail.jpg new file mode 100644 index 0000000..2456520 Binary files /dev/null and b/img/portfolio/05-thumbnail.jpg differ diff --git a/img/portfolio/06-full.jpg b/img/portfolio/06-full.jpg new file mode 100644 index 0000000..c65ef3a Binary files /dev/null and b/img/portfolio/06-full.jpg differ diff --git a/img/portfolio/06-thumbnail.jpg b/img/portfolio/06-thumbnail.jpg new file mode 100644 index 0000000..97dd2a7 Binary files /dev/null and b/img/portfolio/06-thumbnail.jpg differ diff --git a/img/portfolio/dreams-preview.png b/img/portfolio/dreams-preview.png deleted file mode 100644 index e2773b2..0000000 Binary files a/img/portfolio/dreams-preview.png and /dev/null differ diff --git a/img/portfolio/dreams.png b/img/portfolio/dreams.png deleted file mode 100644 index 1b925d8..0000000 Binary files a/img/portfolio/dreams.png and /dev/null differ diff --git a/img/portfolio/escape-preview.png b/img/portfolio/escape-preview.png deleted file mode 100644 index a2343b4..0000000 Binary files a/img/portfolio/escape-preview.png and /dev/null differ diff --git a/img/portfolio/escape.png b/img/portfolio/escape.png deleted file mode 100644 index d5fcee8..0000000 Binary files a/img/portfolio/escape.png and /dev/null differ diff --git a/img/portfolio/golden-preview.png b/img/portfolio/golden-preview.png deleted file mode 100644 index b8fe735..0000000 Binary files a/img/portfolio/golden-preview.png and /dev/null differ diff --git a/img/portfolio/golden.png b/img/portfolio/golden.png deleted file mode 100644 index 9b971ae..0000000 Binary files a/img/portfolio/golden.png and /dev/null differ diff --git a/img/portfolio/roundicons-free.png b/img/portfolio/roundicons-free.png deleted file mode 100644 index dec0278..0000000 Binary files a/img/portfolio/roundicons-free.png and /dev/null differ diff --git a/img/portfolio/roundicons.png b/img/portfolio/roundicons.png deleted file mode 100644 index 97c0e9a..0000000 Binary files a/img/portfolio/roundicons.png and /dev/null differ diff --git a/img/portfolio/startup-framework-preview.png b/img/portfolio/startup-framework-preview.png deleted file mode 100644 index 0b612f3..0000000 Binary files a/img/portfolio/startup-framework-preview.png and /dev/null differ diff --git a/img/portfolio/startup-framework.png b/img/portfolio/startup-framework.png deleted file mode 100644 index 3516bbc..0000000 Binary files a/img/portfolio/startup-framework.png and /dev/null differ diff --git a/img/portfolio/treehouse-preview.png b/img/portfolio/treehouse-preview.png deleted file mode 100644 index df04474..0000000 Binary files a/img/portfolio/treehouse-preview.png and /dev/null differ diff --git a/img/portfolio/treehouse.png b/img/portfolio/treehouse.png deleted file mode 100644 index a800611..0000000 Binary files a/img/portfolio/treehouse.png and /dev/null differ diff --git a/img/team/1.jpg b/img/team/1.jpg index cabfc56..33d12bc 100644 Binary files a/img/team/1.jpg and b/img/team/1.jpg differ diff --git a/img/team/2.jpg b/img/team/2.jpg index 49d1c70..b77ce8f 100644 Binary files a/img/team/2.jpg and b/img/team/2.jpg differ diff --git a/img/team/3.jpg b/img/team/3.jpg index f34ef1f..ab2c1af 100644 Binary files a/img/team/3.jpg and b/img/team/3.jpg differ diff --git a/index.html b/index.html index 71b29c8..46332fe 100644 --- a/index.html +++ b/index.html @@ -1,670 +1,713 @@ - + - - + Agency - Start Bootstrap Theme - + - + - + - - - + - - - + -