├── Portfolio ├── .gitignore ├── img │ ├── header.jpg │ └── portfolio │ │ ├── fullsize │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ └── 6.jpg │ │ └── thumbnails │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ └── 6.jpg ├── download │ └── Copy of RomareJenkinswResume.docx ├── vendor │ ├── font-awesome │ │ ├── fonts │ │ │ ├── FontAwesome.otf │ │ │ ├── fontawesome-webfont.eot │ │ │ ├── fontawesome-webfont.ttf │ │ │ ├── fontawesome-webfont.woff │ │ │ └── fontawesome-webfont.woff2 │ │ ├── less │ │ │ ├── screen-reader.less │ │ │ ├── fixed-width.less │ │ │ ├── larger.less │ │ │ ├── list.less │ │ │ ├── core.less │ │ │ ├── stacked.less │ │ │ ├── font-awesome.less │ │ │ ├── bordered-pulled.less │ │ │ ├── rotated-flipped.less │ │ │ ├── path.less │ │ │ ├── animated.less │ │ │ └── mixins.less │ │ └── scss │ │ │ ├── _fixed-width.scss │ │ │ ├── _screen-reader.scss │ │ │ ├── _larger.scss │ │ │ ├── _list.scss │ │ │ ├── _core.scss │ │ │ ├── font-awesome.scss │ │ │ ├── _stacked.scss │ │ │ ├── _bordered-pulled.scss │ │ │ ├── _rotated-flipped.scss │ │ │ ├── _path.scss │ │ │ ├── _animated.scss │ │ │ └── _mixins.scss │ ├── jquery-easing │ │ ├── jquery.easing.compatibility.js │ │ ├── jquery.easing.min.js │ │ └── jquery.easing.js │ ├── bootstrap │ │ └── css │ │ │ ├── bootstrap-reboot.min.css │ │ │ └── bootstrap-reboot.css │ ├── scrollreveal │ │ └── scrollreveal.min.js │ └── magnific-popup │ │ └── magnific-popup.css ├── scss │ ├── _cta.scss │ ├── _services.scss │ ├── creative.scss │ ├── _variables.scss │ ├── _bootstrap-overrides.scss │ ├── _portfolio.scss │ ├── _global.scss │ ├── _masthead.scss │ ├── _mixins.scss │ └── _navbar.scss ├── .travis.yml ├── LICENSE ├── js │ ├── creative.min.js │ └── creative.js ├── package.json ├── gulpfile.js ├── README.md ├── css │ └── creative.min.css └── index.html ├── img ├── header.jpg └── portfolio │ ├── fullsize │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ └── 6.jpg │ └── thumbnails │ ├── 1.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ └── 6.jpg ├── download └── Copy of RomareJenkinswResume.docx ├── vendor ├── font-awesome │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ ├── less │ │ ├── screen-reader.less │ │ ├── fixed-width.less │ │ ├── larger.less │ │ ├── list.less │ │ ├── core.less │ │ ├── stacked.less │ │ ├── font-awesome.less │ │ ├── bordered-pulled.less │ │ ├── rotated-flipped.less │ │ ├── path.less │ │ ├── animated.less │ │ └── mixins.less │ └── scss │ │ ├── _fixed-width.scss │ │ ├── _screen-reader.scss │ │ ├── _larger.scss │ │ ├── _list.scss │ │ ├── _core.scss │ │ ├── font-awesome.scss │ │ ├── _stacked.scss │ │ ├── _bordered-pulled.scss │ │ ├── _rotated-flipped.scss │ │ ├── _path.scss │ │ ├── _animated.scss │ │ └── _mixins.scss ├── jquery-easing │ ├── jquery.easing.compatibility.js │ ├── jquery.easing.min.js │ └── jquery.easing.js ├── bootstrap │ └── css │ │ ├── bootstrap-reboot.min.css │ │ └── bootstrap-reboot.css ├── scrollreveal │ └── scrollreveal.min.js └── magnific-popup │ └── magnific-popup.css ├── scss ├── _cta.scss ├── _services.scss ├── creative.scss ├── _variables.scss ├── _bootstrap-overrides.scss ├── _portfolio.scss ├── _global.scss ├── _masthead.scss ├── _mixins.scss └── _navbar.scss ├── README.md ├── LICENSE ├── js ├── creative.min.js └── creative.js ├── package.json ├── gulpfile.js ├── css ├── creative.min.css └── creative.css └── index.html /Portfolio/.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | bower_components -------------------------------------------------------------------------------- /img/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/header.jpg -------------------------------------------------------------------------------- /Portfolio/img/header.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/header.jpg -------------------------------------------------------------------------------- /img/portfolio/fullsize/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/fullsize/1.jpg -------------------------------------------------------------------------------- /img/portfolio/fullsize/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/fullsize/2.jpg -------------------------------------------------------------------------------- /img/portfolio/fullsize/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/fullsize/3.jpg -------------------------------------------------------------------------------- /img/portfolio/fullsize/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/fullsize/4.jpg -------------------------------------------------------------------------------- /img/portfolio/fullsize/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/fullsize/5.jpg -------------------------------------------------------------------------------- /img/portfolio/fullsize/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/fullsize/6.jpg -------------------------------------------------------------------------------- /img/portfolio/thumbnails/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/thumbnails/1.jpg -------------------------------------------------------------------------------- /img/portfolio/thumbnails/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/thumbnails/2.jpg -------------------------------------------------------------------------------- /img/portfolio/thumbnails/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/thumbnails/3.jpg -------------------------------------------------------------------------------- /img/portfolio/thumbnails/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/thumbnails/4.jpg -------------------------------------------------------------------------------- /img/portfolio/thumbnails/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/thumbnails/5.jpg -------------------------------------------------------------------------------- /img/portfolio/thumbnails/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/img/portfolio/thumbnails/6.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/fullsize/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/fullsize/1.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/fullsize/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/fullsize/2.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/fullsize/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/fullsize/3.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/fullsize/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/fullsize/4.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/fullsize/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/fullsize/5.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/fullsize/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/fullsize/6.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/thumbnails/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/thumbnails/1.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/thumbnails/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/thumbnails/2.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/thumbnails/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/thumbnails/3.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/thumbnails/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/thumbnails/4.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/thumbnails/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/thumbnails/5.jpg -------------------------------------------------------------------------------- /Portfolio/img/portfolio/thumbnails/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/img/portfolio/thumbnails/6.jpg -------------------------------------------------------------------------------- /download/Copy of RomareJenkinswResume.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/download/Copy of RomareJenkinswResume.docx -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/vendor/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Portfolio/download/Copy of RomareJenkinswResume.docx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/download/Copy of RomareJenkinswResume.docx -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/vendor/font-awesome/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /scss/_cta.scss: -------------------------------------------------------------------------------- 1 | // Styling for the call to action section 2 | .call-to-action { 3 | padding: 50px 0; 4 | h2 { 5 | margin: 0 auto 20px; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /vendor/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/vendor/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /Portfolio/scss/_cta.scss: -------------------------------------------------------------------------------- 1 | // Styling for the call to action section 2 | .call-to-action { 3 | padding: 50px 0; 4 | h2 { 5 | margin: 0 auto 20px; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/romarejenkins/portfolio/HEAD/Portfolio/vendor/font-awesome/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /vendor/font-awesome/less/screen-reader.less: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { .sr-only(); } 5 | .sr-only-focusable { .sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/screen-reader.less: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { .sr-only(); } 5 | .sr-only-focusable { .sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { @include sr-only(); } 5 | .sr-only-focusable { @include sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { @include sr-only(); } 5 | .sr-only-focusable { @include sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /Portfolio/.travis.yml: -------------------------------------------------------------------------------- 1 | sudo: false 2 | language: node_js 3 | node_js: 4 | - "node" 5 | install: npm install 6 | script: 7 | - npm test 8 | - gulp 9 | cache: 10 | directories: 11 | - node_modules 12 | -------------------------------------------------------------------------------- /scss/_services.scss: -------------------------------------------------------------------------------- 1 | // Styling for the services section 2 | .service-box { 3 | max-width: 400px; 4 | margin: 50px auto 0; 5 | @media (min-width: 992px) { 6 | margin: 20px auto 0; 7 | } 8 | p { 9 | margin-bottom: 0; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /Portfolio/scss/_services.scss: -------------------------------------------------------------------------------- 1 | // Styling for the services section 2 | .service-box { 3 | max-width: 400px; 4 | margin: 50px auto 0; 5 | @media (min-width: 992px) { 6 | margin: 20px auto 0; 7 | } 8 | p { 9 | margin-bottom: 0; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /scss/creative.scss: -------------------------------------------------------------------------------- 1 | @import "variables.scss"; 2 | @import "mixins.scss"; 3 | @import "global.scss"; 4 | @import "navbar.scss"; 5 | @import "masthead.scss"; 6 | @import "services.scss"; 7 | @import "portfolio.scss"; 8 | @import "cta.scss"; 9 | @import "bootstrap-overrides.scss"; 10 | -------------------------------------------------------------------------------- /Portfolio/scss/creative.scss: -------------------------------------------------------------------------------- 1 | @import "variables.scss"; 2 | @import "mixins.scss"; 3 | @import "global.scss"; 4 | @import "navbar.scss"; 5 | @import "masthead.scss"; 6 | @import "services.scss"; 7 | @import "portfolio.scss"; 8 | @import "cta.scss"; 9 | @import "bootstrap-overrides.scss"; 10 | -------------------------------------------------------------------------------- /scss/_variables.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | 3 | // Gray and Brand Colors for use across theme 4 | 5 | $theme-primary: #F05F40; 6 | 7 | $gray-base: #000 !default; 8 | $gray-darker: lighten($gray-base, 13.5%) !default; 9 | $gray-dark: lighten($gray-base, 20%) !default; 10 | $gray: lighten($gray-base, 33.5%) !default; 11 | $gray-light: lighten($gray-base, 46.7%) !default; 12 | $gray-lighter: lighten($gray-base, 93.5%) !default; 13 | -------------------------------------------------------------------------------- /Portfolio/scss/_variables.scss: -------------------------------------------------------------------------------- 1 | // Variables 2 | 3 | // Gray and Brand Colors for use across theme 4 | 5 | $theme-primary: #F05F40; 6 | 7 | $gray-base: #000 !default; 8 | $gray-darker: lighten($gray-base, 13.5%) !default; 9 | $gray-dark: lighten($gray-base, 20%) !default; 10 | $gray: lighten($gray-base, 33.5%) !default; 11 | $gray-light: lighten($gray-base, 46.7%) !default; 12 | $gray-lighter: lighten($gray-base, 93.5%) !default; 13 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Romare Jenkins Portfolio 2 | 3 | This is my main portfolio, screenshots are to be changed as soon as they are made. 4 | Simple layout that shows what I do, what I can do and what I'm willing to learn. 5 | 6 | Used with Bootstrap. 7 | 8 | ## Copyright and License 9 | 10 | Copyright 2013-2017 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-creative/blob/gh-pages/LICENSE) license. 11 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .@{fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .@{fa-css-prefix}-2x { font-size: 2em; } 11 | .@{fa-css-prefix}-3x { font-size: 3em; } 12 | .@{fa-css-prefix}-4x { font-size: 4em; } 13 | .@{fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .@{fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .@{fa-css-prefix}-2x { font-size: 2em; } 11 | .@{fa-css-prefix}-3x { font-size: 3em; } 12 | .@{fa-css-prefix}-4x { font-size: 4em; } 13 | .@{fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: @fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .@{fa-css-prefix}-li { 11 | position: absolute; 12 | left: -@fa-li-width; 13 | width: @fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.@{fa-css-prefix}-lg { 17 | left: (-@fa-li-width + (4em / 14)); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: @fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .@{fa-css-prefix}-li { 11 | position: absolute; 12 | left: -@fa-li-width; 13 | width: @fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.@{fa-css-prefix}-lg { 17 | left: (-@fa-li-width + (4em / 14)); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | @import "screen-reader"; 19 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | @import "screen-reader"; 19 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 21 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 21 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables.less"; 7 | @import "mixins.less"; 8 | @import "path.less"; 9 | @import "core.less"; 10 | @import "larger.less"; 11 | @import "fixed-width.less"; 12 | @import "list.less"; 13 | @import "bordered-pulled.less"; 14 | @import "animated.less"; 15 | @import "rotated-flipped.less"; 16 | @import "stacked.less"; 17 | @import "icons.less"; 18 | @import "screen-reader.less"; 19 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables.less"; 7 | @import "mixins.less"; 8 | @import "path.less"; 9 | @import "core.less"; 10 | @import "larger.less"; 11 | @import "fixed-width.less"; 12 | @import "list.less"; 13 | @import "bordered-pulled.less"; 14 | @import "animated.less"; 15 | @import "rotated-flipped.less"; 16 | @import "stacked.less"; 17 | @import "icons.less"; 18 | @import "screen-reader.less"; 19 | -------------------------------------------------------------------------------- /scss/_bootstrap-overrides.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap overrides for this template 2 | .text-primary { 3 | color: $theme-primary !important; 4 | } 5 | 6 | .no-gutter > [class*='col-'] { 7 | padding-right: 0; 8 | padding-left: 0; 9 | } 10 | 11 | .btn-default { 12 | @include button-variant($gray-darker, white, white); 13 | } 14 | 15 | .btn-primary { 16 | @include button-variant(white, $theme-primary, $theme-primary); 17 | } 18 | 19 | .btn { 20 | font-weight: 700; 21 | text-transform: uppercase; 22 | border: none; 23 | border-radius: 300px; 24 | @include sans-serif-font; 25 | } 26 | 27 | .btn-xl { 28 | padding: 15px 30px; 29 | } 30 | -------------------------------------------------------------------------------- /Portfolio/scss/_bootstrap-overrides.scss: -------------------------------------------------------------------------------- 1 | // Bootstrap overrides for this template 2 | .text-primary { 3 | color: $theme-primary !important; 4 | } 5 | 6 | .no-gutter > [class*='col-'] { 7 | padding-right: 0; 8 | padding-left: 0; 9 | } 10 | 11 | .btn-default { 12 | @include button-variant($gray-darker, white, white); 13 | } 14 | 15 | .btn-primary { 16 | @include button-variant(white, $theme-primary, $theme-primary); 17 | } 18 | 19 | .btn { 20 | font-weight: 700; 21 | text-transform: uppercase; 22 | border: none; 23 | border-radius: 300px; 24 | @include sans-serif-font; 25 | } 26 | 27 | .btn-xl { 28 | padding: 15px 30px; 29 | } 30 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em @fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix} { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .@{fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em @fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix} { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .@{fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .@{fa-css-prefix}-rotate-90, 15 | :root .@{fa-css-prefix}-rotate-180, 16 | :root .@{fa-css-prefix}-rotate-270, 17 | :root .@{fa-css-prefix}-flip-horizontal, 18 | :root .@{fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .@{fa-css-prefix}-rotate-90, 15 | :root .@{fa-css-prefix}-rotate-180, 16 | :root .@{fa-css-prefix}-rotate-270, 17 | :root .@{fa-css-prefix}-flip-horizontal, 18 | :root .@{fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .@{fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .@{fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2013-2017 Blackrock Digital LLC 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. -------------------------------------------------------------------------------- /Portfolio/LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2013-2017 Blackrock Digital LLC 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 21 | THE SOFTWARE. -------------------------------------------------------------------------------- /js/creative.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Createive v4.0.0-beta (http://startbootstrap.com/template-overviews/creative) 3 | * Copyright 2013-2017 Start Bootstrap 4 | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE) 5 | */ 6 | !function(a){"use strict";a('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=a(this.hash);if((e=e.length?e:a("[name="+this.hash.slice(1)+"]")).length)return a("html, body").animate({scrollTop:e.offset().top-48},1e3,"easeInOutExpo"),!1}}),a(".js-scroll-trigger").click(function(){a(".navbar-collapse").collapse("hide")}),a("body").scrollspy({target:"#mainNav",offset:48}),a(window).scroll(function(){a("#mainNav").offset().top>100?a("#mainNav").addClass("navbar-shrink"):a("#mainNav").removeClass("navbar-shrink")}),window.sr=ScrollReveal(),sr.reveal(".sr-icons",{duration:600,scale:.3,distance:"0px"},200),sr.reveal(".sr-button",{duration:1e3,delay:200}),sr.reveal(".sr-contact",{duration:600,scale:.3,distance:"0px"},300),a(".popup-gallery").magnificPopup({delegate:"a",type:"image",tLoading:"Loading image #%curr%...",mainClass:"mfp-img-mobile",gallery:{enabled:!0,navigateByImgClick:!0,preload:[0,1]},image:{tError:'The image #%curr% could not be loaded.'}})}(jQuery); -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Createive", 3 | "name": "startbootstrap-creative", 4 | "version": "4.0.0-beta", 5 | "description": "Creative is a stylish one page HTML theme for Bootstrap.", 6 | "keywords": [ 7 | "css", 8 | "sass", 9 | "html", 10 | "responsive", 11 | "theme", 12 | "template" 13 | ], 14 | "homepage": "https://startbootstrap.com/template-overviews/creative", 15 | "bugs": { 16 | "url": "https://github.com/BlackrockDigital/startbootstrap-creative/issues", 17 | "email": "feedback@startbootstrap.com" 18 | }, 19 | "license": "MIT", 20 | "author": "Start Bootstrap", 21 | "contributors": [ 22 | "David Miller (http://davidmiller.io/)" 23 | ], 24 | "repository": { 25 | "type": "git", 26 | "url": "https://github.com/BlackrockDigital/startbootstrap-creative.git" 27 | }, 28 | "dependencies": { 29 | "bootstrap": "^4.0.0-beta", 30 | "font-awesome": "4.7.0", 31 | "jquery": "^3.2.1", 32 | "jquery.easing": "^1.4.1", 33 | "magnific-popup": "^1.1.0", 34 | "popper.js": "^1.11.1", 35 | "scrollreveal": "3.3.6" 36 | }, 37 | "devDependencies": { 38 | "browser-sync": "2.18.13", 39 | "gulp": "^3.9.1", 40 | "gulp-clean-css": "3.7.0", 41 | "gulp-header": "1.8.9", 42 | "gulp-rename": "^1.2.2", 43 | "gulp-sass": "^3.1.0", 44 | "gulp-uglify": "3.0.0" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /Portfolio/js/creative.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Createive v4.0.0-beta (http://startbootstrap.com/template-overviews/creative) 3 | * Copyright 2013-2017 Start Bootstrap 4 | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE) 5 | */ 6 | !function(a){"use strict";a('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=a(this.hash);if((e=e.length?e:a("[name="+this.hash.slice(1)+"]")).length)return a("html, body").animate({scrollTop:e.offset().top-48},1e3,"easeInOutExpo"),!1}}),a(".js-scroll-trigger").click(function(){a(".navbar-collapse").collapse("hide")}),a("body").scrollspy({target:"#mainNav",offset:48}),a(window).scroll(function(){a("#mainNav").offset().top>100?a("#mainNav").addClass("navbar-shrink"):a("#mainNav").removeClass("navbar-shrink")}),window.sr=ScrollReveal(),sr.reveal(".sr-icons",{duration:600,scale:.3,distance:"0px"},200),sr.reveal(".sr-button",{duration:1e3,delay:200}),sr.reveal(".sr-contact",{duration:600,scale:.3,distance:"0px"},300),a(".popup-gallery").magnificPopup({delegate:"a",type:"image",tLoading:"Loading image #%curr%...",mainClass:"mfp-img-mobile",gallery:{enabled:!0,navigateByImgClick:!0,preload:[0,1]},image:{tError:'The image #%curr% could not be loaded.'}})}(jQuery); -------------------------------------------------------------------------------- /Portfolio/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "title": "Createive", 3 | "name": "startbootstrap-creative", 4 | "version": "4.0.0-beta", 5 | "description": "Creative is a stylish one page HTML theme for Bootstrap.", 6 | "keywords": [ 7 | "css", 8 | "sass", 9 | "html", 10 | "responsive", 11 | "theme", 12 | "template" 13 | ], 14 | "homepage": "https://startbootstrap.com/template-overviews/creative", 15 | "bugs": { 16 | "url": "https://github.com/BlackrockDigital/startbootstrap-creative/issues", 17 | "email": "feedback@startbootstrap.com" 18 | }, 19 | "license": "MIT", 20 | "author": "Start Bootstrap", 21 | "contributors": [ 22 | "David Miller (http://davidmiller.io/)" 23 | ], 24 | "repository": { 25 | "type": "git", 26 | "url": "https://github.com/BlackrockDigital/startbootstrap-creative.git" 27 | }, 28 | "dependencies": { 29 | "bootstrap": "^4.0.0-beta", 30 | "font-awesome": "4.7.0", 31 | "jquery": "^3.2.1", 32 | "jquery.easing": "^1.4.1", 33 | "magnific-popup": "^1.1.0", 34 | "popper.js": "^1.11.1", 35 | "scrollreveal": "3.3.6" 36 | }, 37 | "devDependencies": { 38 | "browser-sync": "2.18.13", 39 | "gulp": "^3.9.1", 40 | "gulp-clean-css": "3.7.0", 41 | "gulp-header": "1.8.9", 42 | "gulp-rename": "^1.2.2", 43 | "gulp-sass": "^3.1.0", 44 | "gulp-uglify": "3.0.0" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /scss/_portfolio.scss: -------------------------------------------------------------------------------- 1 | // Styling for the portfolio section 2 | .portfolio-box { 3 | position: relative; 4 | display: block; 5 | max-width: 650px; 6 | margin: 0 auto; 7 | .portfolio-box-caption { 8 | position: absolute; 9 | bottom: 0; 10 | display: block; 11 | width: 100%; 12 | height: 100%; 13 | text-align: center; 14 | opacity: 0; 15 | color: white; 16 | background: fade-out($theme-primary, .1); 17 | @include transition-all; 18 | .portfolio-box-caption-content { 19 | position: absolute; 20 | top: 50%; 21 | width: 100%; 22 | transform: translateY(-50%); 23 | text-align: center; 24 | .project-category, 25 | .project-name { 26 | padding: 0 15px; 27 | @include sans-serif-font; 28 | } 29 | .project-category { 30 | font-size: 14px; 31 | font-weight: 600; 32 | text-transform: uppercase; 33 | } 34 | .project-name { 35 | font-size: 18px; 36 | } 37 | } 38 | } 39 | &:hover { 40 | .portfolio-box-caption { 41 | opacity: 1; 42 | } 43 | } 44 | &:focus { 45 | outline: none; 46 | } 47 | @media (min-width: 768px) { 48 | .portfolio-box-caption { 49 | .portfolio-box-caption-content { 50 | .project-category { 51 | font-size: 16px; 52 | } 53 | .project-name { 54 | font-size: 22px; 55 | } 56 | } 57 | } 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /Portfolio/scss/_portfolio.scss: -------------------------------------------------------------------------------- 1 | // Styling for the portfolio section 2 | .portfolio-box { 3 | position: relative; 4 | display: block; 5 | max-width: 650px; 6 | margin: 0 auto; 7 | .portfolio-box-caption { 8 | position: absolute; 9 | bottom: 0; 10 | display: block; 11 | width: 100%; 12 | height: 100%; 13 | text-align: center; 14 | opacity: 0; 15 | color: white; 16 | background: fade-out($theme-primary, .1); 17 | @include transition-all; 18 | .portfolio-box-caption-content { 19 | position: absolute; 20 | top: 50%; 21 | width: 100%; 22 | transform: translateY(-50%); 23 | text-align: center; 24 | .project-category, 25 | .project-name { 26 | padding: 0 15px; 27 | @include sans-serif-font; 28 | } 29 | .project-category { 30 | font-size: 14px; 31 | font-weight: 600; 32 | text-transform: uppercase; 33 | } 34 | .project-name { 35 | font-size: 18px; 36 | } 37 | } 38 | } 39 | &:hover { 40 | .portfolio-box-caption { 41 | opacity: 1; 42 | } 43 | } 44 | &:focus { 45 | outline: none; 46 | } 47 | @media (min-width: 768px) { 48 | .portfolio-box-caption { 49 | .portfolio-box-caption-content { 50 | .project-category { 51 | font-size: 16px; 52 | } 53 | .project-name { 54 | font-size: 22px; 55 | } 56 | } 57 | } 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /scss/_global.scss: -------------------------------------------------------------------------------- 1 | // Global styling for this template 2 | body, 3 | html { 4 | width: 100%; 5 | height: 100%; 6 | } 7 | 8 | body { 9 | @include serif-font; 10 | } 11 | 12 | hr { 13 | max-width: 50px; 14 | border-width: 3px; 15 | border-color: $theme-primary; 16 | } 17 | 18 | hr.light { 19 | border-color: white; 20 | } 21 | 22 | a { 23 | color: $theme-primary; 24 | @include transition-all; 25 | &:focus, 26 | &:hover { 27 | color: darken($theme-primary, .1); 28 | } 29 | } 30 | 31 | h1, 32 | h2, 33 | h3, 34 | h4, 35 | h5, 36 | h6 { 37 | @include sans-serif-font; 38 | } 39 | 40 | p { 41 | font-size: 16px; 42 | line-height: 1.5; 43 | margin-bottom: 20px; 44 | } 45 | 46 | .bg-primary { 47 | background-color: $theme-primary !important; 48 | } 49 | 50 | .bg-dark { 51 | color: white; 52 | background-color: $gray-darker !important; 53 | } 54 | 55 | .text-faded { 56 | color: fade-out(white, .3); 57 | } 58 | 59 | section { 60 | padding: 100px 0; 61 | } 62 | 63 | .section-heading { 64 | margin-top: 0; 65 | } 66 | 67 | ::-moz-selection { 68 | color: white; 69 | background: $gray-darker; 70 | text-shadow: none; 71 | } 72 | 73 | ::selection { 74 | color: white; 75 | background: $gray-darker; 76 | text-shadow: none; 77 | } 78 | 79 | img::selection { 80 | color: white; 81 | background: transparent; 82 | } 83 | 84 | img::-moz-selection { 85 | color: white; 86 | background: transparent; 87 | } 88 | 89 | body { 90 | -webkit-tap-highlight-color: $gray-darker; 91 | } 92 | -------------------------------------------------------------------------------- /Portfolio/scss/_global.scss: -------------------------------------------------------------------------------- 1 | // Global styling for this template 2 | body, 3 | html { 4 | width: 100%; 5 | height: 100%; 6 | } 7 | 8 | body { 9 | @include serif-font; 10 | } 11 | 12 | hr { 13 | max-width: 50px; 14 | border-width: 3px; 15 | border-color: $theme-primary; 16 | } 17 | 18 | hr.light { 19 | border-color: white; 20 | } 21 | 22 | a { 23 | color: $theme-primary; 24 | @include transition-all; 25 | &:focus, 26 | &:hover { 27 | color: darken($theme-primary, .1); 28 | } 29 | } 30 | 31 | h1, 32 | h2, 33 | h3, 34 | h4, 35 | h5, 36 | h6 { 37 | @include sans-serif-font; 38 | } 39 | 40 | p { 41 | font-size: 16px; 42 | line-height: 1.5; 43 | margin-bottom: 20px; 44 | } 45 | 46 | .bg-primary { 47 | background-color: $theme-primary !important; 48 | } 49 | 50 | .bg-dark { 51 | color: white; 52 | background-color: $gray-darker !important; 53 | } 54 | 55 | .text-faded { 56 | color: fade-out(white, .3); 57 | } 58 | 59 | section { 60 | padding: 100px 0; 61 | } 62 | 63 | .section-heading { 64 | margin-top: 0; 65 | } 66 | 67 | ::-moz-selection { 68 | color: white; 69 | background: $gray-darker; 70 | text-shadow: none; 71 | } 72 | 73 | ::selection { 74 | color: white; 75 | background: $gray-darker; 76 | text-shadow: none; 77 | } 78 | 79 | img::selection { 80 | color: white; 81 | background: transparent; 82 | } 83 | 84 | img::-moz-selection { 85 | color: white; 86 | background: transparent; 87 | } 88 | 89 | body { 90 | -webkit-tap-highlight-color: $gray-darker; 91 | } 92 | -------------------------------------------------------------------------------- /scss/_masthead.scss: -------------------------------------------------------------------------------- 1 | // Styling for the masthead 2 | header.masthead { 3 | position: relative; 4 | width: 100%; 5 | min-height: auto; 6 | text-align: center; 7 | color: white; 8 | background-image: url('../img/header.jpg'); 9 | background-position: center; 10 | @include background-cover; 11 | .header-content { 12 | position: relative; 13 | width: 100%; 14 | padding: 150px 15px 100px; 15 | text-align: center; 16 | .header-content-inner { 17 | h1 { 18 | font-size: 30px; 19 | font-weight: 700; 20 | margin-top: 0; 21 | margin-bottom: 0; 22 | text-transform: uppercase; 23 | } 24 | hr { 25 | margin: 30px auto; 26 | } 27 | p { 28 | font-size: 16px; 29 | font-weight: 300; 30 | margin-bottom: 50px; 31 | color: fade-out(white, .3); 32 | } 33 | } 34 | } 35 | @media (min-width: 768px) { 36 | height: 100%; 37 | min-height: 600px; 38 | .header-content { 39 | position: absolute; 40 | top: 50%; 41 | padding: 0 50px; 42 | -webkit-transform: translateY(-50%); 43 | -ms-transform: translateY(-50%); 44 | transform: translateY(-50%); 45 | .header-content-inner { 46 | max-width: 1000px; 47 | margin-right: auto; 48 | margin-left: auto; 49 | h1 { 50 | font-size: 50px; 51 | } 52 | p { 53 | font-size: 18px; 54 | max-width: 80%; 55 | margin-right: auto; 56 | margin-left: auto; 57 | } 58 | } 59 | } 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /Portfolio/scss/_masthead.scss: -------------------------------------------------------------------------------- 1 | // Styling for the masthead 2 | header.masthead { 3 | position: relative; 4 | width: 100%; 5 | min-height: auto; 6 | text-align: center; 7 | color: white; 8 | background-image: url('../img/header.jpg'); 9 | background-position: center; 10 | @include background-cover; 11 | .header-content { 12 | position: relative; 13 | width: 100%; 14 | padding: 150px 15px 100px; 15 | text-align: center; 16 | .header-content-inner { 17 | h1 { 18 | font-size: 30px; 19 | font-weight: 700; 20 | margin-top: 0; 21 | margin-bottom: 0; 22 | text-transform: uppercase; 23 | } 24 | hr { 25 | margin: 30px auto; 26 | } 27 | p { 28 | font-size: 16px; 29 | font-weight: 300; 30 | margin-bottom: 50px; 31 | color: fade-out(white, .3); 32 | } 33 | } 34 | } 35 | @media (min-width: 768px) { 36 | height: 100%; 37 | min-height: 600px; 38 | .header-content { 39 | position: absolute; 40 | top: 50%; 41 | padding: 0 50px; 42 | -webkit-transform: translateY(-50%); 43 | -ms-transform: translateY(-50%); 44 | transform: translateY(-50%); 45 | .header-content-inner { 46 | max-width: 1000px; 47 | margin-right: auto; 48 | margin-left: auto; 49 | h1 { 50 | font-size: 50px; 51 | } 52 | p { 53 | font-size: 18px; 54 | max-width: 80%; 55 | margin-right: auto; 56 | margin-left: auto; 57 | } 58 | } 59 | } 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // Bootstrap Button Variant 3 | @mixin button-variant($color, $background, $border) { 4 | color: $color; 5 | border-color: $border; 6 | background-color: $background; 7 | &.focus, 8 | &:focus { 9 | color: $color; 10 | border-color: darken($border, 25%); 11 | background-color: darken($background, 10%); 12 | } 13 | &:hover { 14 | color: $color; 15 | border-color: darken($border, 12%); 16 | background-color: darken($background, 10%); 17 | } 18 | &.active, 19 | &:active, 20 | .open > &.dropdown-toggle { 21 | color: $color; 22 | border-color: darken($border, 12%); 23 | background-color: darken($background, 10%); 24 | &.focus, 25 | &:focus, 26 | &:hover { 27 | color: $color; 28 | border-color: darken($border, 25%); 29 | background-color: darken($background, 17%); 30 | } 31 | } 32 | &.active, 33 | &:active, 34 | .open > &.dropdown-toggle { 35 | background-image: none; 36 | } 37 | &.disabled, 38 | &[disabled], 39 | fieldset[disabled] & { 40 | &.focus, 41 | &:focus, 42 | &:hover { 43 | border-color: $border; 44 | background-color: $background; 45 | } 46 | } 47 | .badge { 48 | color: $background; 49 | background-color: $color; 50 | } 51 | } 52 | @mixin transition-all() { 53 | -webkit-transition: all 0.2s; 54 | -moz-transition: all 0.2s; 55 | transition: all 0.2s; 56 | } 57 | @mixin background-cover() { 58 | -webkit-background-size: cover; 59 | -moz-background-size: cover; 60 | -o-background-size: cover; 61 | background-size: cover; 62 | } 63 | @mixin serif-font() { 64 | font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif; 65 | } 66 | @mixin sans-serif-font() { 67 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 68 | } 69 | -------------------------------------------------------------------------------- /Portfolio/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // Bootstrap Button Variant 3 | @mixin button-variant($color, $background, $border) { 4 | color: $color; 5 | border-color: $border; 6 | background-color: $background; 7 | &.focus, 8 | &:focus { 9 | color: $color; 10 | border-color: darken($border, 25%); 11 | background-color: darken($background, 10%); 12 | } 13 | &:hover { 14 | color: $color; 15 | border-color: darken($border, 12%); 16 | background-color: darken($background, 10%); 17 | } 18 | &.active, 19 | &:active, 20 | .open > &.dropdown-toggle { 21 | color: $color; 22 | border-color: darken($border, 12%); 23 | background-color: darken($background, 10%); 24 | &.focus, 25 | &:focus, 26 | &:hover { 27 | color: $color; 28 | border-color: darken($border, 25%); 29 | background-color: darken($background, 17%); 30 | } 31 | } 32 | &.active, 33 | &:active, 34 | .open > &.dropdown-toggle { 35 | background-image: none; 36 | } 37 | &.disabled, 38 | &[disabled], 39 | fieldset[disabled] & { 40 | &.focus, 41 | &:focus, 42 | &:hover { 43 | border-color: $border; 44 | background-color: $background; 45 | } 46 | } 47 | .badge { 48 | color: $background; 49 | background-color: $color; 50 | } 51 | } 52 | @mixin transition-all() { 53 | -webkit-transition: all 0.2s; 54 | -moz-transition: all 0.2s; 55 | transition: all 0.2s; 56 | } 57 | @mixin background-cover() { 58 | -webkit-background-size: cover; 59 | -moz-background-size: cover; 60 | -o-background-size: cover; 61 | background-size: cover; 62 | } 63 | @mixin serif-font() { 64 | font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif; 65 | } 66 | @mixin sans-serif-font() { 67 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 68 | } 69 | -------------------------------------------------------------------------------- /vendor/font-awesome/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | .fa-icon-rotate(@degrees, @rotation) { 15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})"; 16 | -webkit-transform: rotate(@degrees); 17 | -ms-transform: rotate(@degrees); 18 | transform: rotate(@degrees); 19 | } 20 | 21 | .fa-icon-flip(@horiz, @vert, @rotation) { 22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)"; 23 | -webkit-transform: scale(@horiz, @vert); 24 | -ms-transform: scale(@horiz, @vert); 25 | transform: scale(@horiz, @vert); 26 | } 27 | 28 | 29 | // Only display content to screen readers. A la Bootstrap 4. 30 | // 31 | // See: http://a11yproject.com/posts/how-to-hide-content/ 32 | 33 | .sr-only() { 34 | position: absolute; 35 | width: 1px; 36 | height: 1px; 37 | padding: 0; 38 | margin: -1px; 39 | overflow: hidden; 40 | clip: rect(0,0,0,0); 41 | border: 0; 42 | } 43 | 44 | // Use in conjunction with .sr-only to only display content when it's focused. 45 | // 46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 47 | // 48 | // Credit: HTML5 Boilerplate 49 | 50 | .sr-only-focusable() { 51 | &:active, 52 | &:focus { 53 | position: static; 54 | width: auto; 55 | height: auto; 56 | margin: 0; 57 | overflow: visible; 58 | clip: auto; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | .fa-icon-rotate(@degrees, @rotation) { 15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})"; 16 | -webkit-transform: rotate(@degrees); 17 | -ms-transform: rotate(@degrees); 18 | transform: rotate(@degrees); 19 | } 20 | 21 | .fa-icon-flip(@horiz, @vert, @rotation) { 22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)"; 23 | -webkit-transform: scale(@horiz, @vert); 24 | -ms-transform: scale(@horiz, @vert); 25 | transform: scale(@horiz, @vert); 26 | } 27 | 28 | 29 | // Only display content to screen readers. A la Bootstrap 4. 30 | // 31 | // See: http://a11yproject.com/posts/how-to-hide-content/ 32 | 33 | .sr-only() { 34 | position: absolute; 35 | width: 1px; 36 | height: 1px; 37 | padding: 0; 38 | margin: -1px; 39 | overflow: hidden; 40 | clip: rect(0,0,0,0); 41 | border: 0; 42 | } 43 | 44 | // Use in conjunction with .sr-only to only display content when it's focused. 45 | // 46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 47 | // 48 | // Credit: HTML5 Boilerplate 49 | 50 | .sr-only-focusable() { 51 | &:active, 52 | &:focus { 53 | position: static; 54 | width: auto; 55 | height: auto; 56 | margin: 0; 57 | overflow: visible; 58 | clip: auto; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /vendor/font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | 28 | 29 | // Only display content to screen readers. A la Bootstrap 4. 30 | // 31 | // See: http://a11yproject.com/posts/how-to-hide-content/ 32 | 33 | @mixin sr-only { 34 | position: absolute; 35 | width: 1px; 36 | height: 1px; 37 | padding: 0; 38 | margin: -1px; 39 | overflow: hidden; 40 | clip: rect(0,0,0,0); 41 | border: 0; 42 | } 43 | 44 | // Use in conjunction with .sr-only to only display content when it's focused. 45 | // 46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 47 | // 48 | // Credit: HTML5 Boilerplate 49 | 50 | @mixin sr-only-focusable { 51 | &:active, 52 | &:focus { 53 | position: static; 54 | width: auto; 55 | height: auto; 56 | margin: 0; 57 | overflow: visible; 58 | clip: auto; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /Portfolio/vendor/font-awesome/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | 28 | 29 | // Only display content to screen readers. A la Bootstrap 4. 30 | // 31 | // See: http://a11yproject.com/posts/how-to-hide-content/ 32 | 33 | @mixin sr-only { 34 | position: absolute; 35 | width: 1px; 36 | height: 1px; 37 | padding: 0; 38 | margin: -1px; 39 | overflow: hidden; 40 | clip: rect(0,0,0,0); 41 | border: 0; 42 | } 43 | 44 | // Use in conjunction with .sr-only to only display content when it's focused. 45 | // 46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 47 | // 48 | // Credit: HTML5 Boilerplate 49 | 50 | @mixin sr-only-focusable { 51 | &:active, 52 | &:focus { 53 | position: static; 54 | width: auto; 55 | height: auto; 56 | margin: 0; 57 | overflow: visible; 58 | clip: auto; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /vendor/jquery-easing/jquery.easing.compatibility.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Easing Compatibility v1 - http://gsgd.co.uk/sandbox/jquery/easing 3 | * 4 | * Adds compatibility for applications that use the pre 1.2 easing names 5 | * 6 | * Copyright (c) 2007 George Smith 7 | * Licensed under the MIT License: 8 | * http://www.opensource.org/licenses/mit-license.php 9 | */ 10 | 11 | (function($){ 12 | $.extend( $.easing, 13 | { 14 | easeIn: function (x, t, b, c, d) { 15 | return $.easing.easeInQuad(x, t, b, c, d); 16 | }, 17 | easeOut: function (x, t, b, c, d) { 18 | return $.easing.easeOutQuad(x, t, b, c, d); 19 | }, 20 | easeInOut: function (x, t, b, c, d) { 21 | return $.easing.easeInOutQuad(x, t, b, c, d); 22 | }, 23 | expoin: function(x, t, b, c, d) { 24 | return $.easing.easeInExpo(x, t, b, c, d); 25 | }, 26 | expoout: function(x, t, b, c, d) { 27 | return $.easing.easeOutExpo(x, t, b, c, d); 28 | }, 29 | expoinout: function(x, t, b, c, d) { 30 | return $.easing.easeInOutExpo(x, t, b, c, d); 31 | }, 32 | bouncein: function(x, t, b, c, d) { 33 | return $.easing.easeInBounce(x, t, b, c, d); 34 | }, 35 | bounceout: function(x, t, b, c, d) { 36 | return $.easing.easeOutBounce(x, t, b, c, d); 37 | }, 38 | bounceinout: function(x, t, b, c, d) { 39 | return $.easing.easeInOutBounce(x, t, b, c, d); 40 | }, 41 | elasin: function(x, t, b, c, d) { 42 | return $.easing.easeInElastic(x, t, b, c, d); 43 | }, 44 | elasout: function(x, t, b, c, d) { 45 | return $.easing.easeOutElastic(x, t, b, c, d); 46 | }, 47 | elasinout: function(x, t, b, c, d) { 48 | return $.easing.easeInOutElastic(x, t, b, c, d); 49 | }, 50 | backin: function(x, t, b, c, d) { 51 | return $.easing.easeInBack(x, t, b, c, d); 52 | }, 53 | backout: function(x, t, b, c, d) { 54 | return $.easing.easeOutBack(x, t, b, c, d); 55 | }, 56 | backinout: function(x, t, b, c, d) { 57 | return $.easing.easeInOutBack(x, t, b, c, d); 58 | } 59 | });})(jQuery); 60 | -------------------------------------------------------------------------------- /Portfolio/vendor/jquery-easing/jquery.easing.compatibility.js: -------------------------------------------------------------------------------- 1 | /* 2 | * Easing Compatibility v1 - http://gsgd.co.uk/sandbox/jquery/easing 3 | * 4 | * Adds compatibility for applications that use the pre 1.2 easing names 5 | * 6 | * Copyright (c) 2007 George Smith 7 | * Licensed under the MIT License: 8 | * http://www.opensource.org/licenses/mit-license.php 9 | */ 10 | 11 | (function($){ 12 | $.extend( $.easing, 13 | { 14 | easeIn: function (x, t, b, c, d) { 15 | return $.easing.easeInQuad(x, t, b, c, d); 16 | }, 17 | easeOut: function (x, t, b, c, d) { 18 | return $.easing.easeOutQuad(x, t, b, c, d); 19 | }, 20 | easeInOut: function (x, t, b, c, d) { 21 | return $.easing.easeInOutQuad(x, t, b, c, d); 22 | }, 23 | expoin: function(x, t, b, c, d) { 24 | return $.easing.easeInExpo(x, t, b, c, d); 25 | }, 26 | expoout: function(x, t, b, c, d) { 27 | return $.easing.easeOutExpo(x, t, b, c, d); 28 | }, 29 | expoinout: function(x, t, b, c, d) { 30 | return $.easing.easeInOutExpo(x, t, b, c, d); 31 | }, 32 | bouncein: function(x, t, b, c, d) { 33 | return $.easing.easeInBounce(x, t, b, c, d); 34 | }, 35 | bounceout: function(x, t, b, c, d) { 36 | return $.easing.easeOutBounce(x, t, b, c, d); 37 | }, 38 | bounceinout: function(x, t, b, c, d) { 39 | return $.easing.easeInOutBounce(x, t, b, c, d); 40 | }, 41 | elasin: function(x, t, b, c, d) { 42 | return $.easing.easeInElastic(x, t, b, c, d); 43 | }, 44 | elasout: function(x, t, b, c, d) { 45 | return $.easing.easeOutElastic(x, t, b, c, d); 46 | }, 47 | elasinout: function(x, t, b, c, d) { 48 | return $.easing.easeInOutElastic(x, t, b, c, d); 49 | }, 50 | backin: function(x, t, b, c, d) { 51 | return $.easing.easeInBack(x, t, b, c, d); 52 | }, 53 | backout: function(x, t, b, c, d) { 54 | return $.easing.easeOutBack(x, t, b, c, d); 55 | }, 56 | backinout: function(x, t, b, c, d) { 57 | return $.easing.easeInOutBack(x, t, b, c, d); 58 | } 59 | });})(jQuery); 60 | -------------------------------------------------------------------------------- /js/creative.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | "use strict"; // Start of use strict 3 | 4 | // Smooth scrolling using jQuery easing 5 | $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() { 6 | if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 7 | var target = $(this.hash); 8 | target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 9 | if (target.length) { 10 | $('html, body').animate({ 11 | scrollTop: (target.offset().top - 48) 12 | }, 1000, "easeInOutExpo"); 13 | return false; 14 | } 15 | } 16 | }); 17 | 18 | // Closes responsive menu when a scroll trigger link is clicked 19 | $('.js-scroll-trigger').click(function() { 20 | $('.navbar-collapse').collapse('hide'); 21 | }); 22 | 23 | // Activate scrollspy to add active class to navbar items on scroll 24 | $('body').scrollspy({ 25 | target: '#mainNav', 26 | offset: 48 27 | }); 28 | 29 | // Collapse the navbar when page is scrolled 30 | $(window).scroll(function() { 31 | if ($("#mainNav").offset().top > 100) { 32 | $("#mainNav").addClass("navbar-shrink"); 33 | } else { 34 | $("#mainNav").removeClass("navbar-shrink"); 35 | } 36 | }); 37 | 38 | // Scroll reveal calls 39 | window.sr = ScrollReveal(); 40 | sr.reveal('.sr-icons', { 41 | duration: 600, 42 | scale: 0.3, 43 | distance: '0px' 44 | }, 200); 45 | sr.reveal('.sr-button', { 46 | duration: 1000, 47 | delay: 200 48 | }); 49 | sr.reveal('.sr-contact', { 50 | duration: 600, 51 | scale: 0.3, 52 | distance: '0px' 53 | }, 300); 54 | 55 | // Magnific popup calls 56 | $('.popup-gallery').magnificPopup({ 57 | delegate: 'a', 58 | type: 'image', 59 | tLoading: 'Loading image #%curr%...', 60 | mainClass: 'mfp-img-mobile', 61 | gallery: { 62 | enabled: true, 63 | navigateByImgClick: true, 64 | preload: [0, 1] 65 | }, 66 | image: { 67 | tError: 'The image #%curr% could not be loaded.' 68 | } 69 | }); 70 | 71 | })(jQuery); // End of use strict 72 | -------------------------------------------------------------------------------- /Portfolio/js/creative.js: -------------------------------------------------------------------------------- 1 | (function($) { 2 | "use strict"; // Start of use strict 3 | 4 | // Smooth scrolling using jQuery easing 5 | $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() { 6 | if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 7 | var target = $(this.hash); 8 | target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); 9 | if (target.length) { 10 | $('html, body').animate({ 11 | scrollTop: (target.offset().top - 48) 12 | }, 1000, "easeInOutExpo"); 13 | return false; 14 | } 15 | } 16 | }); 17 | 18 | // Closes responsive menu when a scroll trigger link is clicked 19 | $('.js-scroll-trigger').click(function() { 20 | $('.navbar-collapse').collapse('hide'); 21 | }); 22 | 23 | // Activate scrollspy to add active class to navbar items on scroll 24 | $('body').scrollspy({ 25 | target: '#mainNav', 26 | offset: 48 27 | }); 28 | 29 | // Collapse the navbar when page is scrolled 30 | $(window).scroll(function() { 31 | if ($("#mainNav").offset().top > 100) { 32 | $("#mainNav").addClass("navbar-shrink"); 33 | } else { 34 | $("#mainNav").removeClass("navbar-shrink"); 35 | } 36 | }); 37 | 38 | // Scroll reveal calls 39 | window.sr = ScrollReveal(); 40 | sr.reveal('.sr-icons', { 41 | duration: 600, 42 | scale: 0.3, 43 | distance: '0px' 44 | }, 200); 45 | sr.reveal('.sr-button', { 46 | duration: 1000, 47 | delay: 200 48 | }); 49 | sr.reveal('.sr-contact', { 50 | duration: 600, 51 | scale: 0.3, 52 | distance: '0px' 53 | }, 300); 54 | 55 | // Magnific popup calls 56 | $('.popup-gallery').magnificPopup({ 57 | delegate: 'a', 58 | type: 'image', 59 | tLoading: 'Loading image #%curr%...', 60 | mainClass: 'mfp-img-mobile', 61 | gallery: { 62 | enabled: true, 63 | navigateByImgClick: true, 64 | preload: [0, 1] 65 | }, 66 | image: { 67 | tError: 'The image #%curr% could not be loaded.' 68 | } 69 | }); 70 | 71 | })(jQuery); // End of use strict 72 | -------------------------------------------------------------------------------- /scss/_navbar.scss: -------------------------------------------------------------------------------- 1 | // Styling for the navbar 2 | #mainNav { 3 | border-color: fade-out($gray-darker, .95); 4 | background-color: white; 5 | @include sans-serif-font; 6 | @include transition-all; 7 | .navbar-brand { 8 | font-weight: 700; 9 | text-transform: uppercase; 10 | color: $theme-primary; 11 | @include sans-serif-font; 12 | &:focus, 13 | &:hover { 14 | color: darken($theme-primary, .1); 15 | } 16 | } 17 | .navbar-toggle { 18 | font-size: 12px; 19 | font-weight: 700; 20 | text-transform: uppercase; 21 | color: $gray-darker; 22 | } 23 | .navbar-nav { 24 | > li.nav-item { 25 | > a.nav-link:focus, 26 | > a.nav-link { 27 | font-size: 13px; 28 | font-weight: 700; 29 | text-transform: uppercase; 30 | color: $gray-darker; 31 | &:hover { 32 | color: $theme-primary; 33 | } 34 | &.active { 35 | color: $theme-primary !important; 36 | background-color: transparent; 37 | &:hover { 38 | background-color: transparent; 39 | } 40 | } 41 | } 42 | } 43 | } 44 | @media (min-width: 992px) { 45 | border-color: fade-out(white, .7); 46 | background-color: transparent; 47 | .navbar-brand { 48 | color: fade-out(white, .3); 49 | &:focus, 50 | &:hover { 51 | color: white; 52 | } 53 | } 54 | .navbar-nav > li.nav-item > a.nav-link, 55 | .navbar-nav > li.nav-item > a.nav-link:focus { 56 | color: fade-out(white, .3); 57 | &:hover { 58 | color: white; 59 | } 60 | } 61 | &.navbar-shrink { 62 | border-color: fade-out($gray-darker, .95); 63 | background-color: white; 64 | .navbar-brand { 65 | font-size: 16px; 66 | color: $theme-primary; 67 | &:focus, 68 | &:hover { 69 | color: darken($theme-primary, .1); 70 | } 71 | } 72 | .navbar-nav > li.nav-item > a.nav-link, 73 | .navbar-nav > li.nav-item > a.nav-link:focus { 74 | color: $gray-darker; 75 | &:hover { 76 | color: $theme-primary; 77 | } 78 | } 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /Portfolio/scss/_navbar.scss: -------------------------------------------------------------------------------- 1 | // Styling for the navbar 2 | #mainNav { 3 | border-color: fade-out($gray-darker, .95); 4 | background-color: white; 5 | @include sans-serif-font; 6 | @include transition-all; 7 | .navbar-brand { 8 | font-weight: 700; 9 | text-transform: uppercase; 10 | color: $theme-primary; 11 | @include sans-serif-font; 12 | &:focus, 13 | &:hover { 14 | color: darken($theme-primary, .1); 15 | } 16 | } 17 | .navbar-toggle { 18 | font-size: 12px; 19 | font-weight: 700; 20 | text-transform: uppercase; 21 | color: $gray-darker; 22 | } 23 | .navbar-nav { 24 | > li.nav-item { 25 | > a.nav-link:focus, 26 | > a.nav-link { 27 | font-size: 13px; 28 | font-weight: 700; 29 | text-transform: uppercase; 30 | color: $gray-darker; 31 | &:hover { 32 | color: $theme-primary; 33 | } 34 | &.active { 35 | color: $theme-primary !important; 36 | background-color: transparent; 37 | &:hover { 38 | background-color: transparent; 39 | } 40 | } 41 | } 42 | } 43 | } 44 | @media (min-width: 992px) { 45 | border-color: fade-out(white, .7); 46 | background-color: transparent; 47 | .navbar-brand { 48 | color: fade-out(white, .3); 49 | &:focus, 50 | &:hover { 51 | color: white; 52 | } 53 | } 54 | .navbar-nav > li.nav-item > a.nav-link, 55 | .navbar-nav > li.nav-item > a.nav-link:focus { 56 | color: fade-out(white, .3); 57 | &:hover { 58 | color: white; 59 | } 60 | } 61 | &.navbar-shrink { 62 | border-color: fade-out($gray-darker, .95); 63 | background-color: white; 64 | .navbar-brand { 65 | font-size: 16px; 66 | color: $theme-primary; 67 | &:focus, 68 | &:hover { 69 | color: darken($theme-primary, .1); 70 | } 71 | } 72 | .navbar-nav > li.nav-item > a.nav-link, 73 | .navbar-nav > li.nav-item > a.nav-link:focus { 74 | color: $gray-darker; 75 | &:hover { 76 | color: $theme-primary; 77 | } 78 | } 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /vendor/jquery-easing/jquery.easing.min.js: -------------------------------------------------------------------------------- 1 | (function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})}); -------------------------------------------------------------------------------- /Portfolio/vendor/jquery-easing/jquery.easing.min.js: -------------------------------------------------------------------------------- 1 | (function(factory){if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else if(typeof module==="object"&&typeof module.exports==="object"){exports=factory(require("jquery"))}else{factory(jQuery)}})(function($){$.easing.jswing=$.easing.swing;var pow=Math.pow,sqrt=Math.sqrt,sin=Math.sin,cos=Math.cos,PI=Math.PI,c1=1.70158,c2=c1*1.525,c3=c1+1,c4=2*PI/3,c5=2*PI/4.5;function bounceOut(x){var n1=7.5625,d1=2.75;if(x<1/d1){return n1*x*x}else if(x<2/d1){return n1*(x-=1.5/d1)*x+.75}else if(x<2.5/d1){return n1*(x-=2.25/d1)*x+.9375}else{return n1*(x-=2.625/d1)*x+.984375}}$.extend($.easing,{def:"easeOutQuad",swing:function(x){return $.easing[$.easing.def](x)},easeInQuad:function(x){return x*x},easeOutQuad:function(x){return 1-(1-x)*(1-x)},easeInOutQuad:function(x){return x<.5?2*x*x:1-pow(-2*x+2,2)/2},easeInCubic:function(x){return x*x*x},easeOutCubic:function(x){return 1-pow(1-x,3)},easeInOutCubic:function(x){return x<.5?4*x*x*x:1-pow(-2*x+2,3)/2},easeInQuart:function(x){return x*x*x*x},easeOutQuart:function(x){return 1-pow(1-x,4)},easeInOutQuart:function(x){return x<.5?8*x*x*x*x:1-pow(-2*x+2,4)/2},easeInQuint:function(x){return x*x*x*x*x},easeOutQuint:function(x){return 1-pow(1-x,5)},easeInOutQuint:function(x){return x<.5?16*x*x*x*x*x:1-pow(-2*x+2,5)/2},easeInSine:function(x){return 1-cos(x*PI/2)},easeOutSine:function(x){return sin(x*PI/2)},easeInOutSine:function(x){return-(cos(PI*x)-1)/2},easeInExpo:function(x){return x===0?0:pow(2,10*x-10)},easeOutExpo:function(x){return x===1?1:1-pow(2,-10*x)},easeInOutExpo:function(x){return x===0?0:x===1?1:x<.5?pow(2,20*x-10)/2:(2-pow(2,-20*x+10))/2},easeInCirc:function(x){return 1-sqrt(1-pow(x,2))},easeOutCirc:function(x){return sqrt(1-pow(x-1,2))},easeInOutCirc:function(x){return x<.5?(1-sqrt(1-pow(2*x,2)))/2:(sqrt(1-pow(-2*x+2,2))+1)/2},easeInElastic:function(x){return x===0?0:x===1?1:-pow(2,10*x-10)*sin((x*10-10.75)*c4)},easeOutElastic:function(x){return x===0?0:x===1?1:pow(2,-10*x)*sin((x*10-.75)*c4)+1},easeInOutElastic:function(x){return x===0?0:x===1?1:x<.5?-(pow(2,20*x-10)*sin((20*x-11.125)*c5))/2:pow(2,-20*x+10)*sin((20*x-11.125)*c5)/2+1},easeInBack:function(x){return c3*x*x*x-c1*x*x},easeOutBack:function(x){return 1+c3*pow(x-1,3)+c1*pow(x-1,2)},easeInOutBack:function(x){return x<.5?pow(2*x,2)*((c2+1)*2*x-c2)/2:(pow(2*x-2,2)*((c2+1)*(x*2-2)+c2)+2)/2},easeInBounce:function(x){return 1-bounceOut(1-x)},easeOutBounce:bounceOut,easeInOutBounce:function(x){return x<.5?(1-bounceOut(1-2*x))/2:(1+bounceOut(2*x-1))/2}})}); -------------------------------------------------------------------------------- /vendor/bootstrap/css/bootstrap-reboot.min.css: -------------------------------------------------------------------------------- 1 | html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important} 2 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */ -------------------------------------------------------------------------------- /Portfolio/vendor/bootstrap/css/bootstrap-reboot.min.css: -------------------------------------------------------------------------------- 1 | html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important} 2 | /*# sourceMappingURL=bootstrap-reboot.min.css.map */ -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var sass = require('gulp-sass'); 3 | var browserSync = require('browser-sync').create(); 4 | var header = require('gulp-header'); 5 | var cleanCSS = require('gulp-clean-css'); 6 | var rename = require("gulp-rename"); 7 | var uglify = require('gulp-uglify'); 8 | var pkg = require('./package.json'); 9 | 10 | // Set the banner content 11 | var banner = ['/*!\n', 12 | ' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n', 13 | ' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n', 14 | ' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n', 15 | ' */\n', 16 | '' 17 | ].join(''); 18 | 19 | // Compiles SCSS files from /scss into /css 20 | gulp.task('sass', function() { 21 | return gulp.src('scss/creative.scss') 22 | .pipe(sass()) 23 | .pipe(header(banner, { 24 | pkg: pkg 25 | })) 26 | .pipe(gulp.dest('css')) 27 | .pipe(browserSync.reload({ 28 | stream: true 29 | })) 30 | }); 31 | 32 | // Minify compiled CSS 33 | gulp.task('minify-css', ['sass'], function() { 34 | return gulp.src('css/creative.css') 35 | .pipe(cleanCSS({ 36 | compatibility: 'ie8' 37 | })) 38 | .pipe(rename({ 39 | suffix: '.min' 40 | })) 41 | .pipe(gulp.dest('css')) 42 | .pipe(browserSync.reload({ 43 | stream: true 44 | })) 45 | }); 46 | 47 | // Minify custom JS 48 | gulp.task('minify-js', function() { 49 | return gulp.src('js/creative.js') 50 | .pipe(uglify()) 51 | .pipe(header(banner, { 52 | pkg: pkg 53 | })) 54 | .pipe(rename({ 55 | suffix: '.min' 56 | })) 57 | .pipe(gulp.dest('js')) 58 | .pipe(browserSync.reload({ 59 | stream: true 60 | })) 61 | }); 62 | 63 | // Copy vendor files from /node_modules into /vendor 64 | // NOTE: requires `npm install` before running! 65 | gulp.task('copy', function() { 66 | gulp.src([ 67 | 'node_modules/bootstrap/dist/**/*', 68 | '!**/npm.js', 69 | '!**/bootstrap-theme.*', 70 | '!**/*.map' 71 | ]) 72 | .pipe(gulp.dest('vendor/bootstrap')) 73 | 74 | gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js']) 75 | .pipe(gulp.dest('vendor/jquery')) 76 | 77 | gulp.src(['node_modules/magnific-popup/dist/*']) 78 | .pipe(gulp.dest('vendor/magnific-popup')) 79 | 80 | gulp.src(['node_modules/scrollreveal/dist/*.js']) 81 | .pipe(gulp.dest('vendor/scrollreveal')) 82 | 83 | gulp.src(['node_modules/popper.js/dist/umd/popper.js', 'node_modules/popper.js/dist/umd/popper.min.js']) 84 | .pipe(gulp.dest('vendor/popper')) 85 | 86 | gulp.src(['node_modules/jquery.easing/*.js']) 87 | .pipe(gulp.dest('vendor/jquery-easing')) 88 | 89 | gulp.src([ 90 | 'node_modules/font-awesome/**', 91 | '!node_modules/font-awesome/**/*.map', 92 | '!node_modules/font-awesome/.npmignore', 93 | '!node_modules/font-awesome/*.txt', 94 | '!node_modules/font-awesome/*.md', 95 | '!node_modules/font-awesome/*.json' 96 | ]) 97 | .pipe(gulp.dest('vendor/font-awesome')) 98 | }) 99 | 100 | // Default task 101 | gulp.task('default', ['sass', 'minify-css', 'minify-js', 'copy']); 102 | 103 | // Configure the browserSync task 104 | gulp.task('browserSync', function() { 105 | browserSync.init({ 106 | server: { 107 | baseDir: '' 108 | }, 109 | }) 110 | }) 111 | 112 | // Dev task with browserSync 113 | gulp.task('dev', ['browserSync', 'sass', 'minify-css', 'minify-js'], function() { 114 | gulp.watch('scss/*.scss', ['sass']); 115 | gulp.watch('css/*.css', ['minify-css']); 116 | gulp.watch('js/*.js', ['minify-js']); 117 | // Reloads the browser whenever HTML or JS files change 118 | gulp.watch('*.html', browserSync.reload); 119 | gulp.watch('js/**/*.js', browserSync.reload); 120 | }); 121 | -------------------------------------------------------------------------------- /Portfolio/gulpfile.js: -------------------------------------------------------------------------------- 1 | var gulp = require('gulp'); 2 | var sass = require('gulp-sass'); 3 | var browserSync = require('browser-sync').create(); 4 | var header = require('gulp-header'); 5 | var cleanCSS = require('gulp-clean-css'); 6 | var rename = require("gulp-rename"); 7 | var uglify = require('gulp-uglify'); 8 | var pkg = require('./package.json'); 9 | 10 | // Set the banner content 11 | var banner = ['/*!\n', 12 | ' * Start Bootstrap - <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n', 13 | ' * Copyright 2013-' + (new Date()).getFullYear(), ' <%= pkg.author %>\n', 14 | ' * Licensed under <%= pkg.license %> (https://github.com/BlackrockDigital/<%= pkg.name %>/blob/master/LICENSE)\n', 15 | ' */\n', 16 | '' 17 | ].join(''); 18 | 19 | // Compiles SCSS files from /scss into /css 20 | gulp.task('sass', function() { 21 | return gulp.src('scss/creative.scss') 22 | .pipe(sass()) 23 | .pipe(header(banner, { 24 | pkg: pkg 25 | })) 26 | .pipe(gulp.dest('css')) 27 | .pipe(browserSync.reload({ 28 | stream: true 29 | })) 30 | }); 31 | 32 | // Minify compiled CSS 33 | gulp.task('minify-css', ['sass'], function() { 34 | return gulp.src('css/creative.css') 35 | .pipe(cleanCSS({ 36 | compatibility: 'ie8' 37 | })) 38 | .pipe(rename({ 39 | suffix: '.min' 40 | })) 41 | .pipe(gulp.dest('css')) 42 | .pipe(browserSync.reload({ 43 | stream: true 44 | })) 45 | }); 46 | 47 | // Minify custom JS 48 | gulp.task('minify-js', function() { 49 | return gulp.src('js/creative.js') 50 | .pipe(uglify()) 51 | .pipe(header(banner, { 52 | pkg: pkg 53 | })) 54 | .pipe(rename({ 55 | suffix: '.min' 56 | })) 57 | .pipe(gulp.dest('js')) 58 | .pipe(browserSync.reload({ 59 | stream: true 60 | })) 61 | }); 62 | 63 | // Copy vendor files from /node_modules into /vendor 64 | // NOTE: requires `npm install` before running! 65 | gulp.task('copy', function() { 66 | gulp.src([ 67 | 'node_modules/bootstrap/dist/**/*', 68 | '!**/npm.js', 69 | '!**/bootstrap-theme.*', 70 | '!**/*.map' 71 | ]) 72 | .pipe(gulp.dest('vendor/bootstrap')) 73 | 74 | gulp.src(['node_modules/jquery/dist/jquery.js', 'node_modules/jquery/dist/jquery.min.js']) 75 | .pipe(gulp.dest('vendor/jquery')) 76 | 77 | gulp.src(['node_modules/magnific-popup/dist/*']) 78 | .pipe(gulp.dest('vendor/magnific-popup')) 79 | 80 | gulp.src(['node_modules/scrollreveal/dist/*.js']) 81 | .pipe(gulp.dest('vendor/scrollreveal')) 82 | 83 | gulp.src(['node_modules/popper.js/dist/umd/popper.js', 'node_modules/popper.js/dist/umd/popper.min.js']) 84 | .pipe(gulp.dest('vendor/popper')) 85 | 86 | gulp.src(['node_modules/jquery.easing/*.js']) 87 | .pipe(gulp.dest('vendor/jquery-easing')) 88 | 89 | gulp.src([ 90 | 'node_modules/font-awesome/**', 91 | '!node_modules/font-awesome/**/*.map', 92 | '!node_modules/font-awesome/.npmignore', 93 | '!node_modules/font-awesome/*.txt', 94 | '!node_modules/font-awesome/*.md', 95 | '!node_modules/font-awesome/*.json' 96 | ]) 97 | .pipe(gulp.dest('vendor/font-awesome')) 98 | }) 99 | 100 | // Default task 101 | gulp.task('default', ['sass', 'minify-css', 'minify-js', 'copy']); 102 | 103 | // Configure the browserSync task 104 | gulp.task('browserSync', function() { 105 | browserSync.init({ 106 | server: { 107 | baseDir: '' 108 | }, 109 | }) 110 | }) 111 | 112 | // Dev task with browserSync 113 | gulp.task('dev', ['browserSync', 'sass', 'minify-css', 'minify-js'], function() { 114 | gulp.watch('scss/*.scss', ['sass']); 115 | gulp.watch('css/*.css', ['minify-css']); 116 | gulp.watch('js/*.js', ['minify-js']); 117 | // Reloads the browser whenever HTML or JS files change 118 | gulp.watch('*.html', browserSync.reload); 119 | gulp.watch('js/**/*.js', browserSync.reload); 120 | }); 121 | -------------------------------------------------------------------------------- /Portfolio/README.md: -------------------------------------------------------------------------------- 1 | # [Start Bootstrap - Creative](https://startbootstrap.com/template-overviews/creative/) 2 | 3 | [Creative](http://startbootstrap.com/template-overviews/creative/) is a one page creative theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). 4 | 5 | ## Preview 6 | 7 | [![Creative Preview](https://startbootstrap.com/assets/img/templates/creative.jpg)](https://blackrockdigital.github.io/startbootstrap-creative/) 8 | 9 | **[View Live Preview](https://blackrockdigital.github.io/startbootstrap-creative/)** 10 | 11 | ## Status 12 | 13 | [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/BlackrockDigital/startbootstrap-creative/master/LICENSE) 14 | [![npm version](https://img.shields.io/npm/v/startbootstrap-creative.svg)](https://www.npmjs.com/package/startbootstrap-creative) 15 | [![Build Status](https://travis-ci.org/BlackrockDigital/startbootstrap-creative.svg?branch=master)](https://travis-ci.org/BlackrockDigital/startbootstrap-creative) 16 | [![dependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-creative/status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-creative) 17 | [![devDependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-creative/dev-status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-creative?type=dev) 18 | 19 | ## Download and Installation 20 | 21 | To begin using this template, choose one of the following options to get started: 22 | * [Download the latest release on Start Bootstrap](https://startbootstrap.com/template-overviews/creative/) 23 | * Install via npm: `npm i startbootstrap-creative` 24 | * Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-creative.git` 25 | * [Fork, Clone, or Download on GitHub](https://github.com/BlackrockDigital/startbootstrap-creative) 26 | 27 | ## Usage 28 | 29 | ### Basic Usage 30 | 31 | After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser. 32 | 33 | ### Advanced Usage 34 | 35 | After installation, run `npm install` and then run `gulp dev` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment. 36 | 37 | ## Bugs and Issues 38 | 39 | Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-creative/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/creative/). 40 | 41 | ## Custom Builds 42 | 43 | You can hire Start Bootstrap to create a custom build of any template, or create something from scratch using Bootstrap. For more information, visit the **[custom design services page](https://startbootstrap.com/bootstrap-design-services/)**. 44 | 45 | ## About 46 | 47 | Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects. 48 | 49 | * https://startbootstrap.com 50 | * https://twitter.com/SBootstrap 51 | 52 | Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/). 53 | 54 | * http://davidmiller.io 55 | * https://twitter.com/davidmillerskt 56 | * https://github.com/davidtmiller 57 | 58 | Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat). 59 | 60 | ## Copyright and License 61 | 62 | Copyright 2013-2017 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-creative/blob/gh-pages/LICENSE) license. 63 | -------------------------------------------------------------------------------- /vendor/jquery-easing/jquery.easing.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/ 3 | * Open source under the BSD License. 4 | * Copyright © 2008 George McGinley Smith 5 | * All rights reserved. 6 | * https://raw.github.com/gdsmith/jquery-easing/master/LICENSE 7 | */ 8 | 9 | (function (factory) { 10 | if (typeof define === "function" && define.amd) { 11 | define(['jquery'], function ($) { 12 | return factory($); 13 | }); 14 | } else if (typeof module === "object" && typeof module.exports === "object") { 15 | exports = factory(require('jquery')); 16 | } else { 17 | factory(jQuery); 18 | } 19 | })(function($){ 20 | 21 | // Preserve the original jQuery "swing" easing as "jswing" 22 | $.easing.jswing = $.easing.swing; 23 | 24 | var pow = Math.pow, 25 | sqrt = Math.sqrt, 26 | sin = Math.sin, 27 | cos = Math.cos, 28 | PI = Math.PI, 29 | c1 = 1.70158, 30 | c2 = c1 * 1.525, 31 | c3 = c1 + 1, 32 | c4 = ( 2 * PI ) / 3, 33 | c5 = ( 2 * PI ) / 4.5; 34 | 35 | // x is the fraction of animation progress, in the range 0..1 36 | function bounceOut(x) { 37 | var n1 = 7.5625, 38 | d1 = 2.75; 39 | if ( x < 1/d1 ) { 40 | return n1*x*x; 41 | } else if ( x < 2/d1 ) { 42 | return n1*(x-=(1.5/d1))*x + 0.75; 43 | } else if ( x < 2.5/d1 ) { 44 | return n1*(x-=(2.25/d1))*x + 0.9375; 45 | } else { 46 | return n1*(x-=(2.625/d1))*x + 0.984375; 47 | } 48 | } 49 | 50 | $.extend( $.easing, 51 | { 52 | def: 'easeOutQuad', 53 | swing: function (x) { 54 | return $.easing[$.easing.def](x); 55 | }, 56 | easeInQuad: function (x) { 57 | return x * x; 58 | }, 59 | easeOutQuad: function (x) { 60 | return 1 - ( 1 - x ) * ( 1 - x ); 61 | }, 62 | easeInOutQuad: function (x) { 63 | return x < 0.5 ? 64 | 2 * x * x : 65 | 1 - pow( -2 * x + 2, 2 ) / 2; 66 | }, 67 | easeInCubic: function (x) { 68 | return x * x * x; 69 | }, 70 | easeOutCubic: function (x) { 71 | return 1 - pow( 1 - x, 3 ); 72 | }, 73 | easeInOutCubic: function (x) { 74 | return x < 0.5 ? 75 | 4 * x * x * x : 76 | 1 - pow( -2 * x + 2, 3 ) / 2; 77 | }, 78 | easeInQuart: function (x) { 79 | return x * x * x * x; 80 | }, 81 | easeOutQuart: function (x) { 82 | return 1 - pow( 1 - x, 4 ); 83 | }, 84 | easeInOutQuart: function (x) { 85 | return x < 0.5 ? 86 | 8 * x * x * x * x : 87 | 1 - pow( -2 * x + 2, 4 ) / 2; 88 | }, 89 | easeInQuint: function (x) { 90 | return x * x * x * x * x; 91 | }, 92 | easeOutQuint: function (x) { 93 | return 1 - pow( 1 - x, 5 ); 94 | }, 95 | easeInOutQuint: function (x) { 96 | return x < 0.5 ? 97 | 16 * x * x * x * x * x : 98 | 1 - pow( -2 * x + 2, 5 ) / 2; 99 | }, 100 | easeInSine: function (x) { 101 | return 1 - cos( x * PI/2 ); 102 | }, 103 | easeOutSine: function (x) { 104 | return sin( x * PI/2 ); 105 | }, 106 | easeInOutSine: function (x) { 107 | return -( cos( PI * x ) - 1 ) / 2; 108 | }, 109 | easeInExpo: function (x) { 110 | return x === 0 ? 0 : pow( 2, 10 * x - 10 ); 111 | }, 112 | easeOutExpo: function (x) { 113 | return x === 1 ? 1 : 1 - pow( 2, -10 * x ); 114 | }, 115 | easeInOutExpo: function (x) { 116 | return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? 117 | pow( 2, 20 * x - 10 ) / 2 : 118 | ( 2 - pow( 2, -20 * x + 10 ) ) / 2; 119 | }, 120 | easeInCirc: function (x) { 121 | return 1 - sqrt( 1 - pow( x, 2 ) ); 122 | }, 123 | easeOutCirc: function (x) { 124 | return sqrt( 1 - pow( x - 1, 2 ) ); 125 | }, 126 | easeInOutCirc: function (x) { 127 | return x < 0.5 ? 128 | ( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 : 129 | ( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2; 130 | }, 131 | easeInElastic: function (x) { 132 | return x === 0 ? 0 : x === 1 ? 1 : 133 | -pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 ); 134 | }, 135 | easeOutElastic: function (x) { 136 | return x === 0 ? 0 : x === 1 ? 1 : 137 | pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1; 138 | }, 139 | easeInOutElastic: function (x) { 140 | return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? 141 | -( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 : 142 | pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1; 143 | }, 144 | easeInBack: function (x) { 145 | return c3 * x * x * x - c1 * x * x; 146 | }, 147 | easeOutBack: function (x) { 148 | return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 ); 149 | }, 150 | easeInOutBack: function (x) { 151 | return x < 0.5 ? 152 | ( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 : 153 | ( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2; 154 | }, 155 | easeInBounce: function (x) { 156 | return 1 - bounceOut( 1 - x ); 157 | }, 158 | easeOutBounce: bounceOut, 159 | easeInOutBounce: function (x) { 160 | return x < 0.5 ? 161 | ( 1 - bounceOut( 1 - 2 * x ) ) / 2 : 162 | ( 1 + bounceOut( 2 * x - 1 ) ) / 2; 163 | } 164 | }); 165 | 166 | }); 167 | -------------------------------------------------------------------------------- /Portfolio/vendor/jquery-easing/jquery.easing.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/ 3 | * Open source under the BSD License. 4 | * Copyright © 2008 George McGinley Smith 5 | * All rights reserved. 6 | * https://raw.github.com/gdsmith/jquery-easing/master/LICENSE 7 | */ 8 | 9 | (function (factory) { 10 | if (typeof define === "function" && define.amd) { 11 | define(['jquery'], function ($) { 12 | return factory($); 13 | }); 14 | } else if (typeof module === "object" && typeof module.exports === "object") { 15 | exports = factory(require('jquery')); 16 | } else { 17 | factory(jQuery); 18 | } 19 | })(function($){ 20 | 21 | // Preserve the original jQuery "swing" easing as "jswing" 22 | $.easing.jswing = $.easing.swing; 23 | 24 | var pow = Math.pow, 25 | sqrt = Math.sqrt, 26 | sin = Math.sin, 27 | cos = Math.cos, 28 | PI = Math.PI, 29 | c1 = 1.70158, 30 | c2 = c1 * 1.525, 31 | c3 = c1 + 1, 32 | c4 = ( 2 * PI ) / 3, 33 | c5 = ( 2 * PI ) / 4.5; 34 | 35 | // x is the fraction of animation progress, in the range 0..1 36 | function bounceOut(x) { 37 | var n1 = 7.5625, 38 | d1 = 2.75; 39 | if ( x < 1/d1 ) { 40 | return n1*x*x; 41 | } else if ( x < 2/d1 ) { 42 | return n1*(x-=(1.5/d1))*x + 0.75; 43 | } else if ( x < 2.5/d1 ) { 44 | return n1*(x-=(2.25/d1))*x + 0.9375; 45 | } else { 46 | return n1*(x-=(2.625/d1))*x + 0.984375; 47 | } 48 | } 49 | 50 | $.extend( $.easing, 51 | { 52 | def: 'easeOutQuad', 53 | swing: function (x) { 54 | return $.easing[$.easing.def](x); 55 | }, 56 | easeInQuad: function (x) { 57 | return x * x; 58 | }, 59 | easeOutQuad: function (x) { 60 | return 1 - ( 1 - x ) * ( 1 - x ); 61 | }, 62 | easeInOutQuad: function (x) { 63 | return x < 0.5 ? 64 | 2 * x * x : 65 | 1 - pow( -2 * x + 2, 2 ) / 2; 66 | }, 67 | easeInCubic: function (x) { 68 | return x * x * x; 69 | }, 70 | easeOutCubic: function (x) { 71 | return 1 - pow( 1 - x, 3 ); 72 | }, 73 | easeInOutCubic: function (x) { 74 | return x < 0.5 ? 75 | 4 * x * x * x : 76 | 1 - pow( -2 * x + 2, 3 ) / 2; 77 | }, 78 | easeInQuart: function (x) { 79 | return x * x * x * x; 80 | }, 81 | easeOutQuart: function (x) { 82 | return 1 - pow( 1 - x, 4 ); 83 | }, 84 | easeInOutQuart: function (x) { 85 | return x < 0.5 ? 86 | 8 * x * x * x * x : 87 | 1 - pow( -2 * x + 2, 4 ) / 2; 88 | }, 89 | easeInQuint: function (x) { 90 | return x * x * x * x * x; 91 | }, 92 | easeOutQuint: function (x) { 93 | return 1 - pow( 1 - x, 5 ); 94 | }, 95 | easeInOutQuint: function (x) { 96 | return x < 0.5 ? 97 | 16 * x * x * x * x * x : 98 | 1 - pow( -2 * x + 2, 5 ) / 2; 99 | }, 100 | easeInSine: function (x) { 101 | return 1 - cos( x * PI/2 ); 102 | }, 103 | easeOutSine: function (x) { 104 | return sin( x * PI/2 ); 105 | }, 106 | easeInOutSine: function (x) { 107 | return -( cos( PI * x ) - 1 ) / 2; 108 | }, 109 | easeInExpo: function (x) { 110 | return x === 0 ? 0 : pow( 2, 10 * x - 10 ); 111 | }, 112 | easeOutExpo: function (x) { 113 | return x === 1 ? 1 : 1 - pow( 2, -10 * x ); 114 | }, 115 | easeInOutExpo: function (x) { 116 | return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? 117 | pow( 2, 20 * x - 10 ) / 2 : 118 | ( 2 - pow( 2, -20 * x + 10 ) ) / 2; 119 | }, 120 | easeInCirc: function (x) { 121 | return 1 - sqrt( 1 - pow( x, 2 ) ); 122 | }, 123 | easeOutCirc: function (x) { 124 | return sqrt( 1 - pow( x - 1, 2 ) ); 125 | }, 126 | easeInOutCirc: function (x) { 127 | return x < 0.5 ? 128 | ( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 : 129 | ( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2; 130 | }, 131 | easeInElastic: function (x) { 132 | return x === 0 ? 0 : x === 1 ? 1 : 133 | -pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 ); 134 | }, 135 | easeOutElastic: function (x) { 136 | return x === 0 ? 0 : x === 1 ? 1 : 137 | pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1; 138 | }, 139 | easeInOutElastic: function (x) { 140 | return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? 141 | -( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 : 142 | pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1; 143 | }, 144 | easeInBack: function (x) { 145 | return c3 * x * x * x - c1 * x * x; 146 | }, 147 | easeOutBack: function (x) { 148 | return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 ); 149 | }, 150 | easeInOutBack: function (x) { 151 | return x < 0.5 ? 152 | ( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 : 153 | ( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2; 154 | }, 155 | easeInBounce: function (x) { 156 | return 1 - bounceOut( 1 - x ); 157 | }, 158 | easeOutBounce: bounceOut, 159 | easeInOutBounce: function (x) { 160 | return x < 0.5 ? 161 | ( 1 - bounceOut( 1 - 2 * x ) ) / 2 : 162 | ( 1 + bounceOut( 2 * x - 1 ) ) / 2; 163 | } 164 | }); 165 | 166 | }); 167 | -------------------------------------------------------------------------------- /vendor/bootstrap/css/bootstrap-reboot.css: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | font-family: sans-serif; 4 | line-height: 1.15; 5 | -webkit-text-size-adjust: 100%; 6 | -ms-text-size-adjust: 100%; 7 | -ms-overflow-style: scrollbar; 8 | -webkit-tap-highlight-color: transparent; 9 | } 10 | 11 | *, 12 | *::before, 13 | *::after { 14 | box-sizing: inherit; 15 | } 16 | 17 | @-ms-viewport { 18 | width: device-width; 19 | } 20 | 21 | article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { 22 | display: block; 23 | } 24 | 25 | body { 26 | margin: 0; 27 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 28 | font-size: 1rem; 29 | font-weight: normal; 30 | line-height: 1.5; 31 | color: #212529; 32 | background-color: #fff; 33 | } 34 | 35 | [tabindex="-1"]:focus { 36 | outline: none !important; 37 | } 38 | 39 | hr { 40 | box-sizing: content-box; 41 | height: 0; 42 | overflow: visible; 43 | } 44 | 45 | h1, h2, h3, h4, h5, h6 { 46 | margin-top: 0; 47 | margin-bottom: .5rem; 48 | } 49 | 50 | p { 51 | margin-top: 0; 52 | margin-bottom: 1rem; 53 | } 54 | 55 | abbr[title], 56 | abbr[data-original-title] { 57 | text-decoration: underline; 58 | -webkit-text-decoration: underline dotted; 59 | text-decoration: underline dotted; 60 | cursor: help; 61 | border-bottom: 0; 62 | } 63 | 64 | address { 65 | margin-bottom: 1rem; 66 | font-style: normal; 67 | line-height: inherit; 68 | } 69 | 70 | ol, 71 | ul, 72 | dl { 73 | margin-top: 0; 74 | margin-bottom: 1rem; 75 | } 76 | 77 | ol ol, 78 | ul ul, 79 | ol ul, 80 | ul ol { 81 | margin-bottom: 0; 82 | } 83 | 84 | dt { 85 | font-weight: bold; 86 | } 87 | 88 | dd { 89 | margin-bottom: .5rem; 90 | margin-left: 0; 91 | } 92 | 93 | blockquote { 94 | margin: 0 0 1rem; 95 | } 96 | 97 | dfn { 98 | font-style: italic; 99 | } 100 | 101 | b, 102 | strong { 103 | font-weight: bolder; 104 | } 105 | 106 | small { 107 | font-size: 80%; 108 | } 109 | 110 | sub, 111 | sup { 112 | position: relative; 113 | font-size: 75%; 114 | line-height: 0; 115 | vertical-align: baseline; 116 | } 117 | 118 | sub { 119 | bottom: -.25em; 120 | } 121 | 122 | sup { 123 | top: -.5em; 124 | } 125 | 126 | a { 127 | color: #007bff; 128 | text-decoration: none; 129 | background-color: transparent; 130 | -webkit-text-decoration-skip: objects; 131 | } 132 | 133 | a:hover { 134 | color: #0056b3; 135 | text-decoration: underline; 136 | } 137 | 138 | a:not([href]):not([tabindex]) { 139 | color: inherit; 140 | text-decoration: none; 141 | } 142 | 143 | a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { 144 | color: inherit; 145 | text-decoration: none; 146 | } 147 | 148 | a:not([href]):not([tabindex]):focus { 149 | outline: 0; 150 | } 151 | 152 | pre, 153 | code, 154 | kbd, 155 | samp { 156 | font-family: monospace, monospace; 157 | font-size: 1em; 158 | } 159 | 160 | pre { 161 | margin-top: 0; 162 | margin-bottom: 1rem; 163 | overflow: auto; 164 | } 165 | 166 | figure { 167 | margin: 0 0 1rem; 168 | } 169 | 170 | img { 171 | vertical-align: middle; 172 | border-style: none; 173 | } 174 | 175 | svg:not(:root) { 176 | overflow: hidden; 177 | } 178 | 179 | a, 180 | area, 181 | button, 182 | [role="button"], 183 | input, 184 | label, 185 | select, 186 | summary, 187 | textarea { 188 | -ms-touch-action: manipulation; 189 | touch-action: manipulation; 190 | } 191 | 192 | table { 193 | border-collapse: collapse; 194 | } 195 | 196 | caption { 197 | padding-top: 0.75rem; 198 | padding-bottom: 0.75rem; 199 | color: #868e96; 200 | text-align: left; 201 | caption-side: bottom; 202 | } 203 | 204 | th { 205 | text-align: left; 206 | } 207 | 208 | label { 209 | display: inline-block; 210 | margin-bottom: .5rem; 211 | } 212 | 213 | button:focus { 214 | outline: 1px dotted; 215 | outline: 5px auto -webkit-focus-ring-color; 216 | } 217 | 218 | input, 219 | button, 220 | select, 221 | optgroup, 222 | textarea { 223 | margin: 0; 224 | font-family: inherit; 225 | font-size: inherit; 226 | line-height: inherit; 227 | } 228 | 229 | button, 230 | input { 231 | overflow: visible; 232 | } 233 | 234 | button, 235 | select { 236 | text-transform: none; 237 | } 238 | 239 | button, 240 | html [type="button"], 241 | [type="reset"], 242 | [type="submit"] { 243 | -webkit-appearance: button; 244 | } 245 | 246 | button::-moz-focus-inner, 247 | [type="button"]::-moz-focus-inner, 248 | [type="reset"]::-moz-focus-inner, 249 | [type="submit"]::-moz-focus-inner { 250 | padding: 0; 251 | border-style: none; 252 | } 253 | 254 | input[type="radio"], 255 | input[type="checkbox"] { 256 | box-sizing: border-box; 257 | padding: 0; 258 | } 259 | 260 | input[type="date"], 261 | input[type="time"], 262 | input[type="datetime-local"], 263 | input[type="month"] { 264 | -webkit-appearance: listbox; 265 | } 266 | 267 | textarea { 268 | overflow: auto; 269 | resize: vertical; 270 | } 271 | 272 | fieldset { 273 | min-width: 0; 274 | padding: 0; 275 | margin: 0; 276 | border: 0; 277 | } 278 | 279 | legend { 280 | display: block; 281 | width: 100%; 282 | max-width: 100%; 283 | padding: 0; 284 | margin-bottom: .5rem; 285 | font-size: 1.5rem; 286 | line-height: inherit; 287 | color: inherit; 288 | white-space: normal; 289 | } 290 | 291 | progress { 292 | vertical-align: baseline; 293 | } 294 | 295 | [type="number"]::-webkit-inner-spin-button, 296 | [type="number"]::-webkit-outer-spin-button { 297 | height: auto; 298 | } 299 | 300 | [type="search"] { 301 | outline-offset: -2px; 302 | -webkit-appearance: none; 303 | } 304 | 305 | [type="search"]::-webkit-search-cancel-button, 306 | [type="search"]::-webkit-search-decoration { 307 | -webkit-appearance: none; 308 | } 309 | 310 | ::-webkit-file-upload-button { 311 | font: inherit; 312 | -webkit-appearance: button; 313 | } 314 | 315 | output { 316 | display: inline-block; 317 | } 318 | 319 | summary { 320 | display: list-item; 321 | } 322 | 323 | template { 324 | display: none; 325 | } 326 | 327 | [hidden] { 328 | display: none !important; 329 | } 330 | /*# sourceMappingURL=bootstrap-reboot.css.map */ -------------------------------------------------------------------------------- /Portfolio/vendor/bootstrap/css/bootstrap-reboot.css: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | font-family: sans-serif; 4 | line-height: 1.15; 5 | -webkit-text-size-adjust: 100%; 6 | -ms-text-size-adjust: 100%; 7 | -ms-overflow-style: scrollbar; 8 | -webkit-tap-highlight-color: transparent; 9 | } 10 | 11 | *, 12 | *::before, 13 | *::after { 14 | box-sizing: inherit; 15 | } 16 | 17 | @-ms-viewport { 18 | width: device-width; 19 | } 20 | 21 | article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { 22 | display: block; 23 | } 24 | 25 | body { 26 | margin: 0; 27 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 28 | font-size: 1rem; 29 | font-weight: normal; 30 | line-height: 1.5; 31 | color: #212529; 32 | background-color: #fff; 33 | } 34 | 35 | [tabindex="-1"]:focus { 36 | outline: none !important; 37 | } 38 | 39 | hr { 40 | box-sizing: content-box; 41 | height: 0; 42 | overflow: visible; 43 | } 44 | 45 | h1, h2, h3, h4, h5, h6 { 46 | margin-top: 0; 47 | margin-bottom: .5rem; 48 | } 49 | 50 | p { 51 | margin-top: 0; 52 | margin-bottom: 1rem; 53 | } 54 | 55 | abbr[title], 56 | abbr[data-original-title] { 57 | text-decoration: underline; 58 | -webkit-text-decoration: underline dotted; 59 | text-decoration: underline dotted; 60 | cursor: help; 61 | border-bottom: 0; 62 | } 63 | 64 | address { 65 | margin-bottom: 1rem; 66 | font-style: normal; 67 | line-height: inherit; 68 | } 69 | 70 | ol, 71 | ul, 72 | dl { 73 | margin-top: 0; 74 | margin-bottom: 1rem; 75 | } 76 | 77 | ol ol, 78 | ul ul, 79 | ol ul, 80 | ul ol { 81 | margin-bottom: 0; 82 | } 83 | 84 | dt { 85 | font-weight: bold; 86 | } 87 | 88 | dd { 89 | margin-bottom: .5rem; 90 | margin-left: 0; 91 | } 92 | 93 | blockquote { 94 | margin: 0 0 1rem; 95 | } 96 | 97 | dfn { 98 | font-style: italic; 99 | } 100 | 101 | b, 102 | strong { 103 | font-weight: bolder; 104 | } 105 | 106 | small { 107 | font-size: 80%; 108 | } 109 | 110 | sub, 111 | sup { 112 | position: relative; 113 | font-size: 75%; 114 | line-height: 0; 115 | vertical-align: baseline; 116 | } 117 | 118 | sub { 119 | bottom: -.25em; 120 | } 121 | 122 | sup { 123 | top: -.5em; 124 | } 125 | 126 | a { 127 | color: #007bff; 128 | text-decoration: none; 129 | background-color: transparent; 130 | -webkit-text-decoration-skip: objects; 131 | } 132 | 133 | a:hover { 134 | color: #0056b3; 135 | text-decoration: underline; 136 | } 137 | 138 | a:not([href]):not([tabindex]) { 139 | color: inherit; 140 | text-decoration: none; 141 | } 142 | 143 | a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { 144 | color: inherit; 145 | text-decoration: none; 146 | } 147 | 148 | a:not([href]):not([tabindex]):focus { 149 | outline: 0; 150 | } 151 | 152 | pre, 153 | code, 154 | kbd, 155 | samp { 156 | font-family: monospace, monospace; 157 | font-size: 1em; 158 | } 159 | 160 | pre { 161 | margin-top: 0; 162 | margin-bottom: 1rem; 163 | overflow: auto; 164 | } 165 | 166 | figure { 167 | margin: 0 0 1rem; 168 | } 169 | 170 | img { 171 | vertical-align: middle; 172 | border-style: none; 173 | } 174 | 175 | svg:not(:root) { 176 | overflow: hidden; 177 | } 178 | 179 | a, 180 | area, 181 | button, 182 | [role="button"], 183 | input, 184 | label, 185 | select, 186 | summary, 187 | textarea { 188 | -ms-touch-action: manipulation; 189 | touch-action: manipulation; 190 | } 191 | 192 | table { 193 | border-collapse: collapse; 194 | } 195 | 196 | caption { 197 | padding-top: 0.75rem; 198 | padding-bottom: 0.75rem; 199 | color: #868e96; 200 | text-align: left; 201 | caption-side: bottom; 202 | } 203 | 204 | th { 205 | text-align: left; 206 | } 207 | 208 | label { 209 | display: inline-block; 210 | margin-bottom: .5rem; 211 | } 212 | 213 | button:focus { 214 | outline: 1px dotted; 215 | outline: 5px auto -webkit-focus-ring-color; 216 | } 217 | 218 | input, 219 | button, 220 | select, 221 | optgroup, 222 | textarea { 223 | margin: 0; 224 | font-family: inherit; 225 | font-size: inherit; 226 | line-height: inherit; 227 | } 228 | 229 | button, 230 | input { 231 | overflow: visible; 232 | } 233 | 234 | button, 235 | select { 236 | text-transform: none; 237 | } 238 | 239 | button, 240 | html [type="button"], 241 | [type="reset"], 242 | [type="submit"] { 243 | -webkit-appearance: button; 244 | } 245 | 246 | button::-moz-focus-inner, 247 | [type="button"]::-moz-focus-inner, 248 | [type="reset"]::-moz-focus-inner, 249 | [type="submit"]::-moz-focus-inner { 250 | padding: 0; 251 | border-style: none; 252 | } 253 | 254 | input[type="radio"], 255 | input[type="checkbox"] { 256 | box-sizing: border-box; 257 | padding: 0; 258 | } 259 | 260 | input[type="date"], 261 | input[type="time"], 262 | input[type="datetime-local"], 263 | input[type="month"] { 264 | -webkit-appearance: listbox; 265 | } 266 | 267 | textarea { 268 | overflow: auto; 269 | resize: vertical; 270 | } 271 | 272 | fieldset { 273 | min-width: 0; 274 | padding: 0; 275 | margin: 0; 276 | border: 0; 277 | } 278 | 279 | legend { 280 | display: block; 281 | width: 100%; 282 | max-width: 100%; 283 | padding: 0; 284 | margin-bottom: .5rem; 285 | font-size: 1.5rem; 286 | line-height: inherit; 287 | color: inherit; 288 | white-space: normal; 289 | } 290 | 291 | progress { 292 | vertical-align: baseline; 293 | } 294 | 295 | [type="number"]::-webkit-inner-spin-button, 296 | [type="number"]::-webkit-outer-spin-button { 297 | height: auto; 298 | } 299 | 300 | [type="search"] { 301 | outline-offset: -2px; 302 | -webkit-appearance: none; 303 | } 304 | 305 | [type="search"]::-webkit-search-cancel-button, 306 | [type="search"]::-webkit-search-decoration { 307 | -webkit-appearance: none; 308 | } 309 | 310 | ::-webkit-file-upload-button { 311 | font: inherit; 312 | -webkit-appearance: button; 313 | } 314 | 315 | output { 316 | display: inline-block; 317 | } 318 | 319 | summary { 320 | display: list-item; 321 | } 322 | 323 | template { 324 | display: none; 325 | } 326 | 327 | [hidden] { 328 | display: none !important; 329 | } 330 | /*# sourceMappingURL=bootstrap-reboot.css.map */ -------------------------------------------------------------------------------- /css/creative.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Createive v4.0.0-beta (http://startbootstrap.com/template-overviews/creative) 3 | * Copyright 2013-2017 Start Bootstrap 4 | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE) 5 | */body,html{width:100%;height:100%}body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}hr{max-width:50px;border-width:3px;border-color:#7c028e}hr.light{border-color:#fff}a{color:#7c028e;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:focus,a:hover{color:#7c028e}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}p{font-size:16px;line-height:1.5;margin-bottom:20px}.bg-primary{background-color:#7c028e!important}.bg-dark{color:#fff;background-color:#222!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:100px 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#222;text-shadow:none}::selection{color:#fff;background:#222;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{-webkit-tap-highlight-color:#222}#mainNav{border-color:rgba(34,34,34,.05);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#7c028e;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#7c028e}#mainNav .navbar-toggle{font-size:12px;font-weight:700;text-transform:uppercase;color:#222}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:13px;font-weight:700;text-transform:uppercase;color:#222}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#7c028e}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#7c028e!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:rgba(255,255,255,.3);background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{border-color:rgba(34,34,34,.05);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{font-size:16px;color:#7c028e}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#7c028e}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#7c028e}}header.masthead{position:relative;width:100%;min-height:auto;text-align:center;color:#fff;background-image:url(../img/header.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead .header-content{position:relative;width:100%;padding:150px 15px 100px;text-align:center}header.masthead .header-content .header-content-inner h1{font-size:30px;font-weight:700;margin-top:0;margin-bottom:0;text-transform:uppercase}header.masthead .header-content .header-content-inner hr{margin:30px auto}header.masthead .header-content .header-content-inner p{font-size:16px;font-weight:300;margin-bottom:50px;color:rgba(255,255,255,.7)}@media (min-width:768px){header.masthead{height:100%;min-height:600px}header.masthead .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header.masthead .header-content .header-content-inner{max-width:1000px;margin-right:auto;margin-left:auto}header.masthead .header-content .header-content-inner h1{font-size:50px}header.masthead .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-right:auto;margin-left:auto}}.service-box{max-width:400px;margin:50px auto 0}@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:#7c028e;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.call-to-action{padding:50px 0}.call-to-action h2{margin:0 auto 20px}.text-primary{color:#7c028e!important}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-default{color:#222;border-color:#fff;background-color:#fff}.btn-default.focus,.btn-default:focus{color:#222;border-color:#bfbfbf;background-color:#e6e6e6}.btn-default:hover{color:#222;border-color:#e0e0e0;background-color:#e6e6e6}.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{color:#222;border-color:#e0e0e0;background-color:#e6e6e6}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover{color:#222;border-color:#bfbfbf;background-color:#d4d4d4}.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{border-color:#fff;background-color:#fff}.btn-default .badge{color:#fff;background-color:#222}.btn-primary{color:#fff;border-color:#7c028e;background-color:#7c028e}.btn-primary.focus,.btn-primary:focus{color:#fff;border-color:#a4270d;background-color:#4a0155}.btn-primary:hover{color:#fff;border-color:#630171;background-color:#4a0155}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;border-color:#630171;background-color:#4a0155}.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:#a4270d;background-color:#630171}.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:#7c028e;background-color:#7c028e}.btn-primary .badge{color:#7c028e;background-color:#fff}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:15px 30px} 6 | -------------------------------------------------------------------------------- /Portfolio/css/creative.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Createive v4.0.0-beta (http://startbootstrap.com/template-overviews/creative) 3 | * Copyright 2013-2017 Start Bootstrap 4 | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE) 5 | */body,html{width:100%;height:100%}body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}hr{max-width:50px;border-width:3px;border-color:#7c028e}hr.light{border-color:#fff}a{color:#7c028e;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}a:focus,a:hover{color:#7c028e}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}p{font-size:16px;line-height:1.5;margin-bottom:20px}.bg-primary{background-color:#7c028e!important}.bg-dark{color:#fff;background-color:#222!important}.text-faded{color:rgba(255,255,255,.7)}section{padding:100px 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#222;text-shadow:none}::selection{color:#fff;background:#222;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{-webkit-tap-highlight-color:#222}#mainNav{border-color:rgba(34,34,34,.05);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#7c028e;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#7c028e}#mainNav .navbar-toggle{font-size:12px;font-weight:700;text-transform:uppercase;color:#222}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:13px;font-weight:700;text-transform:uppercase;color:#222}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#7c028e}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#7c028e!important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width:992px){#mainNav{border-color:rgba(255,255,255,.3);background-color:transparent}#mainNav .navbar-brand{color:rgba(255,255,255,.7)}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}#mainNav.navbar-shrink{border-color:rgba(34,34,34,.05);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{font-size:16px;color:#7c028e}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#7c028e}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#222}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#7c028e}}header.masthead{position:relative;width:100%;min-height:auto;text-align:center;color:#fff;background-image:url(../img/header.jpg);background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead .header-content{position:relative;width:100%;padding:150px 15px 100px;text-align:center}header.masthead .header-content .header-content-inner h1{font-size:30px;font-weight:700;margin-top:0;margin-bottom:0;text-transform:uppercase}header.masthead .header-content .header-content-inner hr{margin:30px auto}header.masthead .header-content .header-content-inner p{font-size:16px;font-weight:300;margin-bottom:50px;color:rgba(255,255,255,.7)}@media (min-width:768px){header.masthead{height:100%;min-height:600px}header.masthead .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header.masthead .header-content .header-content-inner{max-width:1000px;margin-right:auto;margin-left:auto}header.masthead .header-content .header-content-inner h1{font-size:50px}header.masthead .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-right:auto;margin-left:auto}}.service-box{max-width:400px;margin:50px auto 0}@media (min-width:992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:#7c028e;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:0}@media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.call-to-action{padding:50px 0}.call-to-action h2{margin:0 auto 20px}.text-primary{color:#7c028e!important}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.btn-default{color:#222;border-color:#fff;background-color:#fff}.btn-default.focus,.btn-default:focus{color:#222;border-color:#bfbfbf;background-color:#e6e6e6}.btn-default:hover{color:#222;border-color:#e0e0e0;background-color:#e6e6e6}.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{color:#222;border-color:#e0e0e0;background-color:#e6e6e6}.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover{color:#222;border-color:#bfbfbf;background-color:#d4d4d4}.btn-default.active,.btn-default:active,.open>.btn-default.dropdown-toggle{background-image:none}.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{border-color:#fff;background-color:#fff}.btn-default .badge{color:#fff;background-color:#222}.btn-primary{color:#fff;border-color:#7c028e;background-color:#7c028e}.btn-primary.focus,.btn-primary:focus{color:#fff;border-color:#a4270d;background-color:#4a0155}.btn-primary:hover{color:#fff;border-color:#630171;background-color:#4a0155}.btn-primary.active,.btn-primary:active,.open>.btn-primary.dropdown-toggle{color:#fff;border-color:#630171;background-color:#4a0155}.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:#a4270d;background-color:#630171}.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:#7c028e;background-color:#7c028e}.btn-primary .badge{color:#7c028e;background-color:#fff}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.btn-xl{padding:15px 30px} 6 | -------------------------------------------------------------------------------- /vendor/scrollreveal/scrollreveal.min.js: -------------------------------------------------------------------------------- 1 | !function(){"use strict";function e(n){return"undefined"==typeof this||Object.getPrototypeOf(this)!==e.prototype?new e(n):(O=this,O.version="3.3.6",O.tools=new E,O.isSupported()?(O.tools.extend(O.defaults,n||{}),O.defaults.container=t(O.defaults),O.store={elements:{},containers:[]},O.sequences={},O.history=[],O.uid=0,O.initialized=!1):"undefined"!=typeof console&&null!==console,O)}function t(e){if(e&&e.container){if("string"==typeof e.container)return window.document.documentElement.querySelector(e.container);if(O.tools.isNode(e.container))return e.container}return O.defaults.container}function n(e,t){return"string"==typeof e?Array.prototype.slice.call(t.querySelectorAll(e)):O.tools.isNode(e)?[e]:O.tools.isNodeList(e)?Array.prototype.slice.call(e):[]}function i(){return++O.uid}function o(e,t,n){t.container&&(t.container=n),e.config?e.config=O.tools.extendClone(e.config,t):e.config=O.tools.extendClone(O.defaults,t),"top"===e.config.origin||"bottom"===e.config.origin?e.config.axis="Y":e.config.axis="X"}function r(e){var t=window.getComputedStyle(e.domEl);e.styles||(e.styles={transition:{},transform:{},computed:{}},e.styles.inline=e.domEl.getAttribute("style")||"",e.styles.inline+="; visibility: visible; ",e.styles.computed.opacity=t.opacity,t.transition&&"all 0s ease 0s"!==t.transition?e.styles.computed.transition=t.transition+", ":e.styles.computed.transition=""),e.styles.transition.instant=s(e,0),e.styles.transition.delayed=s(e,e.config.delay),e.styles.transform.initial=" -webkit-transform:",e.styles.transform.target=" -webkit-transform:",a(e),e.styles.transform.initial+="transform:",e.styles.transform.target+="transform:",a(e)}function s(e,t){var n=e.config;return"-webkit-transition: "+e.styles.computed.transition+"-webkit-transform "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s, opacity "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s; transition: "+e.styles.computed.transition+"transform "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s, opacity "+n.duration/1e3+"s "+n.easing+" "+t/1e3+"s; "}function a(e){var t,n=e.config,i=e.styles.transform;t="top"===n.origin||"left"===n.origin?/^-/.test(n.distance)?n.distance.substr(1):"-"+n.distance:n.distance,parseInt(n.distance)&&(i.initial+=" translate"+n.axis+"("+t+")",i.target+=" translate"+n.axis+"(0)"),n.scale&&(i.initial+=" scale("+n.scale+")",i.target+=" scale(1)"),n.rotate.x&&(i.initial+=" rotateX("+n.rotate.x+"deg)",i.target+=" rotateX(0)"),n.rotate.y&&(i.initial+=" rotateY("+n.rotate.y+"deg)",i.target+=" rotateY(0)"),n.rotate.z&&(i.initial+=" rotateZ("+n.rotate.z+"deg)",i.target+=" rotateZ(0)"),i.initial+="; opacity: "+n.opacity+";",i.target+="; opacity: "+e.styles.computed.opacity+";"}function l(e){var t=e.config.container;t&&O.store.containers.indexOf(t)===-1&&O.store.containers.push(e.config.container),O.store.elements[e.id]=e}function c(e,t,n){var i={target:e,config:t,interval:n};O.history.push(i)}function f(){if(O.isSupported()){y();for(var e=0;em&&np}function n(){return"fixed"===window.getComputedStyle(e.domEl).position}var i=x(e.domEl),o=b(e.config.container),r=h(e.config.container),s=e.config.viewFactor,a=i.height,l=i.width,c=i.top,f=i.left,d=c+a,u=f+l;return t()||n()}function E(){}var O,T;e.prototype.defaults={origin:"bottom",distance:"20px",duration:500,delay:0,rotate:{x:0,y:0,z:0},opacity:0,scale:.9,easing:"cubic-bezier(0.6, 0.2, 0.1, 1)",container:window.document.documentElement,mobile:!0,reset:!1,useDelay:"always",viewFactor:.2,viewOffset:{top:0,right:0,bottom:0,left:0},beforeReveal:function(e){},beforeReset:function(e){},afterReveal:function(e){},afterReset:function(e){}},e.prototype.isSupported=function(){var e=document.documentElement.style;return"WebkitTransition"in e&&"WebkitTransform"in e||"transition"in e&&"transform"in e},e.prototype.reveal=function(e,s,a,d){var u,y,m,p,g,w;if(void 0!==s&&"number"==typeof s?(a=s,s={}):void 0!==s&&null!==s||(s={}),u=t(s),y=n(e,u),!y.length)return O;a&&"number"==typeof a&&(w=i(),g=O.sequences[w]={id:w,interval:a,elemIds:[],active:!1});for(var v=0;vm&&np}function n(){return"fixed"===window.getComputedStyle(e.domEl).position}var i=x(e.domEl),o=b(e.config.container),r=h(e.config.container),s=e.config.viewFactor,a=i.height,l=i.width,c=i.top,f=i.left,d=c+a,u=f+l;return t()||n()}function E(){}var O,T;e.prototype.defaults={origin:"bottom",distance:"20px",duration:500,delay:0,rotate:{x:0,y:0,z:0},opacity:0,scale:.9,easing:"cubic-bezier(0.6, 0.2, 0.1, 1)",container:window.document.documentElement,mobile:!0,reset:!1,useDelay:"always",viewFactor:.2,viewOffset:{top:0,right:0,bottom:0,left:0},beforeReveal:function(e){},beforeReset:function(e){},afterReveal:function(e){},afterReset:function(e){}},e.prototype.isSupported=function(){var e=document.documentElement.style;return"WebkitTransition"in e&&"WebkitTransform"in e||"transition"in e&&"transform"in e},e.prototype.reveal=function(e,s,a,d){var u,y,m,p,g,w;if(void 0!==s&&"number"==typeof s?(a=s,s={}):void 0!==s&&null!==s||(s={}),u=t(s),y=n(e,u),!y.length)return O;a&&"number"==typeof a&&(w=i(),g=O.sequences[w]={id:w,interval:a,elemIds:[],active:!1});for(var v=0;v 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Romare Jenkins Portfolio 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 56 | 57 |
58 |
59 |
60 |

Need Versatility?

61 |
62 |

I have a lot to offer and am always willing to learn for the love of Tech.

63 | Find Out More 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Who Am I?

73 |
74 |

I am a freelance developer that specializes in full stack web development. On the side, I work on music production and video game design. I have also been able to repair computer hardware and software for numerous people.

75 | Show Me What You Got. 76 |
77 |
78 |
79 |
80 | 81 |
82 |
83 |
84 |
85 |

What Can I Do For You?

86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 | 95 |

Great Web Design

96 |

I will do my best to create a website that will satisfy your needs.

97 |
98 |
99 |
100 |
101 | 102 |

Fast and Responsive

103 |

Can make sites accessible for mobile and for persons with disabilities.

104 |
105 |
106 |
107 |
108 | 109 |

Up to Date

110 |

Websites will be up-to-date to work on all current browsers.

111 |
112 |
113 |
114 |
115 | 116 |

Made with Love

117 |

Make it so you can treat your site like you would a child.

118 |
119 |
120 |
121 |
122 |
123 | 124 |
125 | 219 |
220 | 221 |
222 |
223 |

Want to See My Resume?

224 | Download Now! 225 |
226 |
227 | 228 |
229 |
230 |
231 |
232 |

Let's Get In Touch!

233 |
234 |

Want me to build you a website or an app? Want to hire me? Feel free to give me a call or send me an email and I will get back to you as soon as possible!

235 |
236 |
237 |
238 |
239 | 240 |

(857)-229-7541

241 |
242 |
243 | 244 |

245 | romarejenkins928@gmail.com 246 |

247 |
248 |
249 |
250 |
251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | -------------------------------------------------------------------------------- /Portfolio/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Romare Jenkins Portfolio 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 56 | 57 |
58 |
59 |
60 |

Need Versatility?

61 |
62 |

I have a lot to offer and am always willing to learn for the love of Tech.

63 | Find Out More 64 |
65 |
66 |
67 | 68 |
69 |
70 |
71 |
72 |

Who Am I?

73 |
74 |

I am a freelance developer that specializes in full stack web development. On the side, I work on music production and video game design. I have also been able to repair computer hardware and software for numerous people.

75 | Show Me What You Got. 76 |
77 |
78 |
79 |
80 | 81 |
82 |
83 |
84 |
85 |

What Can I Do For You?

86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 | 95 |

Great Web Design

96 |

I will do my best to create a website that will satisfy your needs.

97 |
98 |
99 |
100 |
101 | 102 |

Fast and Responsive

103 |

Can make sites accessible for mobile and for persons with disabilities.

104 |
105 |
106 |
107 |
108 | 109 |

Up to Date

110 |

Websites will be up-to-date to work on all current browsers.

111 |
112 |
113 |
114 |
115 | 116 |

Made with Love

117 |

Make it so you can treat your site like you would a child.

118 |
119 |
120 |
121 |
122 |
123 | 124 |
125 | 219 |
220 | 221 |
222 |
223 |

Want to See My Resume?

224 | Download Now! 225 |
226 |
227 | 228 |
229 |
230 |
231 |
232 |

Let's Get In Touch!

233 |
234 |

Want me to build you a website or an app? Want to hire me? Feel free to give me a call or send me an email and I will get back to you as soon as possible!

235 |
236 |
237 |
238 |
239 | 240 |

(857)-229-7541

241 |
242 |
243 | 244 |

245 | romarejenkins928@gmail.com 246 |

247 |
248 |
249 |
250 |
251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | 265 | 266 | 267 | 268 | -------------------------------------------------------------------------------- /css/creative.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Start Bootstrap - Createive v4.0.0-beta (http://startbootstrap.com/template-overviews/creative) 3 | * Copyright 2013-2017 Start Bootstrap 4 | * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE) 5 | */ 6 | body, 7 | html { 8 | width: 100%; 9 | height: 100%; } 10 | 11 | body { 12 | font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif; } 13 | 14 | hr { 15 | max-width: 50px; 16 | border-width: 3px; 17 | border-color: #7c028e; } 18 | 19 | hr.light { 20 | border-color: white; } 21 | 22 | a { 23 | color: #7c028e; 24 | -webkit-transition: all 0.2s; 25 | -moz-transition: all 0.2s; 26 | transition: all 0.2s; } 27 | a:focus, a:hover { 28 | color: #7c028e; } 29 | 30 | h1, 31 | h2, 32 | h3, 33 | h4, 34 | h5, 35 | h6 { 36 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; } 37 | 38 | p { 39 | font-size: 16px; 40 | line-height: 1.5; 41 | margin-bottom: 20px; } 42 | 43 | .bg-primary { 44 | background-color: #7c028e !important; } 45 | 46 | .bg-dark { 47 | color: white; 48 | background-color: #222222 !important; } 49 | 50 | .text-faded { 51 | color: rgba(255, 255, 255, 0.7); } 52 | 53 | section { 54 | padding: 100px 0; } 55 | 56 | .section-heading { 57 | margin-top: 0; } 58 | 59 | ::-moz-selection { 60 | color: white; 61 | background: #222222; 62 | text-shadow: none; } 63 | 64 | ::selection { 65 | color: white; 66 | background: #222222; 67 | text-shadow: none; } 68 | 69 | img::selection { 70 | color: white; 71 | background: transparent; } 72 | 73 | img::-moz-selection { 74 | color: white; 75 | background: transparent; } 76 | 77 | body { 78 | -webkit-tap-highlight-color: #222222; } 79 | 80 | #mainNav { 81 | border-color: rgba(34, 34, 34, 0.05); 82 | background-color: white; 83 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 84 | -webkit-transition: all 0.2s; 85 | -moz-transition: all 0.2s; 86 | transition: all 0.2s; } 87 | #mainNav .navbar-brand { 88 | font-weight: 700; 89 | text-transform: uppercase; 90 | color: #7c028e; 91 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; } 92 | #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { 93 | color: #7c028e; } 94 | #mainNav .navbar-toggle { 95 | font-size: 12px; 96 | font-weight: 700; 97 | text-transform: uppercase; 98 | color: #222222; } 99 | #mainNav .navbar-nav > li.nav-item > a.nav-link:focus, 100 | #mainNav .navbar-nav > li.nav-item > a.nav-link { 101 | font-size: 13px; 102 | font-weight: 700; 103 | text-transform: uppercase; 104 | color: #222222; } 105 | #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, 106 | #mainNav .navbar-nav > li.nav-item > a.nav-link:hover { 107 | color: #7c028e; } 108 | #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active, 109 | #mainNav .navbar-nav > li.nav-item > a.nav-link.active { 110 | color: #7c028e !important; 111 | background-color: transparent; } 112 | #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover, 113 | #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover { 114 | background-color: transparent; } 115 | @media (min-width: 992px) { 116 | #mainNav { 117 | border-color: rgba(255, 255, 255, 0.3); 118 | background-color: transparent; } 119 | #mainNav .navbar-brand { 120 | color: rgba(255, 255, 255, 0.7); } 121 | #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { 122 | color: white; } 123 | #mainNav .navbar-nav > li.nav-item > a.nav-link, 124 | #mainNav .navbar-nav > li.nav-item > a.nav-link:focus { 125 | color: rgba(255, 255, 255, 0.7); } 126 | #mainNav .navbar-nav > li.nav-item > a.nav-link:hover, 127 | #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { 128 | color: white; } 129 | #mainNav.navbar-shrink { 130 | border-color: rgba(34, 34, 34, 0.05); 131 | background-color: white; } 132 | #mainNav.navbar-shrink .navbar-brand { 133 | font-size: 16px; 134 | color: #7c028e; } 135 | #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover { 136 | color: #7c028e; } 137 | #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, 138 | #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus { 139 | color: #222222; } 140 | #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover, 141 | #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover { 142 | color: #7c028e; } } 143 | 144 | header.masthead { 145 | position: relative; 146 | width: 100%; 147 | min-height: auto; 148 | text-align: center; 149 | color: white; 150 | background-image: url("../img/header.jpg"); 151 | background-position: center; 152 | -webkit-background-size: cover; 153 | -moz-background-size: cover; 154 | -o-background-size: cover; 155 | background-size: cover; } 156 | header.masthead .header-content { 157 | position: relative; 158 | width: 100%; 159 | padding: 150px 15px 100px; 160 | text-align: center; } 161 | header.masthead .header-content .header-content-inner h1 { 162 | font-size: 30px; 163 | font-weight: 700; 164 | margin-top: 0; 165 | margin-bottom: 0; 166 | text-transform: uppercase; } 167 | header.masthead .header-content .header-content-inner hr { 168 | margin: 30px auto; } 169 | header.masthead .header-content .header-content-inner p { 170 | font-size: 16px; 171 | font-weight: 300; 172 | margin-bottom: 50px; 173 | color: rgba(255, 255, 255, 0.7); } 174 | @media (min-width: 768px) { 175 | header.masthead { 176 | height: 100%; 177 | min-height: 600px; } 178 | header.masthead .header-content { 179 | position: absolute; 180 | top: 50%; 181 | padding: 0 50px; 182 | -webkit-transform: translateY(-50%); 183 | -ms-transform: translateY(-50%); 184 | transform: translateY(-50%); } 185 | header.masthead .header-content .header-content-inner { 186 | max-width: 1000px; 187 | margin-right: auto; 188 | margin-left: auto; } 189 | header.masthead .header-content .header-content-inner h1 { 190 | font-size: 50px; } 191 | header.masthead .header-content .header-content-inner p { 192 | font-size: 18px; 193 | max-width: 80%; 194 | margin-right: auto; 195 | margin-left: auto; } } 196 | 197 | .service-box { 198 | max-width: 400px; 199 | margin: 50px auto 0; } 200 | @media (min-width: 992px) { 201 | .service-box { 202 | margin: 20px auto 0; } } 203 | .service-box p { 204 | margin-bottom: 0; } 205 | 206 | .portfolio-box { 207 | position: relative; 208 | display: block; 209 | max-width: 650px; 210 | margin: 0 auto; } 211 | .portfolio-box .portfolio-box-caption { 212 | position: absolute; 213 | bottom: 0; 214 | display: block; 215 | width: 100%; 216 | height: 100%; 217 | text-align: center; 218 | opacity: 0; 219 | color: white; 220 | background: #7c028e; 221 | -webkit-transition: all 0.2s; 222 | -moz-transition: all 0.2s; 223 | transition: all 0.2s; } 224 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content { 225 | position: absolute; 226 | top: 50%; 227 | width: 100%; 228 | transform: translateY(-50%); 229 | text-align: center; } 230 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category, 231 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { 232 | padding: 0 15px; 233 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; } 234 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { 235 | font-size: 14px; 236 | font-weight: 600; 237 | text-transform: uppercase; } 238 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { 239 | font-size: 18px; } 240 | .portfolio-box:hover .portfolio-box-caption { 241 | opacity: 1; } 242 | .portfolio-box:focus { 243 | outline: none; } 244 | @media (min-width: 768px) { 245 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { 246 | font-size: 16px; } 247 | .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { 248 | font-size: 22px; } } 249 | 250 | .call-to-action { 251 | padding: 50px 0; } 252 | .call-to-action h2 { 253 | margin: 0 auto 20px; } 254 | 255 | .text-primary { 256 | color: #7c028e !important; } 257 | 258 | .no-gutter > [class*='col-'] { 259 | padding-right: 0; 260 | padding-left: 0; } 261 | 262 | .btn-default { 263 | color: #222222; 264 | border-color: white; 265 | background-color: white; } 266 | .btn-default.focus, .btn-default:focus { 267 | color: #222222; 268 | border-color: #bfbfbf; 269 | background-color: #e6e6e6; } 270 | .btn-default:hover { 271 | color: #222222; 272 | border-color: #e0e0e0; 273 | background-color: #e6e6e6; } 274 | .btn-default.active, .btn-default:active, 275 | .open > .btn-default.dropdown-toggle { 276 | color: #222222; 277 | border-color: #e0e0e0; 278 | background-color: #e6e6e6; } 279 | .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, 280 | .open > .btn-default.dropdown-toggle.focus, 281 | .open > .btn-default.dropdown-toggle:focus, 282 | .open > .btn-default.dropdown-toggle:hover { 283 | color: #222222; 284 | border-color: #bfbfbf; 285 | background-color: #d4d4d4; } 286 | .btn-default.active, .btn-default:active, 287 | .open > .btn-default.dropdown-toggle { 288 | background-image: none; } 289 | .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, 290 | fieldset[disabled] .btn-default.focus, 291 | fieldset[disabled] .btn-default:focus, 292 | fieldset[disabled] .btn-default:hover { 293 | border-color: white; 294 | background-color: white; } 295 | .btn-default .badge { 296 | color: white; 297 | background-color: #222222; } 298 | 299 | .btn-primary { 300 | color: white; 301 | border-color: #7c028e; 302 | background-color: #7c028e; } 303 | .btn-primary.focus, .btn-primary:focus { 304 | color: white; 305 | border-color: #a4270d; 306 | background-color: #4a0155; } 307 | .btn-primary:hover { 308 | color: white; 309 | border-color: #630171; 310 | background-color: #4a0155; } 311 | .btn-primary.active, .btn-primary:active, 312 | .open > .btn-primary.dropdown-toggle { 313 | color: white; 314 | border-color: #630171; 315 | background-color: #4a0155; } 316 | .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 317 | .open > .btn-primary.dropdown-toggle.focus, 318 | .open > .btn-primary.dropdown-toggle:focus, 319 | .open > .btn-primary.dropdown-toggle:hover { 320 | color: white; 321 | border-color: #a4270d; 322 | background-color: #630171; } 323 | .btn-primary.active, .btn-primary:active, 324 | .open > .btn-primary.dropdown-toggle { 325 | background-image: none; } 326 | .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, 327 | fieldset[disabled] .btn-primary.focus, 328 | fieldset[disabled] .btn-primary:focus, 329 | fieldset[disabled] .btn-primary:hover { 330 | border-color: #7c028e; 331 | background-color: #7c028e; } 332 | .btn-primary .badge { 333 | color: #7c028e; 334 | background-color: white; } 335 | 336 | .btn { 337 | font-weight: 700; 338 | text-transform: uppercase; 339 | border: none; 340 | border-radius: 300px; 341 | font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; } 342 | 343 | .btn-xl { 344 | padding: 15px 30px; } 345 | --------------------------------------------------------------------------------