Browse Source

Basic static website for Fork Sand, Inc.

master
Jeff Moe 4 years ago
parent
commit
423a9bcab1
  1. 1
      .gitignore
  2. 11
      .travis.yml
  3. 21
      LICENSE-bootstrap
  4. 62
      README-bootstrap.md
  5. 6
      css/baguetteBox.min.css
  6. 79
      css/fluid-gallery.css
  7. 392
      css/scrolling-nav.css
  8. 48
      gulpfile.js
  9. BIN
      img/BC.png
  10. BIN
      img/Images/IMG_20180117_214917.jpg
  11. BIN
      img/Images/IMG_20180117_214939.jpg
  12. BIN
      img/Images/IMG_20180117_215136.jpg
  13. BIN
      img/Images/IMG_20180117_222633.jpg
  14. BIN
      img/Images/IMG_20180117_222635.jpg
  15. BIN
      img/Images/IMG_20180117_231522.jpg
  16. BIN
      img/Images/IMG_20180117_231536.jpg
  17. BIN
      img/Images/IMG_20180118_010312.jpg
  18. BIN
      img/Images/IMG_20180118_010321.jpg
  19. BIN
      img/Images/IMG_20180118_101726.jpg
  20. BIN
      img/Images/IMG_20180118_182121.jpg
  21. BIN
      img/Images/IMG_20180118_182153.jpg
  22. BIN
      img/Images/IMG_20180118_182208.jpg
  23. BIN
      img/Images/IMG_20180118_183356.jpg
  24. BIN
      img/Images/IMG_20180118_190120.jpg
  25. BIN
      img/Images/IMG_20180118_190156.jpg
  26. BIN
      img/Images/freecadhifi.png
  27. BIN
      img/Images/hifive-unleashed.png
  28. BIN
      img/icons/github.png
  29. BIN
      img/icons/imgur.png
  30. BIN
      img/icons/twitter.png
  31. BIN
      img/loader.gif
  32. BIN
      img/logo-active.png
  33. BIN
      img/logo.png
  34. BIN
      img/logoVertical.png
  35. 193
      index.html
  36. 7
      js/baguetteBox.min.js
  37. 98
      js/scrolling-nav.js
  38. 5641
      package-lock.json
  39. 37
      package.json
  40. 1567
      vendor/bootstrap/css/bootstrap-grid.css
  41. 7
      vendor/bootstrap/css/bootstrap-grid.min.css
  42. 342
      vendor/bootstrap/css/bootstrap-reboot.css
  43. 8
      vendor/bootstrap/css/bootstrap-reboot.min.css
  44. 8975
      vendor/bootstrap/css/bootstrap.css
  45. 1
      vendor/bootstrap/css/bootstrap.css.map
  46. 7
      vendor/bootstrap/css/bootstrap.min.css
  47. 1
      vendor/bootstrap/css/bootstrap.min.css.map
  48. 6328
      vendor/bootstrap/js/bootstrap.bundle.js
  49. 1
      vendor/bootstrap/js/bootstrap.bundle.js.map
  50. 7
      vendor/bootstrap/js/bootstrap.bundle.min.js
  51. 1
      vendor/bootstrap/js/bootstrap.bundle.min.js.map
  52. 3894
      vendor/bootstrap/js/bootstrap.js
  53. 1
      vendor/bootstrap/js/bootstrap.js.map
  54. 7
      vendor/bootstrap/js/bootstrap.min.js
  55. 1
      vendor/bootstrap/js/bootstrap.min.js.map
  56. BIN
      vendor/fonts/eleganticons/ElegantIcons.eot
  57. 1832
      vendor/fonts/eleganticons/ElegantIcons.svg
  58. BIN
      vendor/fonts/eleganticons/ElegantIcons.ttf
  59. BIN
      vendor/fonts/eleganticons/ElegantIcons.woff
  60. 1159
      vendor/fonts/eleganticons/et-icons.css
  61. 4
      vendor/fonts/font-awesome-4.1.0/css/font-awesome.min.css
  62. BIN
      vendor/fonts/font-awesome-4.1.0/fonts/FontAwesome.otf
  63. BIN
      vendor/fonts/font-awesome-4.1.0/fonts/fontawesome-webfont.eot
  64. 520
      vendor/fonts/font-awesome-4.1.0/fonts/fontawesome-webfont.svg
  65. BIN
      vendor/fonts/font-awesome-4.1.0/fonts/fontawesome-webfont.ttf
  66. BIN
      vendor/fonts/font-awesome-4.1.0/fonts/fontawesome-webfont.woff
  67. BIN
      vendor/fonts/glyphicons-halflings-regular.eot
  68. 288
      vendor/fonts/glyphicons-halflings-regular.svg
  69. BIN
      vendor/fonts/glyphicons-halflings-regular.ttf
  70. BIN
      vendor/fonts/glyphicons-halflings-regular.woff
  71. BIN
      vendor/fonts/glyphicons-halflings-regular.woff2
  72. 59
      vendor/jquery-easing/jquery.easing.compatibility.js
  73. 166
      vendor/jquery-easing/jquery.easing.js
  74. 1
      vendor/jquery-easing/jquery.easing.min.js
  75. 10364
      vendor/jquery/jquery.js
  76. 2
      vendor/jquery/jquery.min.js
  77. 1
      vendor/jquery/jquery.min.map
  78. 8269
      vendor/jquery/jquery.slim.js
  79. 2
      vendor/jquery/jquery.slim.min.js
  80. 1
      vendor/jquery/jquery.slim.min.map
  81. 862
      vendor/scrollreveal/scrollreveal.js
  82. 1
      vendor/scrollreveal/scrollreveal.min.js

1
.gitignore

@ -0,0 +1 @@
node_modules

11
.travis.yml

@ -0,0 +1,11 @@
sudo: false
language: node_js
node_js:
- "node"
install: npm install
script:
- npm test
- gulp
cache:
directories:
- node_modules

21
LICENSE-bootstrap

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2013-2018 Blackrock Digital LLC
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

62
README-bootstrap.md

@ -0,0 +1,62 @@
# [Start Bootstrap - Scrolling Nav](https://startbootstrap.com/template-overviews/scrolling-nav/)
[Scrolling Nav](http://startbootstrap.com/template-overviews/scrolling-nav/) is an unstyled one page starter template with a collapsing, smooth scrolling navigation bar for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).
## Preview
[![Scrolling Nav Preview](https://startbootstrap.com/assets/img/templates/scrolling-nav.jpg)](https://blackrockdigital.github.io/startbootstrap-scrolling-nav/)
**[View Live Preview](https://blackrockdigital.github.io/startbootstrap-scrolling-nav/)**
## Status
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/BlackrockDigital/startbootstrap-scrolling-nav/master/LICENSE)
[![npm version](https://img.shields.io/npm/v/startbootstrap-scrolling-nav.svg)](https://www.npmjs.com/package/startbootstrap-scrolling-nav)
[![Build Status](https://travis-ci.org/BlackrockDigital/startbootstrap-scrolling-nav.svg?branch=master)](https://travis-ci.org/BlackrockDigital/startbootstrap-scrolling-nav)
[![dependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav/status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav)
[![devDependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav/dev-status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-scrolling-nav?type=dev)
## Download and Installation
To begin using this template, choose one of the following options to get started:
* [Download the latest release on Start Bootstrap](https://startbootstrap.com/template-overviews/scrolling-nav/)
* Install via npm: `npm i startbootstrap-scrolling-nav`
* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-scrolling-nav.git`
* [Fork, Clone, or Download on GitHub](https://github.com/BlackrockDigital/startbootstrap-scrolling-nav)
## Usage
### Basic Usage
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.
### Advanced Usage
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.
## Bugs and Issues
Have a bug or an issue with this template? [Open a new issue](https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/scrolling-nav/).
## Custom Builds
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/)**.
## About
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.
* https://startbootstrap.com
* https://twitter.com/SBootstrap
Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
* http://davidmiller.io
* https://twitter.com/davidmillerskt
* https://github.com/davidtmiller
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).
## Copyright and License
Copyright 2013-2018 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/gh-pages/LICENSE) license.

6
css/baguetteBox.min.css

@ -0,0 +1,6 @@
/*!
* baguetteBox.js
* @author feimosi
* @version 1.8.1
* @url https://github.com/feimosi/baguetteBox.js
*/#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

79
css/fluid-gallery.css

@ -0,0 +1,79 @@
.container.gallery-container {
background-color: #fff;
color: #35373a;
min-height: 100vh;
padding: 30px 50px;
}
.gallery-container h1 {
text-align: center;
margin-top: 50px;
font-family: 'Droid Sans', sans-serif;
font-weight: bold;
}
.gallery-container p.page-description {
text-align: center;
margin: 25px auto;
font-size: 18px;
color: #999;
}
.tz-gallery {
padding: 40px;
}
/* Override bootstrap column paddings */
.tz-gallery .row > div {
padding: 2px;
}
.tz-gallery .lightbox img {
width: 100%;
border-radius: 0;
position: relative;
}
.tz-gallery .lightbox:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
opacity: 0;
color: #fff;
font-size: 26px;
font-family: 'Glyphicons Halflings';
content: '\e003';
pointer-events: none;
z-index: 9000;
transition: 0.4s;
}
.tz-gallery .lightbox:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(46, 132, 206, 0.7);
content: '';
transition: 0.4s;
}
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
opacity: 1;
}
.baguetteBox-button {
background-color: transparent !important;
}
@media(max-width: 768px) {
body {
padding: 0;
}
}

392
css/scrolling-nav.css

@ -0,0 +1,392 @@
/*!
* Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
*/
header {
padding: 154px 0 100px;
}
@media (min-width: 992px) {
header {
padding: 156px 0 100px;
}
}
:root {
--primary: #855323;
}
.btn-primary {
background-color: #855323;
border-color: #855323;
}
.btn-primary:hover {
background-color: #0069d9;
border-color: #cc6500;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 126, 0, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ff7e00;
border-color: #ff7e00;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
background-color: #cc6500;
border-color: #bf5e00;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 126, 0, 0.5);
}
.btn-outline-primary {
color: #ff7e00;
border-color: #ff7e00;
}
.btn-outline-primary:hover {
background-color: #ff7e00;
border-color: #ff7e00;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 126, 0, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #ff7e00;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
background-color: #ff7e00;
border-color: #ff7e00;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-link {
color: #ff7e00;
}
.dropdown-item.active, .dropdown-item:active {
background-color: #ff7e00;
}
.custom-control-input:checked ~ .custom-control-label::before {
background-color: #ff7e00;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #ff7e00;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #ff7e00;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #ff7e00;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
background-color: #ff7e00;
}
.page-link {
color: #ff7e00;
border: 1px solid #dee2e6;
}
.page-item.active .page-link {
background-color: #ff7e00;
border-color: #ff7e00;
}
.badge-primary {
background-color: #ff7e00;
}
.progress-bar {
background-color: #ff7e00;
}
.list-group-item.active {
background-color: #ff7e00;
border-color: #ff7e00;
}
.bg-primary {
background-color: #855323 !important;
}
.border-primary {
}
.text-primary {
color: #ff7e00 !important;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
background-color: #cc6500;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #cc6500 !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #cc6500 !important;
}
.btn-primary:hover {
background-color: #cc6500;
border-color: #cc6500;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
background-color: #cc6500;
border-color: #bf5e00;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
background-color: #cc6500;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #cc6500 !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #cc6500 !important;
}
.nav-link {
font-weight: 500;
}
.case-study .col-md-12 {
transform: translateY(-130px);
-webkit-transform: translateY(-130px);
padding: 5em 3em;
background-color: #fff;
box-shadow: 0 0 100px rgba(0, 0, 0, 0.15);
}
ul {
list-style-type: none;
}
.btn.btn-Brown {
background: #b07e3b;
}
.btn.btn-Brown:hover {
background: #e1b565;
}
.btn.btn-Brown-fill {
color: #855323;
border-color: #855323;
background: transparent;
}
.btn.btn-Brown-fill:hover {
color: white;
background: #855323;
}
.Brown {
color: #855323;
}
.Brown-bg {
background: #855323;
}
.intro-table-first {
background-image: url('../img/table-1.jpg');
}
.intro-table-hover {
-webkit-transition: background-image 0.3s ease, background-position 0.3s;
transition: background-image 0.3s ease, background-position 0.3s;
background-image: url('../img/table-2.jpg');
}
.intro-table-hover h4 {
-webkit-transform: translateY(170px);
transform: translateY(170px);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.intro-table-hover:hover {
background-image: url('../img/table-2-hover.jpg');
background-position: 50% 50%;
}
.intro-table-third {
background-image: url('../img/table-3.jpg');
}
.intro-table-hover .expand {
margin: 30px;
margin-top: 120px;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s ease, opacity 0.3s;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
.intro-table-hover:hover h4 {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.intro-table-hover:hover .expand {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.intro-table-hover .hide-hover {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.intro-table-hover:hover .hide-hover {
opacity: 0;
}
.intro-tables .intro-table {
position: relative;
width: 100%;
height: 300px;
margin: 20px 0;
}
.intro-tables .intro-table .heading {
margin: 0;
padding: 30px;
}
.intro-tables .intro-table .small-heading {
margin: 0;
padding: 0 30px;
}
.intro-tables .intro-table .bottom {
position: absolute;
bottom: 0;
}
.intro-tables .intro-table .owl-schedule .schedule-row {
padding: 10px 30px;
color: white;
transition: all 0.3s ease;
}
@media(max-width:992px) {
.section {
padding: 80px 0;
}
}
.section1 {
padding: 50px 0;
}
/* Sections */
section {
position: relative;
}
.section {
padding: 80px 0;
background: #fff;
}
.section-padded {
padding: 80px 0 80px;
}
.carousel {
width: 100%; /*test width*/
max-height: 200px; /*what ever height */
overflow: hidden;
}
.carousel-control.left, .carousel-control.right {
background-image: none
}
/* Make the image fully responsive */
.carousel-inner img {
width: 100%;
height: 100%;
}
.carousel-indicators{
bottom:0;
}
.carousel-indicators .active{
background-color:#222;
}
.carousel-indicators li{
border-color:#222;
}
h1 {
font-weight: bold;
}
.navbarlabels {
margin-left: 25%;
}
.myHeading{
font-size: 20px;
font-weight: 400;
}
.alternate-font {
font-family:"saira"
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.btnRoundded {
border-radius: 0.8rem;
width: 208px !important;
}
.buttonMargin{
margin: 13px 12px 12px 10px;
}
a{
color: #000;
font-weight: 400;
}
.img1 {
pointer-events: none;
}
.img2{
width:100%;
height: 220px;
}

48
gulpfile.js

@ -0,0 +1,48 @@
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var pkg = require('./package.json');
// Copy third party libraries from /node_modules into /vendor
gulp.task('vendor', function() {
// Bootstrap
gulp.src([
'./node_modules/bootstrap/dist/**/*',
'!./node_modules/bootstrap/dist/css/bootstrap-grid*',
'!./node_modules/bootstrap/dist/css/bootstrap-reboot*'
])
.pipe(gulp.dest('./vendor/bootstrap'))
// jQuery
gulp.src([
'./node_modules/jquery/dist/*',
'!./node_modules/jquery/dist/core.js'
])
.pipe(gulp.dest('./vendor/jquery'))
// jQuery Easing
gulp.src([
'node_modules/jquery.easing/*.js'
])
.pipe(gulp.dest('vendor/jquery-easing'))
})
// Default task
gulp.task('default', ['vendor']);
// Configure the browserSync task
gulp.task('browserSync', function() {
browserSync.init({
server: {
baseDir: "./"
}
});
});
// Dev task
gulp.task('dev', ['browserSync'], function() {
gulp.watch('./css/*.css', browserSync.reload);
gulp.watch('./js/*.js', browserSync.reload);
gulp.watch('./*.html', browserSync.reload);
});

BIN
img/BC.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

BIN
img/Images/IMG_20180117_214917.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
img/Images/IMG_20180117_214939.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
img/Images/IMG_20180117_215136.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
img/Images/IMG_20180117_222633.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
img/Images/IMG_20180117_222635.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
img/Images/IMG_20180117_231522.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
img/Images/IMG_20180117_231536.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
img/Images/IMG_20180118_010312.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
img/Images/IMG_20180118_010321.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
img/Images/IMG_20180118_101726.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

BIN
img/Images/IMG_20180118_182121.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/Images/IMG_20180118_182153.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 912 KiB

BIN
img/Images/IMG_20180118_182208.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
img/Images/IMG_20180118_183356.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
img/Images/IMG_20180118_190120.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

BIN
img/Images/IMG_20180118_190156.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
img/Images/freecadhifi.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

BIN
img/Images/hifive-unleashed.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
img/icons/github.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/icons/imgur.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 873 B

BIN
img/icons/twitter.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 947 B

BIN
img/loader.gif

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/logo-active.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
img/logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

BIN
img/logoVertical.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

193
index.html

@ -0,0 +1,193 @@
<!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=us-ascii"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content=""><meta name="author" content="">
<title>Fork Sand, Inc.</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" /><!-- Font Awesome -->
<link href="vendor/fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /><!-- Elegant Icons -->
<link href="vendor/fonts/eleganticons/et-icons.css" rel="stylesheet" type="text/css" /><!-- Custom styles for this template -->
<link href="css/scrolling-nav.css" rel="stylesheet" /><!--Image gallery CSS-->
<link href="vendor/fonts/eleganticons/fluid-gallery.css" rel="stylesheet" type="text/css" />
<link href="css/baguetteBox.min.css" rel="stylesheet" /><script src="vendor/scrollreveal/scrollreveal.min.js"></script>
</head>
<body class="alternate-font" id="page-top"><!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top card" id="mainNav">
<div class="container-fluid"><a class="navbar-brand js-scroll-trigger" href="#page-top"><img alt="" src="img/logo-active.png" /> </a><button aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarResponsive" data-toggle="collapse" type="button"></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav navbarlabels">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#page-top">HOME</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">ABOUT US</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#media">MEDIA</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">CONTACT US</a></li>
</ul>
</div>
</div>
</nav>
<header class="bg-primary text-white" id="intro">
<div class="img-fluid container text-center"><img alt="" src="img/logoVertical.png" />
<h4></h4>
<p class="lead">Free Software &amp; Open Source Hardware</p>
<div class="mx-auto"><a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger" href="#media">Free Software</a> <a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger" href="#media">Open Source Hardware</a></div>
</div>
</header>
<div class="section1" id="about">
<div class="case-study showcase-bottom">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title text-center">
<h4></h4>
<h1 class="Brown">About Us</h1>
<div class="myHeading">Fork Sand, Inc. is a free Software, Open Source<br />
Hardware company developing Secure computing<br />
devices that guard users&#39; privacy.</div>
</div>
</div>
</div>
</div>
</div>
<section id="media">
<div class="container-fluid showcase-left">
<div class="title text-center">
<h1 class="Brown">Media</h1>
</div>
<div class="container">
<div class="carousel slide" data-ride="carousel" id="demo">
<ul class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#demo"></li>
<li data-slide-to="1" data-target="#demo"></li>
<li data-slide-to="2" data-target="#demo"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-item active"><img alt="Los Angeles" class="img-fluid img-thumbnail" height="300" src="img/Images/IMG_20180117_231536.jpg" width="1100" /></div>
<div class="carousel-item"><img alt="Chicago" class="img-fluid img-thumbnail" height="300" src="img/Images/IMG_20180118_182153.jpg" width="1100" /></div>
<div class="carousel-item"><img alt="New York" class="img-fluid img-thumbnail" height="300" src="img/Images/IMG_20180117_222633.jpg" width="1100" /></div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="showcase-left">
<div class="container">
<div class="tz-gallery">
<div class="row">
<div class="col-md-4"><a class="lightbox" href="img/Images/freecadhifi.png"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/freecadhifi.png" /> </a>
<h5></h5>
</div>
<div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180117_231522.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180117_231522.jpg" /> </a>
<h5></h5>
</div>
<div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180117_231536.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180117_231536.jpg" /> </a>
<h5></h5>
</div>
</div>
<div class="row">
<div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180118_182121.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180118_182121.jpg" /> </a>
<h5></h5>
</div>
<div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180118_182153.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180118_182153.jpg" /> </a>
<h5></h5>
</div>
<div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180118_190156.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180118_190156.jpg" /> </a>
<h5></h5>
</div>
</div>
</div>
</div>
</section>
<section class="section showcase-bottom">
<div class="card col-md-12 container bg-primary text-white text-center p-2">
<div class="myHeading white mx-auto">Built upon the philosophy of users' freedom</div>
</div>
</section>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-6">
<ul class="list-unstyled info-left">
<li>
<h1 class="Brown">Contact</h1>
<ul>
<li>
<h5>Address</h5>
<ul>
<li>Fork Sand, Inc.<br />
626 West 66th Street<br />
Loveland, Colorado<br />
80538 USA</li>
</ul>
</li>
</ul>
<ul>
<li>
<h5>Phone</h5>
<ul>
<li>+1-970-999-8777 Voice<br />
+1-970-449-7502 Fax<br />
sales@forksand.com</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="col-md-6 info-left"><img class="img-fluid" src="img/BC.png" /></div>
<ul>
<li>
<h5><a href="https://github.com/forksand"><i><img class="sr-icons" src="img/icons/github.png" /></i> github.com/forksand</a></h5>
</li>
<li>
<h5><a href="https://twitter.com/realforksand"><i><img class="sr-icons" src="img/icons/twitter.png" /></i> twitter.com/realforksand</a></h5>
</li>
<li>
<h5><a href="https://imgur.com/user/forksand"><i><img class="sr-icons" src="img/icons/imgur.png" /></i> imgur.com/user/forksand</a></h5>
</li>
</ul>
</div>
</div>
</section>
<p><br />
<!-- Footer --></p>
<footer class="py-4 bg-primary">
<div class="container">
<p class="m-0 text-center text-white mx-auto">Copyright &copy; 2018 | <a class="text-white" href="https://www.forksand.com/"><strong>Fork Sand, Inc.</strong></a></p>
</div>
<!-- /.container --></footer>
<!-- Bootstrap core JavaScript --><script src="vendor/jquery/jquery.min.js"></script><script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script><!-- Plugin JavaScript --><script src="vendor/jquery-easing/jquery.easing.min.js"></script><!-- Custom JavaScript for this theme --><script src="js/scrolling-nav.js"></script><script src="js/baguetteBox.min.js"></script><script>
baguetteBox.run('.tz-gallery');
</script></body>
</html>

7
js/baguetteBox.min.js

File diff suppressed because one or more lines are too long

98
js/scrolling-nav.js

@ -0,0 +1,98 @@
(function($) {
"use strict"; // Start of use strict
// Smooth scrolling using jQuery easing
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html, body').animate({
scrollTop: (target.offset().top - 54)
}, 1000, "easeInOutExpo");
return false;
}
}
});
// Closes responsive menu when a scroll trigger link is clicked
$('.js-scroll-trigger').click(function() {
$('.navbar-collapse').collapse('hide');
});
// Activate scrollspy to add active class to navbar items on scroll
$('body').scrollspy({
target: '#mainNav',
offset: 54
});
window.sr = ScrollReveal();
sr.reveal('.navbar', {
duration: 600,
origin:'top',
}), 300;
sr.reveal('#intro img', {
duration: 600,
origin:'bottom'
});
sr.reveal('.showcase-bottom', {
duration: 600,
origin:'bottom',
distance:'300px'
});
sr.reveal('#intro h2,#intro p', {
duration: 600,
delay: 200,
origin:'bottom',
distance:'300px'
});
sr.reveal('.showcase-left', {
duration: 600,
origin:'left',
distance:'300px'
});
sr.reveal('.showcase-right', {
duration: 600,
origin:'right',
distance:'300px'
});
sr.reveal('.showcase-btn', {
duration: 600,
delay: 600,
origin:'bottom'
});
sr.reveal('#testimonial div', {
duration: 600,
origin:'bottom'
});
sr.reveal('.info-left', {
duration: 600,
origin:'left',
distance:'300px',
viewFactor: 0.2
});
sr.reveal('.info-right', {
duration: 600,
origin:'right',
distance:'300px',
viewFactor: 0.2
});
sr.reveal('.sr-icons', {
duration: 600,
scale: 0.3,
distance: '0px'
}, 200);
sr.reveal('.sr-button', {
duration: 1000,
delay: 600
});
sr.reveal('.sr-contact', {
duration: 600,
scale: 0.3,
distance: '0px'
}, 300);
})(jQuery); // End of use strict

5641
package-lock.json

File diff suppressed because it is too large

37
package.json

@ -0,0 +1,37 @@
{
"title": "Scrolling Nav",
"name": "startbootstrap-scrolling-nav",
"version": "4.0.0",
"description": "A smooth scrolling navigation HTML template built with Bootstrap",
"keywords": [
"css",
"sass",
"html",
"responsive",
"theme",
"template"
],
"homepage": "https://startbootstrap.com/template-overviews/scrolling-nav",
"bugs": {
"url": "https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/issues",
"email": "feedback@startbootstrap.com"
},
"license": "MIT",
"author": "Start Bootstrap",
"contributors": [
"David Miller (http://davidmiller.io/)"
],
"repository": {
"type": "git",
"url": "https://github.com/BlackrockDigital/startbootstrap-scrolling-nav.git"
},
"dependencies": {
"bootstrap": "4.0.0",
"jquery": "3.3.1",
"jquery.easing": "^1.4.1"
},
"devDependencies": {
"browser-sync": "2.23.6",
"gulp": "^3.9.1"
}
}

1567
vendor/bootstrap/css/bootstrap-grid.css

@ -0,0 +1,1567 @@
/*!
* Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com)
* Copyright 2011-2017 The Bootstrap Authors
* Copyright 2011-2017 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}