Showing preview only (1,288K chars total). Download the full file or copy to clipboard to get everything.
Repository: htmlstreamofficial/stream-ui-kit
Branch: master
Commit: 4f159f39ea57
Files: 208
Total size: 1.2 MB
Directory structure:
gitextract_vncmh7ak/
├── LICENSE
├── README.md
├── about-me.html
├── about-us.html
├── assets/
│ ├── css/
│ │ ├── min.styles.css
│ │ └── styles.css
│ ├── include/
│ │ └── scss/
│ │ ├── _core.scss
│ │ ├── _variables.scss
│ │ ├── blocks/
│ │ │ ├── _alerts.scss
│ │ │ ├── _arrows.scss
│ │ │ ├── _avatar.scss
│ │ │ ├── _border-radius.scss
│ │ │ ├── _buttons.scss
│ │ │ ├── _carousel.scss
│ │ │ ├── _clients.scss
│ │ │ ├── _forms.scss
│ │ │ ├── _header-navbar.scss
│ │ │ ├── _mockup-browser.scss
│ │ │ ├── _mockup-device.scss
│ │ │ ├── _modals.scss
│ │ │ ├── _pager.scss
│ │ │ ├── _popover.scss
│ │ │ ├── _portfolio.scss
│ │ │ ├── _pricing.scss
│ │ │ ├── _profile.scss
│ │ │ ├── _progress-bar.scss
│ │ │ ├── _promo-blocks-v1.scss
│ │ │ ├── _tabs.scss
│ │ │ ├── blockquote/
│ │ │ │ ├── _blockquote-v1.scss
│ │ │ │ └── _blockquote-v2.scss
│ │ │ ├── globals/
│ │ │ │ └── _globals.scss
│ │ │ ├── helpers/
│ │ │ │ └── _helpers.scss
│ │ │ └── icons/
│ │ │ ├── _icon-block.scss
│ │ │ ├── _icon-sizes.scss
│ │ │ ├── _icon-styles.scss
│ │ │ └── _icon.scss
│ │ ├── styles.scss
│ │ ├── tools/
│ │ │ ├── _functions.scss
│ │ │ ├── _mixins.scss
│ │ │ └── mixins/
│ │ │ ├── _breakpoint.scss
│ │ │ ├── _content-centered.scss
│ │ │ ├── _icons.scss
│ │ │ └── _px-to-rem.scss
│ │ └── vendors/
│ │ └── bootstrap/
│ │ ├── _custom.bootstrap.variables.scss
│ │ ├── _dropdown.scss
│ │ ├── _heading.scss
│ │ ├── _text.scss
│ │ ├── _width.scss
│ │ └── bootstrap.scss
│ ├── js/
│ │ ├── global.js
│ │ ├── header-demo.js
│ │ └── vendors/
│ │ ├── carousel.js
│ │ ├── counters.js
│ │ ├── magnific-popup.js
│ │ ├── masonry.js
│ │ ├── parallax.js
│ │ └── shuffle.js
│ └── vendors/
│ ├── bootstrap/
│ │ ├── css/
│ │ │ └── bootstrap.css
│ │ ├── js/
│ │ │ └── bootstrap.js
│ │ └── scss/
│ │ ├── _alert.scss
│ │ ├── _badge.scss
│ │ ├── _breadcrumb.scss
│ │ ├── _button-group.scss
│ │ ├── _buttons.scss
│ │ ├── _card.scss
│ │ ├── _carousel.scss
│ │ ├── _close.scss
│ │ ├── _code.scss
│ │ ├── _custom-forms.scss
│ │ ├── _dropdown.scss
│ │ ├── _forms.scss
│ │ ├── _functions.scss
│ │ ├── _grid.scss
│ │ ├── _images.scss
│ │ ├── _input-group.scss
│ │ ├── _jumbotron.scss
│ │ ├── _list-group.scss
│ │ ├── _media.scss
│ │ ├── _mixins.scss
│ │ ├── _modal.scss
│ │ ├── _nav.scss
│ │ ├── _navbar.scss
│ │ ├── _pagination.scss
│ │ ├── _popover.scss
│ │ ├── _print.scss
│ │ ├── _progress.scss
│ │ ├── _reboot.scss
│ │ ├── _root.scss
│ │ ├── _tables.scss
│ │ ├── _tooltip.scss
│ │ ├── _transitions.scss
│ │ ├── _type.scss
│ │ ├── _utilities.scss
│ │ ├── _variables.scss
│ │ ├── bootstrap-grid.scss
│ │ ├── bootstrap-reboot.scss
│ │ ├── bootstrap.scss
│ │ ├── mixins/
│ │ │ ├── _alert.scss
│ │ │ ├── _background-variant.scss
│ │ │ ├── _badge.scss
│ │ │ ├── _border-radius.scss
│ │ │ ├── _box-shadow.scss
│ │ │ ├── _breakpoints.scss
│ │ │ ├── _buttons.scss
│ │ │ ├── _caret.scss
│ │ │ ├── _clearfix.scss
│ │ │ ├── _float.scss
│ │ │ ├── _forms.scss
│ │ │ ├── _gradients.scss
│ │ │ ├── _grid-framework.scss
│ │ │ ├── _grid.scss
│ │ │ ├── _hover.scss
│ │ │ ├── _image.scss
│ │ │ ├── _list-group.scss
│ │ │ ├── _lists.scss
│ │ │ ├── _nav-divider.scss
│ │ │ ├── _pagination.scss
│ │ │ ├── _reset-text.scss
│ │ │ ├── _resize.scss
│ │ │ ├── _screen-reader.scss
│ │ │ ├── _size.scss
│ │ │ ├── _table-row.scss
│ │ │ ├── _text-emphasis.scss
│ │ │ ├── _text-hide.scss
│ │ │ ├── _text-truncate.scss
│ │ │ ├── _transition.scss
│ │ │ └── _visibility.scss
│ │ └── utilities/
│ │ ├── _align.scss
│ │ ├── _background.scss
│ │ ├── _borders.scss
│ │ ├── _clearfix.scss
│ │ ├── _display.scss
│ │ ├── _embed.scss
│ │ ├── _flex.scss
│ │ ├── _float.scss
│ │ ├── _position.scss
│ │ ├── _screenreaders.scss
│ │ ├── _shadows.scss
│ │ ├── _sizing.scss
│ │ ├── _spacing.scss
│ │ ├── _text.scss
│ │ └── _visibility.scss
│ ├── font-awesome/
│ │ ├── LICENSE.txt
│ │ ├── README.md
│ │ ├── css/
│ │ │ ├── fa-brands.css
│ │ │ ├── fa-regular.css
│ │ │ ├── fa-solid.css
│ │ │ ├── fontawesome-all.css
│ │ │ └── fontawesome.css
│ │ ├── less/
│ │ │ ├── _animated.less
│ │ │ ├── _bordered-pulled.less
│ │ │ ├── _core.less
│ │ │ ├── _fixed-width.less
│ │ │ ├── _icons.less
│ │ │ ├── _larger.less
│ │ │ ├── _list.less
│ │ │ ├── _mixins.less
│ │ │ ├── _rotated-flipped.less
│ │ │ ├── _screen-reader.less
│ │ │ ├── _stacked.less
│ │ │ ├── _variables.less
│ │ │ ├── fa-brands.less
│ │ │ ├── fa-regular.less
│ │ │ ├── fa-solid.less
│ │ │ └── fontawesome.less
│ │ └── scss/
│ │ ├── _animated.scss
│ │ ├── _bordered-pulled.scss
│ │ ├── _core.scss
│ │ ├── _fixed-width.scss
│ │ ├── _icons.scss
│ │ ├── _larger.scss
│ │ ├── _list.scss
│ │ ├── _mixins.scss
│ │ ├── _rotated-flipped.scss
│ │ ├── _screen-reader.scss
│ │ ├── _stacked.scss
│ │ ├── _variables.scss
│ │ ├── fa-brands.scss
│ │ ├── fa-regular.scss
│ │ ├── fa-solid.scss
│ │ └── fontawesome.scss
│ ├── jquery.parallax.js
│ ├── magnific-popup/
│ │ ├── jquery.magnific-popup.js
│ │ └── magnific-popup.css
│ ├── simple-line-icons/
│ │ └── css/
│ │ └── simple-line-icons.css
│ ├── slick-carousel/
│ │ └── slick.css
│ ├── tilt/
│ │ ├── .babelrc
│ │ ├── .gitignore
│ │ ├── .jshintrc
│ │ ├── .npmignore
│ │ ├── .travis.yml
│ │ ├── LICENSE
│ │ ├── demo/
│ │ │ ├── index.html
│ │ │ └── scss/
│ │ │ └── tilt.scss
│ │ ├── dest/
│ │ │ └── tilt.jquery.js
│ │ ├── readme.md
│ │ ├── src/
│ │ │ └── tilt.jquery.js
│ │ └── tests/
│ │ ├── tests.html
│ │ └── tests.js
│ └── typedjs/
│ ├── typed.css
│ └── typed.js
├── contacts.html
├── gulpfile.js
├── home-page.html
├── index.html
├── package.json
├── services.html
└── starter-template.html
================================================
FILE CONTENTS
================================================
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2018 Html Stream
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.
================================================
FILE: README.md
================================================
# [Stream - UI Kit](https://htmlstream.com/preview/stream-ui-kit/) :raised_hands:
[](https://htmlstream.com/preview/stream-ui-kit/)
Stream UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with 5 beautiful complete pages and includes over 20 reusable and customizable UI Blocks. It’s lightweight and only ~17kb when minified.
### What’s Included
The download package includes .zip folder, please unzip the compressed folder and you’ll find the following directories and files including all raw source files:
```
stream-ui-kit-v1.0/
├── assets/
│ ├── css/
│ │ ├── styles.css
│ │ ├── min.styles.css
│ ├── img/
│ │ ├── ...
│ ├── img-temp/
│ │ ├── ...
│ ├── include/
│ │ ├── scss/
│ │ │ ├── ...
│ ├── js/
│ │ ├── global.js
│ │ ├── ...
│ ├── vendor/
│ │ ├── bootstrap/
│ │ ├── chartist-js/
│ │ ├── ...
├── README.md
├── package.json
├── gulpfile.js
├── index.html
├── home-page.html
├── services.html
├── about-us.html
├── about-me.html
├── contacts.html
├── starter-template.html
```
### Complete with Examples
We have created 5 beautiful complete pages with over 20 reusable and customizable UI Blocks to quickly start with the Stream UI Kit.
- [UI Kit](https://htmlstream.com/preview/stream-ui-kit/index.html)
- [Home](https://htmlstream.com/preview/stream-ui-kit/home-page.html)
- [Services](https://htmlstream.com/preview/stream-ui-kit/services.html)
- [About Us](https://htmlstream.com/preview/stream-ui-kit/about-us.html)
- [About Me - Profile](https://htmlstream.com/preview/stream-ui-kit/about-me.html)
- [Contacts](https://htmlstream.com/preview/stream-ui-kit/contacts.html)
- Starter Template
### Online Documentation
Stream UI Kit comes with detailed documentation to quick start. In addition, the documentation includes credits for images, icons and libraries. Here is a link to [online documentation](https://htmlstream.com/preview/stream-ui-kit/docs.html)
### Built by Htmlstream
Stream Ui Kit is built by the team that has customers in the background such us Stanford University, The University of Maryland, University of Victoria and many more Governments, Corporate Agencies.
Our soical network profiles:
- [Twitter](https://twitter.com/htmlstream)
- [Facebook](https://www.facebook.com/)
- [Dribbble](https://dribbble.com/htmlstream)
- [Instagram](https://www.instagram.com/htmlstream/)
### Credits
First, let us take this opportunity to thank all the creative minds for their great products and hard work. All used third party libraries are located in `assets/vendor/..` and image sources in `assets/img-temp/..`
Name | URL
------------ | -------------
Bootstrap | https://getbootstrap.com
jQuery | http://jquery.com
Font Awesome | https://fontawesome.com
Slick Carousel | http://kenwheeler.github.io/slick
jQuery Parallax | https://ianlunn.co.uk/plugins/jquery-parallax
Typed.js | https://mattboldt.com/demos/typed-js
Counter-Up | https://github.com/bfintal/Counter-Up
Magnific Popup | http://dimsemenov.com/plugins/magnific-popup
Shuffle | https://vestride.github.io/Shuffle
#### Fonts & Images
- Google Fonts: http://www.google.com/fonts
- Unsplash Beautiful free photos: http://unsplash.com
### Licensed under MIT
Stream UI Kit is Open Source project and licensed under MIT for better Web.
================================================
FILE: about-me.html
================================================
<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- Head -->
<head>
<title>About me | Stream - UI Kit</title>
<!-- Meta -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="keywords" content="Bootstrap Theme, Freebies, UI Kit, MIT license">
<meta name="description" content="Stream - UI Kit">
<meta name="author" content="htmlstream.com">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Web Fonts -->
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400,700%7COpen+Sans:300,400,600,700" rel="stylesheet">
<!-- Bootstrap Styles -->
<link rel="stylesheet" type="text/css" href="assets/vendors/bootstrap/css/bootstrap.css">
<!-- Components Vendor Styles -->
<link rel="stylesheet" type="text/css" href="assets/vendors/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendors/magnific-popup/magnific-popup.css">
<!-- Theme Styles -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
</head>
<!-- End Head -->
<body>
<!-- Header -->
<header>
<!-- Navbar -->
<nav class="js-navbar-scroll navbar fixed-top navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo-white.png" alt="Stream UI Kit" style="width: 100px;">
</a>
<button class="navbar-toggler" type="button"
data-toggle="collapse"
data-target="#navbarTogglerDemo"
aria-controls="navbarTogglerDemo"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo">
<ul class="navbar-nav mt-2 mt-lg-0">
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link active" href="index.html">Back to UI Kit</a>
</li>
</ul>
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="home-page.html">Home</a>
</li>
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item dropdown mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About <i class="fas fa-angle-down small ml-1"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="about-us.html">About Us</a>
<a class="dropdown-item active" href="about-me.html">About Me</a>
</div>
</li>
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
<div>
<a class="btn btn-primary" data-toggle="modal" href="#callUsModal">
<i class="fas fa-phone-square mr-1"></i> Call Me
</a>
</div>
</div>
</div>
</nav>
<!-- End Navbar -->
<!-- Promo Block -->
<section class="js-parallax u-promo-block u-promo-block--mheight-500 u-overlay u-overlay--dark text-white" style="background-image: url(assets/img-temp/1920x1080/img5.jpg);">
<!-- Promo Content -->
<div class="container u-overlay__inner u-ver-center u-content-space">
<div class="row justify-content-center">
<div class="col-12">
<div class="text-center">
<h1 class="display-sm-4 display-lg-3">Jane Moris</h1>
<p class="h6 text-uppercase u-letter-spacing-sm mb-2">UI/UX Designer, Stream</p>
<ul class="list-inline text-center mb-0">
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Facebook">
<a class="text-white" href="#!">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Dribbble">
<a class="text-white" href="#!">
<i class="fab fa-dribbble"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Linkedin">
<a class="text-white" href="#!">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Twitter">
<a class="text-white" href="#!">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Twitter">
<a class="text-white" href="#!">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Promo Content -->
</section>
<!-- End Promo Block -->
</header>
<!-- End Header -->
<main role="main">
<!-- About Section -->
<section>
<div class="container">
<!-- Profile Block -->
<div class="row">
<div class="col-md-4 mx-auto">
<div class="u-pull-half text-center">
<img class="img-fluid u-avatar u-box-shadow-lg rounded-circle mb-3" width="200" height="auto" src="assets/img-temp/200x200/img1.jpg" alt="Image Description">
</div>
</div>
</div>
<!-- End Profile Block -->
<!-- About and Skills -->
<div class="row u-content-space-bottom">
<div class="col-lg-6 mb-5 mb-lg-5 pl-lg-5">
<h4 class="mb-3">About me</h4>
<p>I am an ambitious workaholic, but apart from that, pretty simple person. Whether it's branding, print, UI + UX I've got you covered.</p>
<p>I strive to figure out the right solutions for your look to stand out amongst the rest.</p>
<p class="blockquote-footer">Jane Moris, UI/UX Designer</p>
</div>
<div class="col-lg-6">
<h4 class="mb-3">My skills</h4>
<!-- Progress Bar -->
<h5 class="u-font-size-90 mb-1">Web Design - 93%</h4>
<div class="progress mb-3">
<div class="progress-bar bg-primary" role="progressbar" style="width: 93%" aria-valuenow="93" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- End Progress Bar -->
<!-- Progress Bar -->
<h5 class="u-font-size-90 mb-1">PHP/WordPress - 76%</h4>
<div class="progress mb-3">
<div class="progress-bar bg-primary" role="progressbar" style="width: 76%" aria-valuenow="76" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- End Progress Bar -->
<!-- Progress Bar -->
<h5 class="u-font-size-90 mb-1">jQuery - 80%</h4>
<div class="progress mb-3">
<div class="progress-bar bg-primary" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- End Progress Bar -->
</div>
</div>
<!-- End About and Skills -->
</div>
</section>
<!-- End About Section -->
<div class="container">
<hr class="my-0">
</div>
<!-- Portfolio -->
<section class="u-content-space">
<div class="container">
<header class="text-center w-md-50 mx-auto mb-8">
<h2 class="h1">Branding Works</h2>
<p class="h5">We design and develop experiences that make people's lives easy and simple.</p>
</header>
<ul class="js-shuffle-controls u-portfolio-controls text-center mb-5">
<li class="u-portfolio-controls__item"><a href="#!" data-group="all" class="active">All</a></li>
<li class="u-portfolio-controls__item"><a href="#!" data-group="its-illustration">Illustration</a></li>
<li class="u-portfolio-controls__item"><a href="#!" data-group="its-design">Design</a></li>
<li class="u-portfolio-controls__item"><a href="#!" data-group="its-graphic">Graphic</a></li>
<li class="u-portfolio-controls__item"><a href="#!" data-group="its-logo">Logo</a></li>
</ul>
<!-- Work Content -->
<div class="js-shuffle u-portfolio row no-gutters mb-6">
<figure class="col-sm-6 col-md-4 u-portfolio__item" data-groups='["its-illustration"]'>
<img class="u-portfolio__image" src="assets/img-temp/portfolio/img1.jpg" alt="Image Description">
<figcaption class="u-portfolio__info">
<h6 class="mb-0">IX Project</h6>
<small class="d-block">Branding</small>
</figcaption>
<a class="js-popup-image u-portfolio__zoom" href="assets/img-temp/portfolio/img1.jpg">Zoom</a>
</figure>
<figure class="col-sm-6 col-md-4 u-portfolio__item" data-groups='["its-design"]'>
<img class="u-portfolio__image" src="assets/img-temp/portfolio/img2.jpg" alt="Image Description">
<figcaption class="u-portfolio__info">
<h6 class="mb-0">Bottle Design</h6>
<small class="d-block">Mock-up</small>
</figcaption>
<a class="js-popup-image u-portfolio__zoom" href="assets/img-temp/portfolio/img2.jpg">Zoom</a>
</figure>
<figure class="col-sm-6 col-md-4 u-portfolio__item" data-groups='["its-graphic"]'>
<img class="u-portfolio__image" src="assets/img-temp/portfolio/img3.jpg" alt="Image Description">
<figcaption class="u-portfolio__info">
<h6 class="mb-0">App Development</h6>
<small class="d-block">Åpp</small>
</figcaption>
<a class="js-popup-image u-portfolio__zoom" href="assets/img-temp/portfolio/img3.jpg">Zoom</a>
</figure>
<figure class="col-sm-6 col-md-4 u-portfolio__item" data-groups='["its-logo"]'>
<img class="u-portfolio__image" src="assets/img-temp/portfolio/img4.jpg" alt="Image Description">
<figcaption class="u-portfolio__info">
<h6 class="mb-0">Just Bored</h6>
<small class="d-block">Freetime</small>
</figcaption>
<a class="js-popup-image u-portfolio__zoom" href="assets/img-temp/portfolio/img4.jpg">Zoom</a>
</figure>
<figure class="col-sm-6 col-md-4 u-portfolio__item" data-groups='["its-illustration"]'>
<img class="u-portfolio__image" src="assets/img-temp/portfolio/img5.jpg" alt="Image Description">
<figcaption class="u-portfolio__info">
<h6 class="mb-0">Cake Lab</h6>
<small class="d-block">Graphic</small>
</figcaption>
<a class="js-popup-image u-portfolio__zoom" href="assets/img-temp/portfolio/img5.jpg">Zoom</a>
</figure>
<figure class="col-sm-6 col-md-4 u-portfolio__item" data-groups='["its-graphic"]'>
<img class="u-portfolio__image" src="assets/img-temp/portfolio/img6.jpg" alt="Image Description">
<figcaption class="u-portfolio__info">
<h6 class="mb-0">NB Project</h6>
<small class="d-block">Logo</small>
</figcaption>
<a class="js-popup-image u-portfolio__zoom" href="assets/img-temp/portfolio/img6.jpg">Zoom</a>
</figure>
<!-- sizer -->
<figure class="col-sm-6 col-md-4 u-portfolio__item shuffle_sizer"></figure>
</div>
<!-- End Work Content -->
<!-- Clints -->
<div class="text-center">
<ul class="list-unstyled row justify-content-center mb-2">
<li class="col-sm-6 col-lg-2">
<img class="u-clients__image img-fluid" src="assets/img-temp/partners/img2.png" alt="Image Description">
</li>
<li class="col-sm-6 col-lg-2">
<img class="u-clients__image img-fluid" src="assets/img-temp/partners/img3.png" alt="Image Description">
</li>
<li class="col-sm-6 col-lg-2">
<img class="u-clients__image img-fluid" src="assets/img-temp/partners/img4.png" alt="Image Description">
</li>
<li class="col-sm-6 col-lg-2">
<img class="u-clients__image img-fluid" src="assets/img-temp/partners/img5.png" alt="Image Description">
</li>
</ul>
<p>Got project? <a href="contacts.html">Request a free quote!</a></p>
</div>
<!-- End Clints -->
</div>
</section>
<!-- End Portfolio -->
</main>
<!-- Footer -->
<footer class="bg-dark py-5">
<div class="container">
<div class="row">
<div class="col-md-8 text-center text-md-left mb-3 mb-md-0">
<small class="text-white">© 2018 <a class="text-white" href="https://htmlstream.com">Htmlstream</a>. All Rights Reserved.</small>
</div>
<div class="col-md-4 align-self-center">
<ul class="list-inline text-center text-md-right mb-0">
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Facebook">
<a class="text-white" target="_blank" href="https://www.facebook.com/htmlstream">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Instagram">
<a class="text-white" target="_blank" href="https://www.instagram.com/htmlstream">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Twitter">
<a class="text-white" target="_blank" href="https://twitter.com/htmlstream">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Dribbble">
<a class="text-white" target="_blank" href="https://dribbble.com/htmlstream">
<i class="fab fa-dribbble"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Call Us Modal Window -->
<div class="modal fade" id="callUsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<form action="#">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">We'll call you</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group mb-4">
<input type="text" class="form-control" id="modalName" placeholder="Your Name">
</div>
<div class="form-group mb-4">
<input type="tel" class="form-control" id="modalPhone" placeholder="Your Phone Number">
</div>
<div class="text-right">
<button type="submit" class="btn btn-primary">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- End Call Us Modal Window -->
<!-- JAVASCRIPTS (Load javascripts at bottom, this will reduce page load time) -->
<!-- Global Vendor -->
<script src="assets/vendors/jquery.min.js"></script>
<script src="assets/vendors/jquery.migrate.min.js"></script>
<script src="assets/vendors/popper.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.min.js"></script>
<!-- Components Vendor -->
<script src="assets/vendors/jquery.parallax.js"></script>
<script src="assets/vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendors/shuffle/jquery.shuffle.min.js"></script>
<!-- Theme Settings and Calls -->
<script src="assets/js/global.js"></script>
<!-- Theme Components and Settings -->
<script src="assets/js/vendors/parallax.js"></script>
<script src="assets/js/vendors/magnific-popup.js"></script>
<script src="assets/js/vendors/shuffle.js"></script>
<!-- END JAVASCRIPTS -->
</body>
<!-- End Body -->
</html>
================================================
FILE: about-us.html
================================================
<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- Head -->
<head>
<title>About us | Stream - UI Kit</title>
<!-- Meta -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="keywords" content="Bootstrap Theme, Freebies, UI Kit, MIT license">
<meta name="description" content="Stream - UI Kit">
<meta name="author" content="htmlstream.com">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- Web Fonts -->
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400,700%7COpen+Sans:300,400,600,700" rel="stylesheet">
<!-- Bootstrap Styles -->
<link rel="stylesheet" type="text/css" href="assets/vendors/bootstrap/css/bootstrap.css">
<!-- Components Vendor Styles -->
<link rel="stylesheet" type="text/css" href="assets/vendors/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" type="text/css" href="assets/vendors/slick-carousel/slick.css">
<!-- Theme Styles -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
</head>
<!-- End Head -->
<body>
<!-- Header -->
<header>
<!-- Navbar -->
<nav class="js-navbar-scroll navbar fixed-top navbar-expand-lg navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo-white.png" alt="Stream UI Kit" style="width: 100px;">
</a>
<button class="navbar-toggler" type="button"
data-toggle="collapse"
data-target="#navbarTogglerDemo"
aria-controls="navbarTogglerDemo"
aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo">
<ul class="navbar-nav mt-2 mt-lg-0">
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link active" href="index.html">Back to UI Kit</a>
</li>
</ul>
<ul class="navbar-nav ml-auto mt-2 mt-lg-0">
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="home-page.html">Home</a>
</li>
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item dropdown mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About <i class="fas fa-angle-down small ml-1"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item active" href="about-us.html">About Us</a>
<a class="dropdown-item" href="about-me.html">About Me</a>
</div>
</li>
<li class="nav-item mr-4 mb-2 mb-lg-0">
<a class="nav-link" href="contacts.html">Contacts</a>
</li>
</ul>
<div>
<a class="btn btn-primary" data-toggle="modal" href="#callUsModal">
<i class="fas fa-phone-square mr-1"></i> Call Me
</a>
</div>
</div>
</div>
</nav>
<!-- End Navbar -->
<!-- Promo Block -->
<section class="js-parallax u-promo-block u-promo-block--mheight-500 u-overlay u-overlay--dark text-white" style="background-image: url(assets/img-temp/1920x1080/img6.jpg);">
<!-- Promo Content -->
<div class="container u-overlay__inner u-ver-center u-content-space">
<div class="row justify-content-center">
<div class="col-12">
<div class="text-center">
<h1 class="display-sm-4 display-lg-3">About Us</h1>
<p class="h6 text-uppercase u-letter-spacing-sm mb-0">Stream - UI Kit</p>
</div>
</div>
</div>
</div>
<!-- End Promo Content -->
</section>
<!-- End Promo Block -->
</header>
<!-- End Header -->
<main role="main">
<!-- About -->
<section class="container u-content-space u-bg-arrow-wrapper">
<div class="text-center u-bg-arrow-bottom">
<p class="h5 mb-0">Stream is a <strong class="text-primary">creative</strong> technology company providing key digital services.<br>Focused on helping our clients to build a <strong class="text-primary">successful</strong> business on web and mobile.</p>
</div>
</section>
<!-- End About -->
<!-- Features Blocks -->
<section class="text-center bg-light u-content-space">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="display-4 text-primary mb-4">
<i class="fas fa-lightbulb"></i>
</div>
<h4 class="h5">Professional Design</h4>
<p class="mb-0">Achieve virtually any look and layout from within the one template.</p>
</div>
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="display-4 text-primary mb-4">
<i class="fas fa-cubes"></i>
</div>
<h4 class="h5">Unlimited Power</h4>
<p class="mb-0">Find what you need in one template and combine features at will.</p>
</div>
<div class="col-lg-4 mb-5 mb-lg-0">
<div class="display-4 text-primary mb-4">
<i class="fas fa-fire"></i>
</div>
<h4 class="h5">Stream Strategy</h4>
<p class="mb-0">We strive to figure out ways to help your audience grow through all platforms.</p>
</div>
</div>
</div>
</section>
<!-- End Features Blocks -->
<!-- Stats -->
<section class="u-content-space">
<div class="container">
<header class="text-center w-md-50 mx-auto mb-8">
<h2 class="h1">What we are good at?</h2>
<p class="h5">Your business needs a little push. We strive to figure out ways to help your audience grow.</p>
</header>
<div class="row">
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="row align-items-end">
<!-- Vertical Progress Bar -->
<div class="col-3 text-center">
<div class="u-progress-bar-vertical rounded mb-3">
<div class="u-progress-bar-vertical__indicator rounded-bottom" style="height: 90%;"></div>
</div>
<div class="small">90%</div>
<h4 class="h6">UI/UX</h4>
</div>
<!-- End Vertical Progress Bar -->
<!-- Vertical Progress Bar -->
<div class="col-3 text-center">
<div class="u-progress-bar-vertical rounded mb-3">
<div class="u-progress-bar-vertical__indicator rounded-bottom" style="height: 76%;"></div>
</div>
<div class="small">76%</div>
<h4 class="h6">Vue.js</h4>
</div>
<!-- End Vertical Progress Bar -->
<!-- Vertical Progress Bar -->
<div class="col-3 text-center">
<div class="u-progress-bar-vertical rounded mb-3">
<div class="u-progress-bar-vertical__indicator rounded-bottom" style="height: 92%;"></div>
</div>
<div class="small">92%</div>
<h4 class="h6">Angular</h4>
</div>
<!-- End Vertical Progress Bar -->
<!-- Vertical Progress Bar -->
<div class="col-3 text-center">
<div class="u-progress-bar-vertical rounded mb-3">
<div class="u-progress-bar-vertical__indicator rounded-bottom" style="height: 81%;"></div>
</div>
<div class="small">81%</div>
<h4 class="h6">React</h4>
</div>
<!-- End Vertical Progress Bar -->
</div>
</div>
<div class="col-lg-6 text-center text-lg-left pl-lg-5">
<p>As creatives, it's important that we strive to do work outside of obligation. This lets us stay ahead of the curve for our clients and internal projects.</p>
<p>At the end of the day, it's important to not let being busy distract us from having fun. Smiling, laughing, and hanging helps us work together to achieve this. It’s important to stay detail oriented with every project we tackle.</p>
</div>
</div>
</div>
</section>
<!-- End Stats -->
<!-- Team -->
<section class="bg-light u-content-space">
<div class="container">
<header class="text-center w-md-50 mx-auto mb-8">
<h2 class="h1">Our Creative Folks</h2>
<p class="h5">Our top professionals are ready to help with your business.</p>
</header>
<!-- Team Block -->
<div class="row">
<div class="col-lg-3 col-sm-6 mb-5">
<!-- Team Block -->
<figure>
<img class="w-100 rounded-top" src="assets/img-temp/400x550/img1.jpg" alt="Image Description">
<!-- Figure Info -->
<div class="u-box-shadow-sm bg-white text-center rounded p-4">
<div class="mb-3">
<h5 class="mb-1">Jane Rowe</h5>
<small class="d-block font-style-normal text-uppercase text-primary u-letter-spacing-xs">Social Marketer</small>
</div>
</div>
<!-- End Figure Info-->
</figure>
<!-- End Figure -->
</div>
<div class="col-lg-3 col-sm-6 mb-5">
<!-- Team Block -->
<figure>
<img class="w-100 rounded-top" src="assets/img-temp/400x550/img2.jpg" alt="Image Description">
<!-- Figure Info -->
<div class="u-box-shadow-sm bg-white text-center rounded p-4">
<div class="mb-3">
<h5 class="mb-1">Mark Krueger</h5>
<small class="d-block font-style-normal text-uppercase text-primary u-letter-spacing-xs">Web Developer</small>
</div>
</div>
<!-- End Figure Info-->
</figure>
<!-- End Figure -->
</div>
<div class="col-lg-3 col-sm-6 mb-5">
<!-- Team Block -->
<figure>
<img class="w-100 rounded-top" src="assets/img-temp/400x550/img3.jpg" alt="Image Description">
<!-- Figure Info -->
<div class="u-box-shadow-sm bg-white text-center rounded p-4">
<div class="mb-3">
<h5 class="mb-1">Emmely Case</h5>
<small class="d-block font-style-normal text-uppercase text-primary u-letter-spacing-xs">UI/UX Designer</small>
</div>
</div>
<!-- End Figure Info-->
</figure>
<!-- End Figure -->
</div>
<div class="col-lg-3 col-sm-6 mb-5">
<!-- Team Block -->
<figure>
<img class="w-100 rounded-top" src="assets/img-temp/400x550/img4.jpg" alt="Image Description">
<!-- Figure Info -->
<div class="u-box-shadow-sm bg-white text-center rounded p-4">
<div class="mb-3">
<h5 class="mb-1">David Lisbon</h5>
<small class="d-block font-style-normal text-uppercase text-primary u-letter-spacing-xs">Support Manager</small>
</div>
</div>
<!-- End Figure Info-->
</figure>
<!-- End Figure -->
</div>
</div>
<!-- End Team Block -->
</div>
</section>
<!-- End Team -->
<!-- Clients Section -->
<section class="u-content-space">
<div class="container">
<header class="text-center w-md-50 mx-auto mb-8">
<h2 class="h1 mb-0">Trusted by Great Companies</h2>
</header>
<div class="js-clients u-clients mb-4">
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img1.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img2.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img3.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img4.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img5.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img6.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img7.png" alt="Image Description">
</div>
<div>
<img class="u-clients__image" src="assets/img-temp/partners/img8.png" alt="Image Description">
</div>
</div>
</div>
</section>
<!-- End Clients Section -->
</main>
<!-- Footer -->
<footer class="bg-dark py-5">
<div class="container">
<div class="row">
<div class="col-md-8 text-center text-md-left mb-3 mb-md-0">
<small class="text-white">© 2018 <a class="text-white" href="https://htmlstream.com">Htmlstream</a>. All Rights Reserved.</small>
</div>
<div class="col-md-4 align-self-center">
<ul class="list-inline text-center text-md-right mb-0">
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Facebook">
<a class="text-white" target="_blank" href="https://www.facebook.com/htmlstream">
<i class="fab fa-facebook"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Instagram">
<a class="text-white" target="_blank" href="https://www.instagram.com/htmlstream">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Twitter">
<a class="text-white" target="_blank" href="https://twitter.com/htmlstream">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="list-inline-item mx-2" data-toggle="tooltip" data-placement="top" title="Dribbble">
<a class="text-white" target="_blank" href="https://dribbble.com/htmlstream">
<i class="fab fa-dribbble"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Call Us Modal Window -->
<div class="modal fade" id="callUsModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<form action="#">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">We'll call you</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="form-group mb-4">
<input type="text" class="form-control" id="modalName" placeholder="Your Name">
</div>
<div class="form-group mb-4">
<input type="tel" class="form-control" id="modalPhone" placeholder="Your Phone Number">
</div>
<div class="text-right">
<button type="submit" class="btn btn-primary">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- End Call Us Modal Window -->
<!-- JAVASCRIPTS (Load javascripts at bottom, this will reduce page load time) -->
<!-- Global Vendor -->
<script src="assets/vendors/jquery.min.js"></script>
<script src="assets/vendors/jquery.migrate.min.js"></script>
<script src="assets/vendors/popper.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.min.js"></script>
<!-- Components Vendor -->
<script src="assets/vendors/jquery.parallax.js"></script>
<script src="assets/vendors/slick-carousel/slick.min.js"></script>
<!-- Theme Settings and Calls -->
<script src="assets/js/global.js"></script>
<!-- Theme Components and Settings -->
<script src="assets/js/vendors/parallax.js"></script>
<script src="assets/js/vendors/carousel.js"></script>
<!-- END JAVASCRIPTS -->
</body>
<!-- End Body -->
</html>
================================================
FILE: assets/css/min.styles.css
================================================
body,html{font-size:1rem}.tab-content--v1 p:last-of-type,figure{margin-bottom:0}.alert__close,.btn,.form-toggle,.form-toggle__item,[role=button]{cursor:pointer}body{font-weight:400;font-family:"Open Sans",sans-serif;line-height:1.6;color:#1b1e24;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";text-rendering:optimizelegibility}a,a:hover{color:#59287a}a:focus{outline:0}p{line-height:1.8}hr{border-color:#e6e7e9}.h1,.h2,.h3,.h4,.h5,.h6,.h7,h1,h2,h3,h4,h5,h6{line-height:1.6}::-moz-selection{color:#fff;background-color:#59287a}::selection{color:#fff;background-color:#59287a}.bg-primary ::-moz-selection{color:#59287a;background-color:#fff}.bg-primary ::selection{color:#59287a;background-color:#fff}.alert__icon{font-size:1.25rem}.alert__close{padding:0;line-height:1.3;opacity:.7;background:0 0;border:none;font-size:1.625rem;transition:all .3s}.u-promo-block,.u-hero-img{background-repeat:no-repeat;background-position:50% 0;background-size:cover}.alert__close--light{color:#fff}.alert__close--dark{color:#1b1e24}.alert__close:hover{opacity:1}.alert__close:focus{outline:0;box-shadow:none}.u-bg-arrow-wrapper{position:relative}.u-bg-arrow-bottom::before{position:absolute;content:"";left:50%;margin-left:-20px;bottom:-25px;border-style:solid;border-width:25px 20px 0;border-color:#fff transparent transparent;z-index:3}.rounded-md{border-radius:.625rem}.btn{transition:.2s ease}.btn.focus,.btn:active:focus,.btn:focus .btn.active:focus{outline:0;box-shadow:none;border-color:transparent}.btn--circle{border-radius:100%;padding:0;width:2.625rem;height:2.625rem;line-height:2.625rem}.btn--circle.btn-sm{width:1.9375rem;height:1.9375rem;line-height:1.9375rem}.btn--circle.btn-lg{width:3.25rem;height:3.25rem;line-height:3.25rem}.btn--pill{border-radius:6.25rem;padding-left:1.25rem;padding-right:1.25rem}.btn--pill.btn-sm{padding-left:.9375rem;padding-right:.9375rem}.btn--pill.btn-lg{padding-left:1.5625rem;padding-right:1.5625rem}.btn-link,.btn-link:hover{color:#59287a}.carousel-control-size{font-size:2rem}.is-valid .form-label-text{color:#0dd157}.is-invalid .form-label-text{color:#fb4143}.is-disabled .form-label-text{color:#8f95a0}.form--pill{border-radius:6.25rem;padding-left:1rem;padding-right:1rem}.form-icon-wrapper{position:relative;display:block}.form-icon-input-left{padding-left:2.1875rem}.form-icon-input-right{padding-right:2.1875rem}.form-icon{position:absolute;height:100%;width:2.5rem}.form-icon--left{left:0}.form-icon--right{right:0}.form-icon__item{position:absolute;top:50%;left:50%;color:#8f95a0;transform:translate(-50%,-50%)}.form-toggle{position:relative}.form-toggle__item{display:block;padding-left:1px;padding-right:1px;width:43px;height:22px;font-style:normal;font-weight:700;font-size:9px;color:#d5d7dc;border:1px solid #d5d7dc;border-radius:6.25rem}.form-toggle__item i::after,.form-toggle__item i::before{content:"";display:block;position:absolute}.form-toggle__item i::before{content:attr(data-uncheck-icon);top:0;left:0;width:100%;line-height:18px;text-align:right;padding:2px 7px}.form-toggle__item i::after{left:4px;width:16px;height:16px;background-color:#d5d7dc;border-radius:50%;transform:translateY(-50%);transition:left .2s ease}.form-toggle input[type=checkbox],.form-toggle input[type=radio]{position:absolute;z-index:-1;opacity:0}.form-toggle input[type=checkbox]:checked+* .form-toggle__item,.form-toggle input[type=checkbox]:checked+.form-toggle__item,.form-toggle input[type=radio]:checked+* .form-toggle__item,.form-toggle input[type=radio]:checked+.form-toggle__item{color:#fff;background-color:#59287a;border-color:#59287a;transition:all .3s ease}.form-toggle input[type=checkbox]:checked+* .form-toggle__item i:before,.form-toggle input[type=checkbox]:checked+.form-toggle__item i:before,.form-toggle input[type=radio]:checked+* .form-toggle__item i:before,.form-toggle input[type=radio]:checked+.form-toggle__item i:before{content:attr(data-check-icon);text-align:left}.form-toggle input[type=checkbox]:checked+* .form-toggle__item i::after,.form-toggle input[type=checkbox]:checked+.form-toggle__item i::after,.form-toggle input[type=radio]:checked+* .form-toggle__item i::after,.form-toggle input[type=radio]:checked+.form-toggle__item i::after{left:calc(100% - 19px);background-color:#fff}.is-valid .form-toggle__item{color:#0dd157;border:1px solid #0dd157}.is-valid .form-toggle__item i::after{background-color:#0dd157}.is-valid .form-toggle input[type=checkbox]:checked+* .form-toggle__item,.is-valid .form-toggle input[type=checkbox]:checked+.form-toggle__item,.is-valid .form-toggle input[type=radio]:checked+* .form-toggle__item,.is-valid .form-toggle input[type=radio]:checked+.form-toggle__item{background-color:#0dd157;border-color:#0dd157}.is-invalid .form-toggle__item{color:#fb4143;border:1px solid #fb4143}.is-invalid .form-toggle__item i::after{background-color:#fb4143}.is-invalid .form-toggle input[type=checkbox]:checked+* .form-toggle__item,.is-invalid .form-toggle input[type=checkbox]:checked+.form-toggle__item,.is-invalid .form-toggle input[type=radio]:checked+* .form-toggle__item,.is-invalid .form-toggle input[type=radio]:checked+.form-toggle__item{background-color:#fb4143;border-color:#fb4143}.is-disabled .form-toggle__item{color:#e6e7e9;border:1px solid #e6e7e9}.is-disabled .form-toggle__item i::after{background-color:#e6e7e9}.is-disabled .form-toggle input[type=checkbox]:checked+* .form-toggle__item,.is-disabled .form-toggle input[type=checkbox]:checked+.form-toggle__item,.is-disabled .form-toggle input[type=radio]:checked+* .form-toggle__item,.is-disabled .form-toggle input[type=radio]:checked+.form-toggle__item{background-color:#e6e7e9;border-color:#e6e7e9}.custom-control-input.is-valid:checked~.custom-control-label::before{background-color:#0dd157}.custom-control-input.is-invalid:checked~.custom-control-label::before{background-color:#fb4143}.custom-control-input:disabled:checked~.custom-control-label::before{background-color:#d5d7dc}.modal-content{box-shadow:0 .25rem .6rem rgba(27,30,36,.07)}@media (min-width:576px){.modal-content{box-shadow:0 .5rem 1.625rem rgba(27,30,36,.07)}}.pager-btn{min-width:7.2rem}.pager-btn.btn-sm{min-width:6.2rem}.pager-btn.btn-lg{min-width:9.4rem}.popover{box-shadow:0 .25rem .6rem rgba(27,30,36,.07)}.progress--pill{border-radius:6.25rem}.u-progress-bar-vertical{display:flex;flex-flow:column nowrap;justify-content:flex-end;background-color:#faf7fc;height:200px}.u-progress-bar-vertical__indicator{background-color:#59287a}.nav-tabs--v1 .nav-item{margin-right:3px}.nav-tabs--v1 .nav-item:last-child{margin-right:0}.nav-tabs--v1 .nav-link{border-top-width:3px}.nav-tabs--v1 .nav-link:focus,.nav-tabs--v1 .nav-link:hover{border-color:transparent}.nav-tabs--v1 .nav-item.show .nav-link,.nav-tabs--v1 .nav-link.active{border-top-color:#59287a}.nav-tabs--v1 .nav-item.show .nav-link:focus,.nav-tabs--v1 .nav-item.show .nav-link:hover,.nav-tabs--v1 .nav-link.active:focus,.nav-tabs--v1 .nav-link.active:hover{border-left-color:#e6e7e9;border-right-color:#e6e7e9;border-top-color:#59287a}.tab-content--v1{padding:1.25rem 1rem;margin-top:-1px;border:1px solid #e6e7e9;border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.blockquote-v1{padding:1.5rem 1.25rem;background-color:#f6f9fc;font-size:1.25rem;font-weight:300;border-radius:.25rem;margin-bottom:1rem}.blockquote-v1--left{border-left:solid .25rem #59287a}.blockquote-v1--right{border-right:solid .25rem #59287a}.u-blockquote-v2{position:relative;background-color:#fff;box-shadow:5px 6px 9px -6px rgba(0,0,0,.15);padding:1.875rem 1.875rem 1.875rem 3.75rem}.u-blockquote-v2::before{content:"\201C";position:absolute;width:3.75rem;margin:-1.5625rem 0 0 -2.5rem;color:#59287a;font-size:3.75rem}.u-blockquote-v2::after{content:"";position:absolute;bottom:-1.875rem;left:3.75rem;display:block;width:0;height:0;border-style:solid;border-width:30px 30px 0 0;border-color:#fff transparent transparent;filter:drop-shadow(2px 2px 1px rgba(0, 0, 0, .1))}.u-device,.u-icon{position:relative}.u-blockquote-v2__image{width:3.75rem;height:3.75rem}.u-clients__item{border-width:1px 0 1px 1px;border-color:#e6e7e9;border-style:solid;padding:3rem 0}.u-clients__image{width:7.5rem;margin-left:auto;margin-right:auto;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);opacity:.3;transition:all .3s ease}.u-clients__image:hover{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0);opacity:1}.u-device{width:85%;z-index:-1;margin-bottom:-10rem}.u-device__item{border-radius:2rem;box-shadow:10px 15px 55px 15px rgba(140,152,164,.1)}.u-icon{z-index:1;line-height:.7;display:inline-block;vertical-align:middle;text-align:center;width:2.25rem;height:2.25rem;font-size:1.125rem;border-radius:.25rem;transition:.3s ease-in-out}.u-icon__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.u-icon__inner-bottom-minus{top:90%}.u-icon--size--xs{width:1.5rem;height:1.5rem;font-size:.8125rem}.u-icon--size--sm{width:2rem;height:2rem;font-size:1rem}.u-icon--size--lg{width:3.5rem;height:3.5rem;font-size:1.75rem}.u-icon--size--xl{width:5rem;height:5rem;font-size:2.375rem}.u-icon-primary{color:color-yiq(#59287a);background-color:#59287a;border-color:#59287a}.u-icon-primary[href]:hover{color:color-yiq(#441f5d);background-color:#441f5d;border-color:#3d1b54}.u-icon-primary.disabled,.u-icon-primary:disabled{background-color:#59287a;border-color:#59287a}.u-icon-secondary{color:color-yiq(#00c9a7);background-color:#00c9a7;border-color:#00c9a7}.u-icon-secondary[href]:hover{color:color-yiq(#00a387);background-color:#00a387;border-color:#00967d}.u-icon-secondary.disabled,.u-icon-secondary:disabled{background-color:#00c9a7;border-color:#00c9a7}.u-icon-success{color:color-yiq(#0dd157);background-color:#0dd157;border-color:#0dd157}.u-icon-success[href]:hover{color:color-yiq(#0bad48);background-color:#0bad48;border-color:#0aa143}.u-icon-success.disabled,.u-icon-success:disabled{background-color:#0dd157;border-color:#0dd157}.u-icon-info{color:color-yiq(#2972fa);background-color:#2972fa;border-color:#2972fa}.u-icon-info[href]:hover{color:color-yiq(#065af7);background-color:#065af7;border-color:#0555eb}.u-icon-info.disabled,.u-icon-info:disabled{background-color:#2972fa;border-color:#2972fa}.u-icon-warning{color:color-yiq(#fab633);background-color:#fab633;border-color:#fab633}.u-icon-warning[href]:hover{color:color-yiq(#f9a90e);background-color:#f9a90e;border-color:#f4a306}.u-icon-warning.disabled,.u-icon-warning:disabled{background-color:#fab633;border-color:#fab633}.u-icon-danger{color:color-yiq(#fb4143);background-color:#fb4143;border-color:#fb4143}.u-icon-danger[href]:hover{color:color-yiq(#fa1c1e);background-color:#fa1c1e;border-color:#fa0f12}.u-icon-danger.disabled,.u-icon-danger:disabled{background-color:#fb4143;border-color:#fb4143}.u-icon-light{color:color-yiq(#f6f9fc);background-color:#f6f9fc;border-color:#f6f9fc}.u-icon-light[href]:hover{color:color-yiq(#d9e6f2);background-color:#d9e6f2;border-color:#d0e0ef}.u-icon-light.disabled,.u-icon-light:disabled{background-color:#f6f9fc;border-color:#f6f9fc}.u-icon-dark{color:color-yiq(#1b1e24);background-color:#1b1e24;border-color:#1b1e24}.u-icon-dark[href]:hover{color:color-yiq(#0b0c0e);background-color:#0b0c0e;border-color:#050607}.u-icon-dark.disabled,.u-icon-dark:disabled{background-color:#1b1e24;border-color:#1b1e24}.u-icon-white{color:color-yiq(#fff);background-color:#fff;border-color:#fff}.u-icon-white[href]:hover{color:color-yiq(#ececec);background-color:#ececec;border-color:#e6e6e6}.u-icon-white.disabled,.u-icon-white:disabled{background-color:#fff;border-color:#fff}.u-icon-facebook{color:color-yiq(#3b5998);background-color:#3b5998;border-color:#3b5998}.u-icon-facebook[href]:hover{color:color-yiq(#30497c);background-color:#30497c;border-color:#2d4373}.u-icon-facebook.disabled,.u-icon-facebook:disabled{background-color:#3b5998;border-color:#3b5998}.u-icon-google{color:color-yiq(#d14130);background-color:#d14130;border-color:#d14130}.u-icon-google[href]:hover{color:color-yiq(#b33628);background-color:#b33628;border-color:#a93325}.u-icon-google.disabled,.u-icon-google:disabled{background-color:#d14130;border-color:#d14130}.u-icon-twitter{color:color-yiq(#1da1f2);background-color:#1da1f2;border-color:#1da1f2}.u-icon-twitter[href]:hover{color:color-yiq(#0d8ddc);background-color:#0d8ddc;border-color:#0c85d0}.u-icon-twitter.disabled,.u-icon-twitter:disabled{background-color:#1da1f2;border-color:#1da1f2}.u-icon-instagram{color:color-yiq(#3f729b);background-color:#3f729b;border-color:#3f729b}.u-icon-instagram[href]:hover{color:color-yiq(#345e80);background-color:#345e80;border-color:#305777}.u-icon-instagram.disabled,.u-icon-instagram:disabled{background-color:#3f729b;border-color:#3f729b}.u-icon-github{color:color-yiq(#24292e);background-color:#24292e;border-color:#24292e}.u-icon-github[href]:hover{color:color-yiq(#131619);background-color:#131619;border-color:#0e1011}.u-icon-github.disabled,.u-icon-github:disabled{background-color:#24292e;border-color:#24292e}.u-icon-block__col{padding-top:4rem;padding-bottom:4rem}@media (max-width:767px){.navbar-expand-sm.fixed-top{background-color:rgba(27,30,36,.3)}}@media (max-width:991px){.navbar-expand-md.fixed-top{background-color:rgba(27,30,36,.3)}}@media (max-width:1199px){.navbar-expand-lg.fixed-top{background-color:rgba(27,30,36,.3)}.u-promo-block{background-attachment:fixed}}.navbar-bg-onscroll.fixed-top{background-color:#672e8d;transition:all .3s ease-out}.navbar-bg-onscroll.fixed-top--fade{transition:all .4s ease-out}.u-portfolio-controls__item{display:inline-block;cursor:pointer}.u-portfolio-controls__item:not(:last-child)::after{content:"|";font-size:.71429rem;margin:0 4px;position:relative;top:-2px;line-height:inherit;display:inline-block;vertical-align:middle;color:transparent}.u-portfolio__info,.u-portfolio__zoom{position:absolute;left:0;right:0;bottom:0}@media (min-width:992px){.u-icon-block{border-bottom:solid 1px #e6e7e9}.u-icon-block__col--left-brd{border-left:solid 1px #e6e7e9}.u-portfolio-controls__item:not(:last-child)::after{color:#d5d7dc;margin:0 7px 0 12px}}.u-portfolio-controls .is-checked{color:#59287a}.u-portfolio__item{overflow:hidden;z-index:2}.u-portfolio__image{display:block;width:100%;height:auto;transition:all .2s ease}.u-portfolio__item:hover .u-portfolio__image{transform:translate3d(0,-60px,0)}.u-portfolio__info{height:3.75rem;overflow:hidden;color:#fff;background-color:#59287a;transition:all .2s ease;transform:translate3d(0,3.75rem,0);padding:.3125rem .9375rem}.u-portfolio__info small{opacity:.7}.u-portfolio__item:hover .u-portfolio__info{transform:translate3d(0,0,0)}.u-pull-half,.u-ver-center{transform:translate3d(0,-50%,0)}.u-portfolio__zoom{top:0;text-indent:-10000px}.u-promo-block{position:relative;min-height:100vh;padding-top:6.25rem;padding-bottom:6.25rem}.u-promo-block--mheight-450{min-height:450px}.u-promo-block--mheight-500{min-height:500px}.u-promo-block--mheight-600{min-height:600px}.u-pricing{background-color:#fff}.u-pricing__header{position:relative;padding:2.5rem 1.5rem}.u-pricing__header-price{display:block;line-height:.84}.u-pricing__header-title{opacity:.7;letter-spacing:3px}.u-pricing__header-decoration{position:absolute;left:0;right:0;bottom:0}.u-pricing__content{padding:1.5rem}.u-content-space,.u-content-space-top{padding-top:6.25rem}.u-content-space,.u-content-space-bottom{padding-bottom:6.25rem}.u-pricing__content .disabled .u-icon{color:#85778f;background-color:rgba(133,119,143,.1)}.u-pricing .disabled{color:#85778f}.u-link{color:#1b1e24;text-decoration:none}.u-link:hover{color:#59287a;text-decoration:none}.u-box-shadow-sm{box-shadow:0 .2rem 1.25rem 0 rgba(27,30,36,.07)}.u-box-shadow-lg{box-shadow:0 .4rem 2.2rem 0 rgba(27,30,36,.1)}.u-overlay u-overlay--dark::after,.u-overlay-light::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.u-overlay u-overlay--dark::after{background-color:rgba(27,30,36,.3)}.u-overlay-light::after{background-color:rgba(255,255,255,.5)}.u-overlay__inner{position:relative;z-index:1}.u-ver-center{position:absolute;top:50%;left:0;right:0}.u-ver-bottom{position:absolute;left:50%;bottom:0;transform:translate3d(-50%,0,0)}.u-font-accent{font-family:"Playfair Display",serif}.u-font-size-75{font-size:75%}.u-font-size-90{font-size:90%}.u-letter-spacing-xs{letter-spacing:1px}.u-letter-spacing-sm{letter-spacing:2px}.u-opacity-1{opacity:.1}.u-opacity-6{opacity:.6}
================================================
FILE: assets/css/styles.css
================================================
/*
* Stream v1.0 (https://htmlstream.com)
* Copyright Htmlstream
* Licensed under MIT
*/
/*------------------------------------
Default Styles
------------------------------------*/
html {
font-size: 1rem;
}
body {
font-weight: 400;
font-size: 1rem;
font-family: "Open Sans", sans-serif;
line-height: 1.6;
color: #1b1e24;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
text-rendering: optimizelegibility;
}
a {
color: #59287a;
}
a:hover {
color: #59287a;
}
a:focus {
outline: none;
}
p {
line-height: 1.8;
}
figure {
margin-bottom: 0;
}
hr {
border-color: #e6e7e9;
}
[role=button] {
cursor: pointer;
}
/*------------------------------------
Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
line-height: 1.6;
}
/*------------------------------------
Highlight Color
------------------------------------*/
::-moz-selection {
color: #fff;
background-color: #59287a;
}
::selection {
color: #fff;
background-color: #59287a;
}
.bg-primary ::-moz-selection {
color: #59287a;
background-color: #fff;
}
.bg-primary ::selection {
color: #59287a;
background-color: #fff;
}
/*----------------------------------
Alerts
------------------------------------*/
/* Alert Icon */
.alert__icon {
font-size: 1.25rem;
}
/* Alert Close Button */
.alert__close {
padding: 0;
line-height: 1.3;
opacity: .7;
background: none;
border: none;
cursor: pointer;
font-size: 1.625rem;
transition: all .3s;
}
.alert__close--light {
color: #fff;
}
.alert__close--dark {
color: #1b1e24;
}
.alert__close:hover {
opacity: 1;
}
.alert__close:focus {
outline: 0 none;
box-shadow: none;
}
/*----------------------------------
Background Arrow
------------------------------------*/
.u-bg-arrow-wrapper {
position: relative;
}
.u-bg-arrow-bottom::before {
position: absolute;
content: "";
left: 50%;
margin-left: -20px;
bottom: -25px;
border-style: solid;
border-width: 25px 20px 0 20px;
border-color: #fff transparent transparent transparent;
z-index: 3;
}
/*----------------------------------
Avatars
------------------------------------*/
.u-avatar {
border: solid 3px #fff;
}
/*----------------------------------
Border Radius
------------------------------------*/
.rounded-md {
border-radius: .625rem;
}
/*----------------------------------
Buttons
------------------------------------*/
.btn {
cursor: pointer;
transition: .2s ease;
}
.btn.focus,
.btn:focus .btn.active:focus, .btn:active:focus {
outline: 0 none;
box-shadow: none;
border-color: transparent;
}
.btn--circle {
border-radius: 100%;
padding: 0;
width: 2.625rem;
height: 2.625rem;
line-height: 2.625rem;
}
.btn--circle.btn-sm {
width: 1.9375rem;
height: 1.9375rem;
line-height: 1.9375rem;
}
.btn--circle.btn-lg {
width: 3.25rem;
height: 3.25rem;
line-height: 3.25rem;
}
.btn--pill {
border-radius: 6.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.btn--pill.btn-sm {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.btn--pill.btn-lg {
padding-left: 1.5625rem;
padding-right: 1.5625rem;
}
.btn-link {
color: #59287a;
}
.btn-link:hover {
color: #59287a;
}
/*----------------------------------
Carousell
------------------------------------*/
.carousel-control-size {
font-size: 2rem;
}
/*----------------------------------
Forms
------------------------------------*/
/* Form Lable States */
.is-valid .form-label-text {
color: #0dd157;
}
.is-invalid .form-label-text {
color: #fb4143;
}
.is-disabled .form-label-text {
color: #8f95a0;
}
/* Form Pilled Shape */
.form--pill {
border-radius: 6.25rem;
padding-left: 1rem;
padding-right: 1rem;
}
/* Forms Icon */
.form-icon-wrapper {
position: relative;
display: block;
}
.form-icon-input-left {
padding-left: 2.1875rem;
}
.form-icon-input-right {
padding-right: 2.1875rem;
}
.form-icon {
position: absolute;
height: 100%;
width: 2.5rem;
}
.form-icon--left {
left: 0;
}
.form-icon--right {
right: 0;
}
.form-icon__item {
position: absolute;
top: 50%;
left: 50%;
color: #8f95a0;
transform: translate(-50%, -50%);
}
/* Form Toggles */
.form-toggle {
position: relative;
cursor: pointer;
}
.form-toggle__item {
display: block;
padding-left: 1px;
padding-right: 1px;
cursor: pointer;
width: 43px;
height: 22px;
font-style: normal;
font-weight: 700;
font-size: 9px;
color: #d5d7dc;
border: solid 1px #d5d7dc;
border-radius: 6.25rem;
}
.form-toggle__item i::before, .form-toggle__item i::after {
content: "";
display: block;
position: absolute;
}
.form-toggle__item i::before {
content: attr(data-uncheck-icon);
top: 0;
left: 0;
width: 100%;
line-height: 18px;
text-align: right;
padding: 2px 7px;
}
.form-toggle__item i::after {
top: 50%;
left: 4px;
width: 16px;
height: 16px;
background-color: #d5d7dc;
border-radius: 50%;
transform: translateY(-50%);
transition: left .2s ease;
}
.form-toggle input[type="checkbox"],
.form-toggle input[type="radio"] {
position: absolute;
z-index: -1;
opacity: 0;
}
.form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.form-toggle input[type="radio"]:checked + .form-toggle__item,
.form-toggle input[type="radio"]:checked + * .form-toggle__item {
color: #fff;
background-color: #59287a;
border-color: #59287a;
transition: all .3s ease;
}
.form-toggle input[type="checkbox"]:checked + .form-toggle__item i:before,
.form-toggle input[type="checkbox"]:checked + * .form-toggle__item i:before,
.form-toggle input[type="radio"]:checked + .form-toggle__item i:before,
.form-toggle input[type="radio"]:checked + * .form-toggle__item i:before {
content: attr(data-check-icon);
text-align: left;
}
.form-toggle input[type="checkbox"]:checked + .form-toggle__item i::after,
.form-toggle input[type="checkbox"]:checked + * .form-toggle__item i::after,
.form-toggle input[type="radio"]:checked + .form-toggle__item i::after,
.form-toggle input[type="radio"]:checked + * .form-toggle__item i::after {
left: calc(100% - 19px);
background-color: #fff;
}
.is-valid .form-toggle__item {
color: #0dd157;
border: solid 1px #0dd157;
}
.is-valid .form-toggle__item i::after {
background-color: #0dd157;
}
.is-valid .form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.is-valid .form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.is-valid .form-toggle input[type="radio"]:checked + .form-toggle__item,
.is-valid .form-toggle input[type="radio"]:checked + * .form-toggle__item {
background-color: #0dd157;
border-color: #0dd157;
}
.is-invalid .form-toggle__item {
color: #fb4143;
border: solid 1px #fb4143;
}
.is-invalid .form-toggle__item i::after {
background-color: #fb4143;
}
.is-invalid .form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.is-invalid .form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.is-invalid .form-toggle input[type="radio"]:checked + .form-toggle__item,
.is-invalid .form-toggle input[type="radio"]:checked + * .form-toggle__item {
background-color: #fb4143;
border-color: #fb4143;
}
.is-disabled .form-toggle__item {
color: #e6e7e9;
border: solid 1px #e6e7e9;
}
.is-disabled .form-toggle__item i::after {
background-color: #e6e7e9;
}
.is-disabled .form-toggle input[type="checkbox"]:checked + .form-toggle__item,
.is-disabled .form-toggle input[type="checkbox"]:checked + * .form-toggle__item,
.is-disabled .form-toggle input[type="radio"]:checked + .form-toggle__item,
.is-disabled .form-toggle input[type="radio"]:checked + * .form-toggle__item {
background-color: #e6e7e9;
border-color: #e6e7e9;
}
/* Bootstrap's Custom Controls */
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #0dd157;
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #fb4143;
}
.custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: #d5d7dc;
}
/*----------------------------------
Modals
------------------------------------*/
.modal-content {
box-shadow: 0 0.25rem 0.6rem rgba(27, 30, 36, 0.07);
}
@media (min-width: 576px) {
.modal-content {
box-shadow: 0 0.5rem 1.625rem rgba(27, 30, 36, 0.07);
}
}
/*----------------------------------
Pager
------------------------------------*/
.pager-btn {
min-width: 7.2rem;
}
.pager-btn.btn-sm {
min-width: 6.2rem;
}
.pager-btn.btn-lg {
min-width: 9.4rem;
}
/*----------------------------------
Popover
------------------------------------*/
.popover {
box-shadow: 0 0.25rem 0.6rem rgba(27, 30, 36, 0.07);
}
/*----------------------------------
Progress Bars
------------------------------------*/
.progress--pill {
border-radius: 6.25rem;
}
.u-progress-bar-vertical {
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
background-color: #faf7fc;
height: 200px;
}
.u-progress-bar-vertical__indicator {
background-color: #59287a;
}
/*----------------------------------
Tabs
------------------------------------*/
.nav-tabs--v1 .nav-item {
margin-right: 3px;
}
.nav-tabs--v1 .nav-item:last-child {
margin-right: 0;
}
.nav-tabs--v1 .nav-link {
border-top-width: 3px;
}
.nav-tabs--v1 .nav-link:hover, .nav-tabs--v1 .nav-link:focus {
border-color: transparent;
}
.nav-tabs--v1 .nav-link.active,
.nav-tabs--v1 .nav-item.show .nav-link {
border-top-color: #59287a;
}
.nav-tabs--v1 .nav-link.active:hover, .nav-tabs--v1 .nav-link.active:focus,
.nav-tabs--v1 .nav-item.show .nav-link:hover,
.nav-tabs--v1 .nav-item.show .nav-link:focus {
border-left-color: #e6e7e9;
border-right-color: #e6e7e9;
border-top-color: #59287a;
}
.tab-content--v1 {
padding: 1.25rem 1rem;
margin-top: -1px;
border: solid 1px #e6e7e9;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.tab-content--v1 p:last-of-type {
margin-bottom: 0;
}
/*----------------------------------
Blockquote-v1
------------------------------------*/
.blockquote-v1 {
padding: 1.5rem 1.25rem;
background-color: #f6f9fc;
font-size: 1.25rem;
font-weight: 300;
border-radius: 0.25rem;
margin-bottom: 1rem;
}
.blockquote-v1--left {
border-left: solid 0.25rem #59287a;
}
.blockquote-v1--right {
border-right: solid 0.25rem #59287a;
}
/*----------------------------------
Blockquote-v2
------------------------------------*/
.u-blockquote-v2 {
position: relative;
background-color: #fff;
box-shadow: 5px 6px 9px -6px rgba(0, 0, 0, 0.15);
padding: 1.875rem 1.875rem 1.875rem 3.75rem;
}
.u-blockquote-v2::before {
content: "\201C";
position: absolute;
width: 3.75rem;
margin: -1.5625rem 0 0 -2.5rem;
color: #59287a;
font-size: 3.75rem;
}
.u-blockquote-v2::after {
content: "";
position: absolute;
bottom: -1.875rem;
left: 3.75rem;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: #fff transparent transparent transparent;
filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1));
}
.u-blockquote-v2__image {
width: 3.75rem;
height: 3.75rem;
}
/*------------------------------------
Clients
------------------------------------*/
.u-clients__item {
border-width: 1px 0 1px 1px;
border-color: #e6e7e9;
border-style: solid;
padding: 3rem 0;
}
.u-clients__image {
width: 7.5rem;
margin-left: auto;
margin-right: auto;
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
opacity: .3;
transition: all 0.3s ease;
}
.u-clients__image:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
/*------------------------------------
Mockup (Browser)
------------------------------------*/
.u-browser-img {
position: relative;
top: -7px;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
/*------------------------------------
Device (iPad)
------------------------------------*/
.u-device {
position: relative;
width: 85%;
z-index: -1;
margin-bottom: -10rem;
}
.u-device__item {
border-radius: 2rem;
box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1);
}
/*------------------------------------
Icon
------------------------------------*/
.u-icon {
position: relative;
z-index: 1;
line-height: .7;
display: inline-block;
vertical-align: middle;
text-align: center;
width: 2.25rem;
height: 2.25rem;
font-size: 1.125rem;
border-radius: .25rem;
transition: .3s ease-in-out;
}
.u-icon__inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.u-icon__inner-bottom-minus {
top: 90%;
}
/*------------------------------------
Icon Sizes
------------------------------------*/
/* Extra Small */
.u-icon--size--xs {
width: 1.5rem;
height: 1.5rem;
font-size: 0.8125rem;
}
/* Small */
.u-icon--size--sm {
width: 2rem;
height: 2rem;
font-size: 1rem;
}
/* Large */
.u-icon--size--lg {
width: 3.5rem;
height: 3.5rem;
font-size: 1.75rem;
}
/* Extra Large */
.u-icon--size--xl {
width: 5rem;
height: 5rem;
font-size: 2.375rem;
}
/*------------------------------------
Icon Default Styles
------------------------------------*/
/* primary */
.u-icon-primary {
color: color-yiq(#59287a);
background-color: #59287a;
border-color: #59287a;
}
.u-icon-primary[href]:hover {
color: color-yiq(#441f5d);
background-color: #441f5d;
border-color: #3d1b54;
}
.u-icon-primary.disabled, .u-icon-primary:disabled {
background-color: #59287a;
border-color: #59287a;
}
/* secondary */
.u-icon-secondary {
color: color-yiq(#00c9a7);
background-color: #00c9a7;
border-color: #00c9a7;
}
.u-icon-secondary[href]:hover {
color: color-yiq(#00a387);
background-color: #00a387;
border-color: #00967d;
}
.u-icon-secondary.disabled, .u-icon-secondary:disabled {
background-color: #00c9a7;
border-color: #00c9a7;
}
/* success */
.u-icon-success {
color: color-yiq(#0dd157);
background-color: #0dd157;
border-color: #0dd157;
}
.u-icon-success[href]:hover {
color: color-yiq(#0bad48);
background-color: #0bad48;
border-color: #0aa143;
}
.u-icon-success.disabled, .u-icon-success:disabled {
background-color: #0dd157;
border-color: #0dd157;
}
/* info */
.u-icon-info {
color: color-yiq(#2972fa);
background-color: #2972fa;
border-color: #2972fa;
}
.u-icon-info[href]:hover {
color: color-yiq(#065af7);
background-color: #065af7;
border-color: #0555eb;
}
.u-icon-info.disabled, .u-icon-info:disabled {
background-color: #2972fa;
border-color: #2972fa;
}
/* warning */
.u-icon-warning {
color: color-yiq(#fab633);
background-color: #fab633;
border-color: #fab633;
}
.u-icon-warning[href]:hover {
color: color-yiq(#f9a90e);
background-color: #f9a90e;
border-color: #f4a306;
}
.u-icon-warning.disabled, .u-icon-warning:disabled {
background-color: #fab633;
border-color: #fab633;
}
/* danger */
.u-icon-danger {
color: color-yiq(#fb4143);
background-color: #fb4143;
border-color: #fb4143;
}
.u-icon-danger[href]:hover {
color: color-yiq(#fa1c1e);
background-color: #fa1c1e;
border-color: #fa0f12;
}
.u-icon-danger.disabled, .u-icon-danger:disabled {
background-color: #fb4143;
border-color: #fb4143;
}
/* light */
.u-icon-light {
color: color-yiq(#f6f9fc);
background-color: #f6f9fc;
border-color: #f6f9fc;
}
.u-icon-light[href]:hover {
color: color-yiq(#d9e6f2);
background-color: #d9e6f2;
border-color: #d0e0ef;
}
.u-icon-light.disabled, .u-icon-light:disabled {
background-color: #f6f9fc;
border-color: #f6f9fc;
}
/* dark */
.u-icon-dark {
color: color-yiq(#1b1e24);
background-color: #1b1e24;
border-color: #1b1e24;
}
.u-icon-dark[href]:hover {
color: color-yiq(#0b0c0e);
background-color: #0b0c0e;
border-color: #050607;
}
.u-icon-dark.disabled, .u-icon-dark:disabled {
background-color: #1b1e24;
border-color: #1b1e24;
}
/* white */
.u-icon-white {
color: color-yiq(#fff);
background-color: #fff;
border-color: #fff;
}
.u-icon-white[href]:hover {
color: color-yiq(#ececec);
background-color: #ececec;
border-color: #e6e6e6;
}
.u-icon-white.disabled, .u-icon-white:disabled {
background-color: #fff;
border-color: #fff;
}
/* facebook */
.u-icon-facebook {
color: color-yiq(#3b5998);
background-color: #3b5998;
border-color: #3b5998;
}
.u-icon-facebook[href]:hover {
color: color-yiq(#30497c);
background-color: #30497c;
border-color: #2d4373;
}
.u-icon-facebook.disabled, .u-icon-facebook:disabled {
background-color: #3b5998;
border-color: #3b5998;
}
/* google */
.u-icon-google {
color: color-yiq(#d14130);
background-color: #d14130;
border-color: #d14130;
}
.u-icon-google[href]:hover {
color: color-yiq(#b33628);
background-color: #b33628;
border-color: #a93325;
}
.u-icon-google.disabled, .u-icon-google:disabled {
background-color: #d14130;
border-color: #d14130;
}
/* twitter */
.u-icon-twitter {
color: color-yiq(#1da1f2);
background-color: #1da1f2;
border-color: #1da1f2;
}
.u-icon-twitter[href]:hover {
color: color-yiq(#0d8ddc);
background-color: #0d8ddc;
border-color: #0c85d0;
}
.u-icon-twitter.disabled, .u-icon-twitter:disabled {
background-color: #1da1f2;
border-color: #1da1f2;
}
/* instagram */
.u-icon-instagram {
color: color-yiq(#3f729b);
background-color: #3f729b;
border-color: #3f729b;
}
.u-icon-instagram[href]:hover {
color: color-yiq(#345e80);
background-color: #345e80;
border-color: #305777;
}
.u-icon-instagram.disabled, .u-icon-instagram:disabled {
background-color: #3f729b;
border-color: #3f729b;
}
/* github */
.u-icon-github {
color: color-yiq(#24292e);
background-color: #24292e;
border-color: #24292e;
}
.u-icon-github[href]:hover {
color: color-yiq(#131619);
background-color: #131619;
border-color: #0e1011;
}
.u-icon-github.disabled, .u-icon-github:disabled {
background-color: #24292e;
border-color: #24292e;
}
/*------------------------------------
Icon Block
------------------------------------*/
.u-icon-block__col {
padding-top: 4rem;
padding-bottom: 4rem;
}
@media (min-width: 992px) {
.u-icon-block {
border-bottom: solid 1px #e6e7e9;
}
.u-icon-block__col--left-brd {
border-left: solid 1px #e6e7e9;
}
}
/*----------------------------------
Header
------------------------------------*/
@media (max-width: 767px) {
.navbar-expand-sm.fixed-top {
background-color: rgba(27, 30, 36, 0.3);
}
}
@media (max-width: 991px) {
.navbar-expand-md.fixed-top {
background-color: rgba(27, 30, 36, 0.3);
}
}
@media (max-width: 1199px) {
.navbar-expand-lg.fixed-top {
background-color: rgba(27, 30, 36, 0.3);
}
}
.navbar-bg-onscroll.fixed-top {
background-color: #672e8d;
transition: all .3s ease-out;
}
.navbar-bg-onscroll.fixed-top--fade {
transition: all .4s ease-out;
}
/*------------------------------------
Portfolio
------------------------------------*/
.u-portfolio-controls__item {
display: inline-block;
cursor: pointer;
}
.u-portfolio-controls__item:not(:last-child)::after {
content: "|";
font-size: 0.71429rem;
margin: 0 4px;
position: relative;
top: -2px;
line-height: inherit;
display: inline-block;
vertical-align: middle;
color: transparent;
}
@media (min-width: 992px) {
.u-portfolio-controls__item:not(:last-child)::after {
color: #d5d7dc;
margin: 0 7px 0 12px;
}
}
.u-portfolio-controls a {
color: #1b1e24;
}
.u-portfolio-controls a.active {
color: #59287a;
}
.u-portfolio__item {
overflow: hidden;
z-index: 2;
}
.u-portfolio__image {
display: block;
width: 100%;
height: auto;
transition: all .2s ease;
}
.u-portfolio__item:hover .u-portfolio__image {
transform: translate3d(0, -60px, 0);
}
.u-portfolio__info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.75rem;
overflow: hidden;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
color: #fff;
background-color: #59287a;
transition: all .2s ease;
transform: translate3d(0, 3.75rem, 0);
}
.u-portfolio__info small {
opacity: .7;
}
.u-portfolio__item:hover .u-portfolio__info {
transform: translate3d(0, 0, 0);
}
.u-portfolio__zoom {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-indent: -10000px;
}
/*----------------------------------
Promo Block v1
------------------------------------*/
.u-promo-block {
position: relative;
min-height: 100vh;
padding-top: 6.25rem;
padding-bottom: 6.25rem;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
.u-promo-block--mheight-450 {
min-height: 450px;
}
.u-promo-block--mheight-500 {
min-height: 500px;
}
.u-promo-block--mheight-600 {
min-height: 600px;
}
@media (max-width: 1199px) {
.u-promo-block {
background-attachment: fixed;
}
}
/*------------------------------------
Pricing
------------------------------------*/
.u-pricing {
background-color: #fff;
}
.u-pricing__header {
position: relative;
padding: 2.5rem 1.5rem;
}
.u-pricing__header-price {
display: block;
line-height: .84;
}
.u-pricing__header-title {
opacity: .8;
}
.u-pricing__header-decoration {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.u-pricing__content {
padding: 1.5rem;
}
.u-pricing__content .disabled .u-icon {
color: #85778f;
background-color: rgba(133, 119, 143, 0.1);
}
.u-pricing .disabled {
color: #85778f;
}
/*----------------------------------
Spaces
------------------------------------*/
.u-content-space {
padding-top: 6.25rem;
padding-bottom: 6.25rem;
}
.u-content-space-top {
padding-top: 6.25rem;
}
.u-content-space-bottom {
padding-bottom: 6.25rem;
}
/*----------------------------------
Pull
------------------------------------*/
.u-pull-half {
transform: translate3d(0, -50%, 0);
}
/*----------------------------------
Links
------------------------------------*/
.u-link {
color: #1b1e24;
text-decoration: none;
}
.u-link:hover {
color: #59287a;
text-decoration: none;
}
/*----------------------------------
Box Shadow
------------------------------------*/
.u-box-shadow-sm {
box-shadow: 0 0.2rem 1.25rem 0 rgba(27, 30, 36, 0.07);
}
.u-box-shadow-lg {
box-shadow: 0 0.4rem 2.2rem 0 rgba(27, 30, 36, 0.1);
}
/*----------------------------------
Hero Image
------------------------------------*/
.u-hero-img {
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
/*----------------------------------
Overlays
------------------------------------*/
.u-overlay {
position: relative;
}
.u-overlay::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.u-overlay--dark::after {
background-color: rgba(27, 30, 36, 0.3);
}
.u-overlay--light::after {
background-color: rgba(255, 255, 255, 0.3);
}
.u-overlay__inner {
position: relative;
z-index: 1;
}
/*----------------------------------
Block Alignments
------------------------------------*/
.u-ver-center {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translate3d(0, -50%, 0);
}
.u-ver-bottom {
position: absolute;
left: 50%;
bottom: 0;
transform: translate3d(-50%, 0, 0);
}
/*----------------------------------
Typography
------------------------------------*/
/* Font Family */
.u-font-accent {
font-family: "Playfair Display", serif;
}
/* Font Size */
.u-font-size-75 {
font-size: 75%;
}
.u-font-size-90 {
font-size: 90%;
}
/* Letter Spacing */
.u-letter-spacing-xs {
letter-spacing: 1px;
}
.u-letter-spacing-sm {
letter-spacing: 2px;
}
/*----------------------------------
Others
------------------------------------*/
.u-opacity-1 {
opacity: .1;
}
.u-opacity-6 {
opacity: .6;
}
================================================
FILE: assets/include/scss/_core.scss
================================================
/*------------------------------------
Default Styles
------------------------------------*/
html {
font-size: $g-font-size-base;
}
body {
font: {
weight: 400;
size: 1rem;
family: $g-font-primary;
}
line-height: 1.6;
color: $g-dark;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
text-rendering: optimizelegibility;
}
a {
color: $g-primary;
&:hover {
color: $g-primary;
}
&:focus {
outline: none;
}
}
p {
line-height: 1.8;
}
figure {
margin-bottom: 0;
}
hr {
border-color: $g-gray-100;
}
[role=button] {
cursor: pointer;
}
/*------------------------------------
Headings
------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, .h7,
h1, h2, h3, h4, h5, h6 {
line-height: 1.6;
}
/*------------------------------------
Highlight Color
------------------------------------*/
::-moz-selection {
color: $g-white;
background-color: $g-primary;
}
::selection {
color: $g-white;
background-color: $g-primary;
}
.bg-primary ::-moz-selection {
color: $g-primary;
background-color: $g-white;
}
.bg-primary ::selection {
color: $g-primary;
background-color: $g-white;
}
================================================
FILE: assets/include/scss/_variables.scss
================================================
// ============================================================= //
// Stream UI Kit Variables //
// ============================================================= //
// Retreive color Sass maps
@function theme-color($hs-key: "primary") {
@return map-get($g-theme-colors, $hs-key);
}
@function accent-color($hs-key: "accent") {
@return map-get($g-accent-colors, $hs-key);
}
$root-path: "../";
// Breakpoints
// =========================================================
$g-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
) !default;
// Color System
// =============================================================
// Main Colors
$g-white: #fff !default;
$g-dark: #1b1e24 !default;
$g-transparent: transparent !default;
// Grays
$g-gray-50: #f3f5f9 !default;
$g-gray-100: #e6e7e9 !default;
$g-gray-150: #d5d7dc !default;
$g-gray-200: #8f95a0 !default;
$g-gray-400: #8c98a4 !default;
$g-gray-500: #828286 !default;
$g-gray-600: #5a5f69 !default;
// Light Primary
$g-light-primary-100: #faf7fc !default;
$g-light-primary-125: #ede6f2 !default;
$g-light-primary-200: #85778f !default;
$g-light-primary-300: #998ba3 !default;
// Light Blues
$g-color-light-blue-100: #f6f9fc !default;
$g-color-light-blue-200: #77838f !default;
$g-color-light-blue-300: #8c98a4 !default;
// Colors
$g-purple: #59287a !default;
$g-cyan: #00dffc !default;
$g-teal: #00c9a7 !default;
$g-blue: #2972fa !default;
$g-green: #0dd157 !default;
$g-yellow: #fab633 !default;
$g-red: #fb4143 !default;
$g-facebook: #3b5998 !default;
$g-google: #d14130 !default;
$g-twitter: #1da1f2 !default;
$g-instagram: #3f729b !default;
$g-github: #24292e !default;
// Accent Colors
$g-accent-colors: () !default;
$g-accent-colors: map-merge((
"white": $g-white
), $g-accent-colors);
// Social Network Colors
$g-social-network-colors: () !default;
$g-social-network-colors: map-merge((
"facebook": $g-facebook,
"google": $g-google,
"twitter": $g-twitter,
"instagram": $g-instagram,
"github": $g-github
), $g-social-network-colors);
// Theme Colors
$g-primary: $g-purple !default;
$g-secondary: $g-teal !default;
$g-success: $g-green !default;
$g-info: $g-blue !default;
$g-warning: $g-yellow !default;
$g-danger: $g-red !default;
$g-light: $g-color-light-blue-100 !default;
$g-theme-colors: () !default;
$g-theme-colors: map-merge((
"primary": $g-primary,
"secondary": $g-secondary,
"success": $g-success,
"info": $g-info,
"warning": $g-warning,
"danger": $g-danger,
"light": $g-light,
"dark": $g-dark
), $g-theme-colors);
// Links (Style anchor elements)
$g-link-color: theme-color("primary") !default;
$g-link-color-hover: darken($g-link-color, 7.5%) !default;
$g-link-hover-decoration: none !default;
// Text Muted
$g-text-muted: $g-gray-200 !default;
// Link Muted
$g-link-muted-color: $g-light-primary-300 !default;
$g-link-muted-hover-color: theme-color("primary") !default;
// Typography
// =============================================================
// Font Families
$g-font-primary: "Open Sans", sans-serif !default;
$g-font-accent: "Playfair Display", serif !default;
// Font Sizes
$g-font-size-base: 1rem !default;
// Font Weight
$g-font-weight-light: 300 !default;
$g-font-weight-normal: 400 !default;
$g-font-weight-medium: 500 !default;
$g-font-weight-semi-bold: 600 !default;
$g-font-weight-bold: 700 !default;
$g-headings-font-weight: $g-font-weight-light !default;
$g-headings-line-height: 1.5 !default;
$g-display-lin-height: 1.2 !default;
$g-paragraph-line-height: 1.7 !default;
$g-outline: 5px auto -webkit-focus-ring-color !default;
$g-display-1: 72px !default;
$g-display-2: 56px !default;
$g-display-3: 48px !default;
$g-hr-color: $g-gray-100 !default;
// Content Spacing
// =============================================================
$g-content-space-y: 6.25rem !default
$g-spacer: 1rem !default;
$g-spacers: () !default;
$g-spacers: map-merge((
0: 0,
1: ($g-spacer * .25),
2: ($g-spacer * .5),
3: $g-spacer,
4: ($g-spacer * 1.5),
5: ($g-spacer * 2),
6: ($g-spacer * 2.5),
7: ($g-spacer * 3),
8: ($g-spacer * 3.5),
9: ($g-spacer * 4)
), $g-spacers);
// Box Shadow
// =============================================================
$g-box-shadow-sm: 0 .20rem 1.25rem 0 rgba($g-dark, 0.07) !default
$g-box-shadow-lg: 0 .4rem 2.2rem 0 rgba($g-dark, 0.1) !default
// Image Thumbnails
// =============================================================
$g-thumbnail-border-color: $g-gray-100 !default;
// Pagination
// =============================================================
// Colors
$g-pagination-color: $g-secondary !default;
// Border
$g-pagination-border-color: $g-gray-100 !default;
// Hover
$g-pagination-hover-color: $g-white !default;
$g-pagination-hover-bg: theme-color("primary") !default;
$g-pagination-hover-border-color: theme-color("primary") !default;
// Active
$g-pagination-active-color: $g-white !default;
$g-pagination-active-bg: theme-color("primary") !default;
$g-pagination-active-border-color: theme-color("primary") !default;
// Border Radius
// =============================================================
$g-border-radius: .25rem !default;
$g-border-radius-pill: 6.25rem !default;
$g-border-radius-circle: 50% !default;
// Buttons + Forms
// =============================================================
// Default Spacing
$g-input-btn-padding-y: .5rem !default;
$g-input-btn-padding-x: .8rem !default;
// Large Spacing
$g-input-btn-padding-y-lg: .625rem !default;
$g-input-btn-padding-x-lg: 1.2rem !default;
// Focus Width
$g-input-btn-focus-width: 0 !default;
// Forms Inputs
// =============================================================
// Color
$g-input-color: $g-dark !default;
$g-input-group-addon-color: $g-gray-200 !default;
// Border Colors
$g-form-border-color: $g-gray-100 !default;
$g-input-border-color: $g-gray-100 !default;
$g-input-focus-border-color: lighten(theme-color("primary"), 30%) !default;
// Background Colors
$g-input-group-addon-bg: transparent !default;
// Focus Colors
$g-input-focus-color: $g-dark !default;
$g-input-placeholder-color: $g-gray-400 !default;
// Box Shadow
$g-input-focus-box-shadow: none !default;
// Forms States + Icon
// =============================================================
// Form Icon
$g-form-icon-color: $g-gray-200 !default;
// Forms States (e.g. Disabled)
$g-form-label-color-disabled: $g-text-muted !default;
$g-custom-control-indicator-disabled-bg: $g-gray-150 !default;
// Form Toggles
// =============================================================
// Unchecked (Off)
$g-form-toggle-color: $g-gray-150 !default;
$g-form-toggle-border-color: $g-gray-150 !default;
$g-form-toggle-circle-bg-color: $g-gray-150 !default;
// Checked (On)
$g-form-toggle-color-checked: $g-white !default;
$g-form-toggle-bg-color-checked: theme-color("primary") !default;
$g-form-toggle-border-color-checked: theme-color("primary") !default;
$g-form-toggle-circle-bg-color-checked: $g-white !default;
// Disabled
$g-form-toggle-color-disabled: $g-gray-100 !default;
$g-form-toggle-border-color-disabled: $g-gray-100 !default;
$g-form-toggle-circle-bg-color-disabled: $g-gray-100 !default;
// Disabled + Checked (On)
$g-form-toggle-bg-color-disabled-checked: $g-gray-100 !default;
$g-form-toggle-border-color-disabled-checked: $g-gray-100 !default;
// Close
// =============================================================
$g-close-font-size: $g-font-size-base * 2 !default;
$g-close-font-weight: $g-font-weight-light !default;
$g-close-color: $g-dark !default;
$g-close-text-shadow: none !default;
// Alert
// =============================================================
// Spacing
$g-alert-padding-y: 1rem !default;
$g-alert-padding-x: 1.25rem !default;
// Border
$g-alert-border-width: 0 !default;
// Progress Bars
// =============================================================
$g-progress-bg: $g-gray-50 !default;
// List Groups
// =============================================================
$g-list-group-border-color: $g-gray-100 !default;
$g-list-group-hover-bg: theme-color("light") !default;
// Blockquote
// =============================================================
// Spacing
$g-blockquote-padding-y: 1.5rem !default;
$g-blockquote-padding-x: 1.25rem !default;
// Background Color
$g-blockquote-bg: theme-color("light") !default;
// Border Color
$g-blockquote-border-color: theme-color("primary") !default;
// Content
$g-blockquote-small-color: $g-dark !default;
$g-blockquote-font-size: ($g-font-size-base * 1.25) !default;
$g-blockquote-font-weight: $g-font-weight-light !default;
// Card
// =============================================================
$g-card-cap-bg: theme-color("light") !default;
$g-card-border-color: $g-gray-100 !default;
// Modals
// =============================================================
// Background Color
$g-modal-backdrop-bg: $g-dark !default;
$g-modal-backdrop-opacity: .1 !default;
// Border Color
$g-modal-content-border-color: $g-gray-100 !default;
// Box Shadow
$g-modal-content-box-shadow-xs: 0 .25rem .6rem rgba(theme-color("dark"), .07) !default;
$g-modal-content-box-shadow-sm-up: 0 .5rem 1.625rem rgba(theme-color("dark"), .07) !default;
// Sizes
$g-modal-lg: 800px !default;
$g-modal-md: 500px !default;
$g-modal-sm: 350px !default;
// Popovers
// =============================================================
// Background Color
$g-popover-header-bg: theme-color("light") !default;
// Border Color
$g-popover-border-color: $g-gray-100 !default;
// Box Shadow
$g-popover-box-shadow: 0 .25rem .6rem rgba(theme-color("dark"), .07) !default;
// Navbar
// =============================================================
// Dark Mode Colors
$g-navbar-dark-color: rgba($g-white, .9) !default;
$g-navbar-dark-hover-color: $g-white !default;
// Onscroll
$navbar-bg-onscroll: lighten(theme-color("primary"), 5%) !default;
// Drop Down
// =============================================================
// $g-dropdown-link-active-bg: transparent !default;
$g-dropdown-link-hover-bg: theme-color("light") !default;
$g-dropdown-border-color: $g-gray-100 !default;
// Dropdown menu container and contents.
$g-dropdown-min-width: 200px !default;
$g-dropdown-box-shadow: 0 .4rem 2.2rem 0 rgba(27,30,36, .1) !default;
// Nav Tabs
// =============================================================
// Active Color
$nav-tabs-link-active-color: $g-dark !default;
// Border Color
$g-nav-tabs-border-color: $g-gray-100 !default;
// Carousel
// =============================================================
$g-carousel-control-color: $g-white !default;
$g-carousel-control-size: 2rem !default;
// Tooltips
// =============================================================
$g-tooltip-max-width: 200px !default;
$g-tooltip-color: $g-white !default;
$g-tooltip-bg: theme-color("primary") !default;
$g-tooltip-opacity: 1 !default;
$g-tooltip-padding-y: .5rem !default;
$g-tooltip-padding-x: 1rem !default;
================================================
FILE: assets/include/scss/blocks/_alerts.scss
================================================
/*----------------------------------
Alerts
------------------------------------*/
/* Alert Icon */
.alert__icon {
@include px-to-rem(font-size, 20px);
}
/* Alert Close Button */
.alert__close {
padding: 0;
line-height: 1.3;
opacity: .7;
background: none;
border: none;
cursor: pointer;
@include px-to-rem(font-size, 26px);
transition: all .3s;
&--light {
color: $g-white;
}
&--dark {
color: $g-dark;
}
&:hover {
opacity: 1;
}
&:focus {
outline: 0 none;
box-shadow: none;
}
}
================================================
FILE: assets/include/scss/blocks/_arrows.scss
================================================
/*----------------------------------
Background Arrow
------------------------------------*/
.u-bg-arrow {
&-wrapper {
position: relative;
}
&-bottom::before {
position: absolute;
content: "";
left: 50%;
margin-left: -20px;
bottom: -25px;
border: {
style: solid;
width: 25px 20px 0 20px;
color: #fff transparent transparent transparent;
}
z-index: 3;
}
}
================================================
FILE: assets/include/scss/blocks/_avatar.scss
================================================
/*----------------------------------
Avatars
------------------------------------*/
.u-avatar {
border: solid 3px $g-white;
}
================================================
FILE: assets/include/scss/blocks/_border-radius.scss
================================================
/*----------------------------------
Border Radius
------------------------------------*/
.rounded-md {
border-radius: .625rem;
}
================================================
FILE: assets/include/scss/blocks/_buttons.scss
================================================
/*----------------------------------
Buttons
------------------------------------*/
.btn {
cursor: pointer;
transition: .2s ease;
&.focus,
&:focus
&.active:focus,
&:active:focus {
outline: 0 none;
box-shadow: none;
border-color: transparent;
}
}
// Circle
.btn--circle {
border-radius: 100%;
padding: 0;
@include px-to-rem(width, 42px);
@include px-to-rem(height, 42px);
@include px-to-rem(line-height, 42px);
&.btn-sm {
@include px-to-rem(width, 31px);
@include px-to-rem(height, 31px);
@include px-to-rem(line-height, 31px);
}
&.btn-lg {
@include px-to-rem(width, 52px);
@include px-to-rem(height, 52px);
@include px-to-rem(line-height, 52px);
}
}
// Pilled
.btn--pill {
border-radius: $g-border-radius-pill;
@include px-to-rem(padding-left, 20px);
@include px-to-rem(padding-right, 20px);
&.btn-sm {
@include px-to-rem(padding-left, 15px);
@include px-to-rem(padding-right, 15px);
}
&.btn-lg {
@include px-to-rem(padding-left, 25px);
@include px-to-rem(padding-right, 25px);
}
}
// Link
.btn-link {
color: theme-color("primary");
&:hover {
color: theme-color("primary");
}
}
================================================
FILE: assets/include/scss/blocks/_carousel.scss
================================================
/*----------------------------------
Carousell
------------------------------------*/
.carousel-control-size {
font-size: $g-carousel-control-size;
}
================================================
FILE: assets/include/scss/blocks/_clients.scss
================================================
/*------------------------------------
Clients
------------------------------------*/
.u-clients {
&__item {
border: {
width: 1px 0 1px 1px;
color: $g-hr-color;
style: solid;
}
padding: map-get($g-spacers, 7) 0;
}
&__image {
@include px-to-rem(width, 120px);
@include px-to-rem(margin-left, auto);
@include px-to-rem(margin-right, auto);
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
opacity: .3;
transition: all 0.3s ease;
&:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
}
}
================================================
FILE: assets/include/scss/blocks/_forms.scss
================================================
/*----------------------------------
Forms
------------------------------------*/
/* Form Lable States */
.form-label-text {
// Success (Valid) State
.is-valid & {
color: theme-color("success");
}
// Error (Invalid) State
.is-invalid & {
color: theme-color("danger");
}
// Disabled State
.is-disabled & {
color: $g-form-label-color-disabled;
}
}
/* Form Pilled Shape */
.form--pill {
border-radius: $g-border-radius-pill;
padding-left: 1rem;
padding-right: 1rem;
}
/* Forms Icon */
.form-icon {
// Icon Wrapper
&-wrapper {
position: relative;
display: block;
}
// Input Space
&-input-left {
@include px-to-rem (padding-left, 35px);
}
&-input-right {
@include px-to-rem (padding-right, 35px);
}
// Icon Alignments (e.g. left, right)
& {
position: absolute;
height: 100%;
@include px-to-rem (width, 40px);
&--left {
left: 0;
}
&--right {
right: 0;
}
}
// Icon Position
&__item {
position: absolute;
top: 50%;
left: 50%;
color: $g-form-icon-color;
transform: translate(-50%, -50%);
}
}
/* Form Toggles */
.form-toggle {
position: relative;
cursor: pointer;
// Toggle Item
&__item {
display: block;
padding-left: 1px;
padding-right: 1px;
cursor: pointer;
width: 43px;
height: 22px;
font: {
style: normal;
weight: 700;
size: 9px;
}
color: $g-form-toggle-color;
border: solid 1px $g-form-toggle-border-color;
@include px-to-rem(border-radius, 100px);
// Toggle Item Tag
i {
&::before,
&::after {
content: "";
display: block;
position: absolute;
}
&::before {
content: attr(data-uncheck-icon);
top: 0;
left: 0;
width: 100%;
line-height: 18px;
text-align: right;
padding: 2px 7px;
}
&::after {
left: 4px;
width: 16px;
height: 16px;
background-color: $g-form-toggle-circle-bg-color;
border-radius: 50%;
transform: translateY(-50%);
transition: left .2s ease;
}
}
// End Toggle Item Tag
}
// Control
input[type="checkbox"],
input[type="radio"] {
position: absolute;
z-index: -1; // Put the input behind the label so it doesn't overlay text
opacity: 0;
&:checked {
& +,
& + * {
// Toggle Item Tag
.form-toggle__item {
color: $g-form-toggle-color-checked;
background-color: $g-form-toggle-bg-color-checked;
border-color: $g-form-toggle-border-color-checked;
transition: all .3s ease;
i {
&:before {
content: attr(data-check-icon);
text-align: left;
}
&::after {
left: calc(100% - 19px);
background-color: $g-form-toggle-circle-bg-color-checked;
}
}
}
// End Toggle Item Tag
}
}
}
// Success (Valid) State
.is-valid & {
// Icon
&__item {
color: theme-color("success");
border: solid 1px theme-color("success");
// Icon Tag
i {
&::after {
background-color: theme-color("success");
}
}
// End Icon Tag
}
// Control
input[type="checkbox"],
input[type="radio"] {
&:checked {
& +,
& + * {
// Toggle Item Tag
.form-toggle__item {
background-color: theme-color("success");
border-color: theme-color("success");
}
// End Toggle Item Tag
}
}
}
// End Control
}
// Error (Invalid) State
.is-invalid & {
// Icon
&__item {
color: theme-color("danger");
border: solid 1px theme-color("danger");
// Icon Tag
i {
&::after {
background-color: theme-color("danger");
}
}
// End Icon Tag
}
// Control
input[type="checkbox"],
input[type="radio"] {
&:checked {
& +,
& + * {
// Toggle Item Tag
.form-toggle__item {
background-color: theme-color("danger");
border-color: theme-color("danger");
}
// End Toggle Item Tag
}
}
}
// End Control
}
// Disabled State
.is-disabled & {
// Icon
&__item {
color: $g-form-toggle-color-disabled;
border: solid 1px $g-form-toggle-border-color-disabled;
// Icon Tag
i {
&::after {
background-color: $g-form-toggle-circle-bg-color-disabled;
}
}
// End Icon Tag
}
// Control
input[type="checkbox"],
input[type="radio"] {
&:checked {
& +,
& + * {
// Toggle Item Tag
.form-toggle__item {
background-color: $g-form-toggle-bg-color-disabled-checked;
border-color: $g-form-toggle-border-color-disabled-checked;
}
// End Toggle Item Tag
}
}
}
// End Control
}
}
/* Bootstrap's Custom Controls */
.custom-control-input {
// Success (Valid) State
&.is-valid:checked {
~ .custom-control-label {
&::before {
background-color: theme-color("success");
}
}
}
// Error (Invalid) State
&.is-invalid:checked {
~ .custom-control-label {
&::before {
background-color: theme-color("danger");
}
}
}
&:disabled:checked {
~ .custom-control-label {
&::before {
background-color: $g-custom-control-indicator-disabled-bg;
}
}
}
}
================================================
FILE: assets/include/scss/blocks/_header-navbar.scss
================================================
/*----------------------------------
Header
------------------------------------*/
// Navbar Background Color (fixed mode)
.navbar-expand-sm.fixed-top {
// Small Devices
@include media-breakpoint-down(sm) {
background-color: rgba($g-dark, .3);
}
}
.navbar-expand-md.fixed-top {
// Medium Devices
@include media-breakpoint-down(md) {
background-color: rgba($g-dark, .3);
}
}
.navbar-expand-lg.fixed-top {
// Large Devices
@include media-breakpoint-down(lg) {
background-color: rgba($g-dark, .3);
}
}
// Navbar Onscroll
.navbar-bg-onscroll.fixed-top {
background-color: $navbar-bg-onscroll;
transition: all .3s ease-out;
&--fade {
transition: all .4s ease-out;
}
}
================================================
FILE: assets/include/scss/blocks/_mockup-browser.scss
================================================
/*------------------------------------
Mockup (Browser)
------------------------------------*/
.u-browser-img {
position: relative;
top: -7px;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
================================================
FILE: assets/include/scss/blocks/_mockup-device.scss
================================================
/*------------------------------------
Device (iPad)
------------------------------------*/
.u-device {
position: relative;
width: 85%;
z-index: -1;
margin-bottom: -10rem;
&__item {
border-radius: 2rem;
box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1);
}
}
================================================
FILE: assets/include/scss/blocks/_modals.scss
================================================
/*----------------------------------
Modals
------------------------------------*/
.modal-content {
box-shadow: $g-modal-content-box-shadow-xs;
@include media-breakpoint-up(sm) {
box-shadow: $g-modal-content-box-shadow-sm-up;
}
}
================================================
FILE: assets/include/scss/blocks/_pager.scss
================================================
/*----------------------------------
Pager
------------------------------------*/
.pager-btn {
min-width: 7.2rem;
&.btn-sm {
min-width: 6.2rem;
}
&.btn-lg {
min-width: 9.4rem;
}
}
================================================
FILE: assets/include/scss/blocks/_popover.scss
================================================
/*----------------------------------
Popover
------------------------------------*/
.popover {
box-shadow: $g-popover-box-shadow;
}
================================================
FILE: assets/include/scss/blocks/_portfolio.scss
================================================
/*------------------------------------
Portfolio
------------------------------------*/
.u-portfolio-controls {
&__item {
display: inline-block;
cursor: pointer;
}
&__item:not(:last-child)::after {
content: "|";
font-size: 0.71429rem;
margin: 0 4px;
position: relative;
top: -2px;
line-height: inherit;
display: inline-block;
vertical-align: middle;
color: transparent;
}
@include media-breakpoint-up(lg) {
&__item:not(:last-child)::after {
color: $g-gray-150;
margin: 0 7px 0 12px;
}
}
a {
color: $g-dark;
&.active {
color: $g-primary;
}
}
}
.u-portfolio {
&__item {
overflow: hidden;
z-index: 2;
}
&__image {
display: block;
width: 100%;
height: auto;
transition: all .2s ease;
}
&__item:hover &__image {
transform: translate3d(0, -60px, 0);
}
&__info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.75rem;
overflow: hidden;
@include px-to-rem(padding-left, 15px);
@include px-to-rem(padding-right, 15px);
@include px-to-rem(padding-top, 5px);
@include px-to-rem(padding-bottom, 5px);
color: $g-white;
background-color: theme-color("primary");
transition: all .2s ease;
transform: translate3d(0, 3.75rem, 0);
small {
opacity: .7;
}
}
&__item:hover &__info {
transform: translate3d(0, 0, 0);
}
&__zoom {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-indent: -10000px;
}
}
================================================
FILE: assets/include/scss/blocks/_pricing.scss
================================================
/*------------------------------------
Pricing
------------------------------------*/
.u-pricing {
background-color: $g-white;
&__header {
position: relative;
padding: map-get($g-spacers, 6) map-get($g-spacers, 4);
&-price {
display: block;
line-height: .84;
}
&-title {
opacity: .8;
}
&-decoration {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
}
&__content {
padding: map-get($g-spacers, 4);
.disabled .u-icon {
color: $g-light-primary-200;
background-color: rgba($g-light-primary-200, .1);
}
}
.disabled {
color: $g-light-primary-200;
}
}
================================================
FILE: assets/include/scss/blocks/_profile.scss
================================================
================================================
FILE: assets/include/scss/blocks/_progress-bar.scss
================================================
/*----------------------------------
Progress Bars
------------------------------------*/
// Pill
.progress--pill {
border-radius: $g-border-radius-pill;
}
// Column
.u-progress-bar-vertical {
display: flex;
flex-flow: column nowrap;
justify-content: flex-end;
background-color: $g-light-primary-100;
height: 200px;
&__indicator {
background-color: $g-primary;
}
}
================================================
FILE: assets/include/scss/blocks/_promo-blocks-v1.scss
================================================
/*----------------------------------
Promo Block v1
------------------------------------*/
.u-promo-block {
position: relative;
min-height: 100vh;
@include px-to-rem(padding-top, 100px);
@include px-to-rem(padding-bottom, 100px);
background: {
repeat: no-repeat;
position: 50% 0;
size: cover;
}
&--mheight-450 {
min-height: 450px;
}
&--mheight-500 {
min-height: 500px;
}
&--mheight-600 {
min-height: 600px;
}
@include media-breakpoint-down(lg) {
& {
background: {
attachment: fixed;
}
}
}
}
================================================
FILE: assets/include/scss/blocks/_tabs.scss
================================================
/*----------------------------------
Tabs
------------------------------------*/
.nav-tabs--v1 {
.nav-item {
margin-right: 3px;
&:last-child {
margin-right: 0;
}
}
.nav-link {
border-top-width: 3px;
&:hover,
&:focus {
border-color: transparent;
}
}
.nav-link.active,
.nav-item.show .nav-link {
border-top-color: theme-color("primary");
&:hover,
&:focus {
border-left-color: $g-gray-100;
border-right-color: $g-gray-100;
border-top-color: theme-color("primary");
}
}
}
.tab-content--v1 {
padding: 1.25rem 1rem;
margin-top: -1px;
border: solid 1px $g-gray-100;
border-bottom-left-radius: $g-border-radius;
border-bottom-right-radius: $g-border-radius;
p:last-of-type {
margin-bottom: 0;
}
}
================================================
FILE: assets/include/scss/blocks/blockquote/_blockquote-v1.scss
================================================
/*----------------------------------
Blockquote-v1
------------------------------------*/
.blockquote-v1 {
padding: $g-blockquote-padding-y $g-blockquote-padding-x;
background-color: $g-blockquote-bg;
font-size: 1.25rem;
font-weight: $g-blockquote-font-weight;
border-radius: $g-border-radius;
margin-bottom: 1rem;
// Left Bordered
&--left {
border-left: solid .25rem $g-blockquote-border-color;
}
// Right Bordered
&--right {
border-right: solid .25rem $g-blockquote-border-color;
}
}
================================================
FILE: assets/include/scss/blocks/blockquote/_blockquote-v2.scss
================================================
/*----------------------------------
Blockquote-v2
------------------------------------*/
.u-blockquote-v2 {
position: relative;
background-color: #fff;
box-shadow: 5px 6px 9px -6px rgba(0,0,0, .15);
@include px-to-rem(padding, 30px 30px 30px 60px);
&::before {
content: "\201C";
position: absolute;
@include px-to-rem(width, 60px);
@include px-to-rem(margin, -25px 0 0 -40px);
color: $g-primary;
@include px-to-rem(font-size, 60px);
}
&::after {
content: "";
position: absolute;
@include px-to-rem(bottom, -30px);
@include px-to-rem(left, 60px);
display: block;
width: 0;
height: 0;
border: {
style: solid;
width: 30px 30px 0 0;
color: $g-white transparent transparent transparent;
}
filter: drop-shadow(2px 2px 1px rgba(0,0,0, .1));
}
&__image {
@include px-to-rem(width, 60px);
@include px-to-rem(height, 60px);
}
}
================================================
FILE: assets/include/scss/blocks/globals/_globals.scss
================================================
/*----------------------------------
Typography
------------------------------------*/
/* Font Family */
.u-font-accent {
font-family: $g-font-accent;
}
/* Font Size */
.u-font-size {
&-75 {
font-size: 75%;
}
&-90 {
font-size: 90%;
}
}
/* Letter Spacing */
.u-letter-spacing {
&-xs {
letter-spacing: 1px;
}
&-sm {
letter-spacing: 2px;
}
}
/*----------------------------------
Others
------------------------------------*/
.u-opacity {
&-1 {
opacity: .1;
}
&-6 {
opacity: .6;
}
}
================================================
FILE: assets/include/scss/blocks/helpers/_helpers.scss
================================================
/*----------------------------------
Spaces
------------------------------------*/
.u-content-space {
padding-top: $g-content-space-y;
padding-bottom: $g-content-space-y;
}
.u-content-space-top {
padding-top: $g-content-space-y;
}
.u-content-space-bottom {
padding-bottom: $g-content-space-y;
}
/*----------------------------------
Pull
------------------------------------*/
.u-pull-half {
transform: translate3d(0, -50%, 0);
}
/*----------------------------------
Links
------------------------------------*/
.u-link {
color: $g-dark;
text-decoration: none;
&:hover {
color: theme-color("primary");
text-decoration: none;
}
}
/*----------------------------------
Box Shadow
------------------------------------*/
.u-box-shadow-sm {
box-shadow: $g-box-shadow-sm;
}
.u-box-shadow-lg {
box-shadow: $g-box-shadow-lg;
}
/*----------------------------------
Hero Image
------------------------------------*/
.u-hero-img {
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
/*----------------------------------
Overlays
------------------------------------*/
.u-overlay {
position: relative;
&::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
&--dark::after {
background-color: rgba($g-dark, .3);
}
&--light::after {
background-color: rgba($g-white, .3);
}
&__inner {
position: relative;
z-index: 1;
}
}
/*----------------------------------
Block Alignments
------------------------------------*/
.u-ver {
&-center {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translate3d(0, -50%, 0);
}
&-bottom {
position: absolute;
left: 50%;
bottom: 0;
transform: translate3d(-50%, 0, 0);
}
}
================================================
FILE: assets/include/scss/blocks/icons/_icon-block.scss
================================================
/*------------------------------------
Icon Block
------------------------------------*/
.u-icon-block {
&__col {
padding:{
top: map-get($g-spacers, 9);
bottom: map-get($g-spacers, 9);
}
}
}
@include media-breakpoint-up(lg) {
.u-icon-block {
border-bottom: solid 1px $g-hr-color;
&__col {
&--left-brd {
border-left: solid 1px $g-hr-color;
}
}
}
}
================================================
FILE: assets/include/scss/blocks/icons/_icon-sizes.scss
================================================
/*------------------------------------
Icon Sizes
------------------------------------*/
/* Extra Small */
.u-icon--size--xs {
@include px-to-rem(width, 24px);
@include px-to-rem(height, 24px);
@include px-to-rem(font-size, 13px);
}
/* Small */
.u-icon--size--sm {
@include px-to-rem(width, 32px);
@include px-to-rem(height, 32px);
@include px-to-rem(font-size, 16px);
}
/* Large */
.u-icon--size--lg {
@include px-to-rem(width, 56px);
@include px-to-rem(height, 56px);
@include px-to-rem(font-size, 28px);
}
/* Extra Large */
.u-icon--size--xl {
@include px-to-rem(width, 80px);
@include px-to-rem(height, 80px);
@include px-to-rem(font-size, 38px);
}
================================================
FILE: assets/include/scss/blocks/icons/_icon-styles.scss
================================================
/*------------------------------------
Icon Default Styles
------------------------------------*/
// Theme Colors
@each $color, $value in $g-theme-colors {
/* #{$color} */
.u-icon-#{$color} {
@include icon($value, $value);
}
}
// Accent Colors
@each $color, $value in $g-accent-colors {
/* #{$color} */
.u-icon-#{$color} {
@include icon($value, $value);
}
}
// Social Network Colors
@each $color, $value in $g-social-network-colors {
/* #{$color} */
.u-icon-#{$color} {
@include icon($value, $value);
}
}
================================================
FILE: assets/include/scss/blocks/icons/_icon.scss
================================================
/*------------------------------------
Icon
------------------------------------*/
.u-icon {
position: relative;
z-index: 1;
line-height: .7;
@include icon-elements;
@include px-to-rem(width, 36px);
@include px-to-rem(height, 36px);
@include px-to-rem(font-size, 18px);
border-radius: .25rem;
transition: .3s ease-in-out;
&__inner {
@include content-centered;
&-bottom-minus {
top: 90%;
}
}
}
@import "icon-sizes";
@import "icon-styles";
================================================
FILE: assets/include/scss/styles.scss
================================================
/*
* Stream v1.0 (https://htmlstream.com)
* Copyright Htmlstream
* Licensed under MIT
*/
// Core variables and mixins
@import "tools/functions";
@import "variables";
@import "tools/mixins";
// Core
@import "core";
// Blocks
@import "blocks/alerts";
@import "blocks/arrows";
@import "blocks/avatar";
@import "blocks/border-radius";
@import "blocks/buttons";
@import "blocks/carousel";
@import "blocks/forms";
@import "blocks/modals";
@import "blocks/pager";
@import "blocks/popover";
@import "blocks/progress-bar";
@import "blocks/tabs";
@import "blocks/blockquote/blockquote-v1";
@import "blocks/blockquote/blockquote-v2";
@import "blocks/clients";
@import "blocks/mockup-browser";
@import "blocks/mockup-device";
@import "blocks/icons/icon";
@import "blocks/icons/icon-block";
@import "blocks/header-navbar";
@import "blocks/portfolio";
@import "blocks/promo-blocks-v1";
@import "blocks/pricing";
// Helpers
@import "blocks/helpers/helpers";
// Globals
@import "blocks/globals/globals";
================================================
FILE: assets/include/scss/tools/_functions.scss
================================================
//
// Functions
//
// Converting a px based font-size to rem.
@function parseInt($hs-n) {
@if ($hs-n == !important) {
@return !important
} @else {
$hs-rem-size: $hs-n / 16px;
@return #{$hs-rem-size}rem;
}
}
================================================
FILE: assets/include/scss/tools/_mixins.scss
================================================
//
// Core Mixins
//
@import "mixins/px-to-rem";
@import "mixins/icons";
@import "mixins/content-centered";
@import "mixins/breakpoint";
================================================
FILE: assets/include/scss/tools/mixins/_breakpoint.scss
================================================
// Breakpoint viewport sizes and media queries.
//
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
//
// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
//
// The map defined in the `$g-breakpoints` global variable is used as the `$hs-breakpoints` argument by default.
// Name of the next breakpoint, or null for the last breakpoint.
//
// >> breakpoint-next(sm)
// md
// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// md
// >> breakpoint-next(sm, $hs-breakpoint-names: (xs sm md lg xl))
// md
@function breakpoint-next($hs-name, $hs-breakpoints: $g-breakpoints, $hs-breakpoint-names: map-keys($hs-breakpoints)) {
$n: index($hs-breakpoint-names, $hs-name);
@return if($n < length($hs-breakpoint-names), nth($hs-breakpoint-names, $n + 1), null);
}
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
//
// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// 576px
@function breakpoint-min($hs-name, $hs-breakpoints: $g-breakpoints) {
$hs-min: map-get($hs-breakpoints, $hs-name);
@return if($hs-min != 0, $hs-min, null);
}
// Maximum breakpoint width. Null for the largest (last) breakpoint.
// The maximum value is calculated as the minimum of the next one less 0.1.
//
// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// 767px
@function breakpoint-max($hs-name, $hs-breakpoints: $g-breakpoints) {
$hs-next: breakpoint-next($hs-name, $hs-breakpoints);
@return if($hs-next, breakpoint-min($hs-next, $hs-breakpoints) - 1px, null);
}
// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
// Useful for making responsive utilities.
//
// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// "" (Returns a blank string)
// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
// "-sm"
@function breakpoint-infix($hs-name, $hs-breakpoints: $g-breakpoints) {
@return if(breakpoint-min($hs-name, $hs-breakpoints) == null, "", "-#{$hs-name}");
}
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
// Makes the @content apply to the given breakpoint and wider.
@mixin media-breakpoint-up($hs-name, $hs-breakpoints: $g-breakpoints) {
$hs-min: breakpoint-min($hs-name, $hs-breakpoints);
@if $hs-min {
@media (min-width: $hs-min) {
@content;
}
} @else {
@content;
}
}
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
// Makes the @content apply to the given breakpoint and narrower.
@mixin media-breakpoint-down($hs-name, $hs-breakpoints: $g-breakpoints) {
$hs-max: breakpoint-max($hs-name, $hs-breakpoints);
@if $hs-max {
@media (max-width: $hs-max) {
@content;
}
} @else {
@content;
}
}
// Media that spans multiple breakpoint widths.
// Makes the @content apply between the min and max breakpoints
@mixin media-breakpoint-between($lower, $upper, $hs-breakpoints: $g-breakpoints) {
$hs-min: breakpoint-min($lower, $hs-breakpoints);
$hs-max: breakpoint-max($upper, $hs-breakpoints);
@if $hs-min != null and $hs-max != null {
@media (min-width: $hs-min) and (max-width: $hs-max) {
@content;
}
} @else if $hs-max == null {
@include media-breakpoint-up($lower) {
@content;
}
} @else if $hs-min == null {
@include media-breakpoint-down($upper) {
@content;
}
}
}
// Media between the breakpoint's minimum and maximum widths.
// No minimum for the smallest breakpoint, and no maximum for the largest one.
// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
@mixin media-breakpoint-only($hs-name, $hs-breakpoints: $g-breakpoints) {
$hs-min: breakpoint-min($hs-name, $hs-breakpoints);
$hs-max: breakpoint-max($hs-name, $hs-breakpoints);
@if $hs-min != null and $hs-max != null {
@media (min-width: $hs-min) and (max-width: $hs-max) {
@content;
}
} @else if $hs-max == null {
@include media-breakpoint-up($hs-name) {
@content;
}
} @else if $hs-min == null {
@include media-breakpoint-down($hs-name) {
@content;
}
}
}
================================================
FILE: assets/include/scss/tools/mixins/_content-centered.scss
================================================
//
// Content Centered
//
// mixing for centering contents
@mixin content-centered($hs-horizontal: true, $hs-vertical: true) {
position: absolute;
@if ($hs-horizontal and $hs-vertical) {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} @else if ($hs-horizontal) {
left: 50%;
transform: translate(-50%, 0);
} @else if ($hs-vertical) {
top: 50%;
transform: translate(0, -50%);
}
}
================================================
FILE: assets/include/scss/tools/mixins/_icons.scss
================================================
//
// Icons
//
// Icon Elements
@mixin icon-elements {
display: inline-block;
vertical-align: middle;
text-align: center;
}
@mixin icon($hs-background, $hs-border, $hs-hover-background: darken($hs-background, 7.5%), $hs-hover-border: darken($hs-border, 10%), $hs-active-background: darken($hs-background, 10%), $g-active-border: darken($hs-border, 12.5%)) {
color: color-yiq($hs-background);
background-color: ($hs-background);
border-color: $hs-border;
&[href] {
&:hover {
color: color-yiq($hs-hover-background);
background-color: ($hs-hover-background);
border-color: $hs-hover-border;
}
}
// Disabled comes first so active can properly restyle
&.disabled,
&:disabled {
background-color: $hs-background;
border-color: $hs-border;
}
}
// Icon Air Styles
@mixin icon-air($hs-color, $hs-background, $hs-hover-background) {
color: ($hs-color);
background: rgba($hs-background, .1);
&[href] {
&:hover,
&:focus,
&:active {
color: color-yiq($hs-hover-background);
background: ($hs-hover-background);
}
}
}
// Icon Border Styles
@mixin icon-bordered($hs-color, $hs-hover-background, $hs-brd-color, $hs-brd-hover-color) {
color: ($hs-color);
background: transparent;
border-color: $hs-brd-color;
&[href] {
&:hover,
&:focus,
&:active {
color: color-yiq($hs-hover-background);
background: ($hs-hover-background);
border-color: $hs-brd-color;
}
}
}
================================================
FILE: assets/include/scss/tools/mixins/_px-to-rem.scss
================================================
//
// Convert px to rem
//
// e.g. @include px-to-rem(padding, 8px 20px);
@mixin px-to-rem($hs-property, $hs-values) {
$hs-rem: ();
@each $hs-value in $hs-values {
@if index((0, 0px), $hs-value) or $hs-value == auto {
$hs-rem: append($hs-rem, $hs-value);
}
@else {
$hs-rem: append($hs-rem, parseInt($hs-value));
}
}
#{$hs-property}: $hs-rem;
}
================================================
FILE: assets/include/scss/vendors/bootstrap/_custom.bootstrap.variables.scss
================================================
//
// Custom Bootstrap SASS
//
// Links
// ====================================================
$link-hover-decoration: $g-link-hover-decoration !default;
// Color System
// ====================================================
$primary: $g-primary !default;
$secondary: $g-secondary !default;
$success: $g-green !default;
$info: $g-blue !default;
$warning: $g-yellow !default;
$danger: $g-red !default;
$light: $g-light !default;
$dark: $g-dark !default;
// Border Radius
// ====================================================
$border-radius: $g-border-radius !default;
// Text Muted
// ====================================================
$text-muted: $g-text-muted !default;
// Spacing
// ====================================================
// stylelint-disable
$spacer: 1rem !default;
$spacers: () !default;
$spacers: map-merge((
0: 0,
1: ($spacer * .25),
2: ($spacer * .5),
3: $spacer,
4: ($spacer * 1.5),
5: ($spacer * 2),
6: ($spacer * 2.5),
7: ($spacer * 3),
8: ($spacer * 3.5),
9: ($spacer * 4)
), $spacers);
// Width and Height
// ====================================================
// This variable affects the `.h-*` and `.w-*` classes.
$sizes: () !default;
$sizes: map-merge((
25: 25%,
30: 30%,
50: 50%,
60: 60%,
75: 75%,
100: 100%
), $sizes);
// stylelint-enable
// Image Thumbnails
// ====================================================
$thumbnail-border-color: $g-thumbnail-border-color !default;
// Pagination
// ====================================================
// Border
$pagination-border-color: $g-pagination-border-color !default;
// Hover
$pagination-hover-color: $g-pagination-hover-color !default;
$pagination-hover-bg: $g-pagination-hover-bg !default;
$pagination-hover-border-color: $g-pagination-hover-border-color !default;
// Active
$pagination-active-color: $g-pagination-active-color !default;
$pagination-active-bg: $g-pagination-active-bg !default;
$pagination-active-border-color: $g-pagination-active-border-color !default;
// Buttons + Forms
// ====================================================
// Default Spacing
$input-btn-padding-y: $g-input-btn-padding-y !default;
$input-btn-padding-x: $g-input-btn-padding-x !default;
// Large Spacing
$input-btn-padding-y-lg: $g-input-btn-padding-y-lg !default;
$input-btn-padding-x-lg: $g-input-btn-padding-x-lg !default;
// Focus Width
$input-btn-focus-width: $g-input-btn-focus-width !default;
// Forms Inputs
// ====================================================
// Colors
$input-color: $g-input-color !default;
$input-group-addon-color: $g-input-group-addon-color !default;
// Border Colors
$input-border-color: $g-input-border-color !default;
$input-focus-border-color: $g-input-focus-border-color;
// Background Colors
$input-group-addon-bg: $g-input-group-addon-bg !default;
// Focus Colors
$input-focus-color: $g-input-focus-color !default;
$input-placeholder-color: $g-input-placeholder-color !default;
// Box Focus Shadow
$input-focus-box-shadow: $g-input-focus-box-shadow !default;
// Close
// ====================================================
$close-font-size: $g-close-font-size !default;
$close-font-weight: $g-close-font-weight !default;
$close-color: $g-dark !default;
$close-text-shadow: $g-close-text-shadow !default;
// Alerts
// ====================================================
$alert-padding-y: $g-alert-padding-y !default;
$alert-padding-x: $g-alert-padding-x !default;
// Progress Bars
// ====================================================
$progress-bg: $g-progress-bg !default;
// List Groups
// ====================================================
$list-group-border-color: $g-list-group-border-color !default;
$list-group-hover-bg: $g-list-group-hover-bg !default;
// Blockquote
// ====================================================
$blockquote-small-color: $g-blockquote-small-color !default;
$blockquote-font-size: $g-blockquote-font-size !default;
// Card
// ====================================================
$card-cap-bg: $g-card-cap-bg !default;
$card-border-color: $g-card-border-color !default;
// Modals
// ====================================================
// Background Color
$modal-backdrop-bg: $g-modal-backdrop-bg !default;
$modal-backdrop-opacity: $g-modal-backdrop-opacity !default;
// Border Color
$modal-content-border-color: $g-modal-content-border-color !default;
// Box Shadow
$modal-content-box-shadow-xs: $g-modal-content-box-shadow-xs !default;
$modal-content-box-shadow-sm-up: $g-modal-content-box-shadow-sm-up !default;
// Sizes
$modal-lg: $g-modal-lg !default;
$modal-md: $g-modal-md !default;
$modal-sm: $g-modal-sm !default;
// Popovers
// ====================================================
// Background Color
$popover-header-bg: $g-popover-header-bg !default;
// Border Color
$popover-border-color: $g-popover-border-color !default;
// Box Shadow
$popover-box-shadow: $g-popover-box-shadow !default;
// Navbar
// ====================================================
$navbar-dark-color: $g-navbar-dark-color !default;
// Nav Tabs
// ====================================================
// Active Color
$nav-tabs-link-active-color: $g-nav-tabs-link-active-color !default;
// Border Color
$nav-tabs-border-color: $g-nav-tabs-border-color !default;
// Drop Down
// ====================================================
$dropdown-link-hover-bg: $g-dropdown-link-hover-bg !default;
$dropdown-border-color: $g-dropdown-border-color !default;
$dropdown-min-width: $g-dropdown-min-width !default;
$dropdown-box-shadow: $g-dropdown-box-shadow !default;
// Carousel
// ====================================================
$carousel-control-color: $g-carousel-control-color !default;
// Tooltips
// ====================================================
$tooltip-max-width: $g-tooltip-max-width !default;
$tooltip-color: $g-tooltip-color !default;
$tooltip-bg: $g-tooltip-bg !default;
$tooltip-opacity: $g-tooltip-opacity !default;
$tooltip-padding-y: $g-tooltip-padding-y !default;
$tooltip-padding-x: $g-tooltip-padding-x !default;
================================================
FILE: assets/include/scss/vendors/bootstrap/_dropdown.scss
================================================
//
// Dropdown
//
// The dropdown menu
.dropdown-menu {
min-width: $dropdown-min-width;
border: {
width: 3px 0 0;
color: $primary;
}
box-shadow: $dropdown-box-shadow;
}
// Links, buttons, and more within the dropdown menu
.dropdown-item {
&.active,
&:active {
color: $primary;
background-color: transparent;
}
}
================================================
FILE: assets/include/scss/vendors/bootstrap/_heading.scss
================================================
//
// Displays
//
.display {
// Small Devices
@include media-breakpoint-up(sm) {
&-sm-1 {
font-size: $display1-size;
}
&-sm-2 {
font-size: $display2-size;
}
&-sm-3 {
font-size: $display3-size;
}
&-sm-4 {
font-size: $display4-size;
}
}
// Medium Devices
@include media-breakpoint-up(md) {
&-md-1 {
font-size: $display1-size;
}
&-md-2 {
font-size: $display2-size;
}
&-md-3 {
font-size: $display3-size;
}
&-md-4 {
font-size: $display4-size;
}
}
// Large Devices
@include media-breakpoint-up(lg) {
&-lg-1 {
font-size: $display1-size;
}
&-lg-2 {
font-size: $display2-size;
}
&-lg-3 {
font-size: $display3-size;
}
&-lg-4 {
font-size: $display4-size;
}
}
}
================================================
FILE: assets/include/scss/vendors/bootstrap/_text.scss
================================================
// stylelint-disable declaration-no-important
//
// Text
//
// Weight & Styles
.font-weight-semi-bold {
font-weight: $g-font-weight-semi-bold !important;
}
.font-style-normal {
font-style: normal !important;
}
================================================
FILE: assets/include/scss/vendors/bootstrap/_width.scss
================================================
/*------------------------------------
Width
------------------------------------*/
.w {
// Medium Devices
@include media-breakpoint-up(md) {
&-md-25 {
width: 25% !important;
}
}
// Large Devices
@include media-breakpoint-up(lg) {
&-lg-25 {
width: 25% !important;
}
}
// Medium Devices
@include media-breakpoint-up(md) {
&-md-50 {
width: 50% !important;
}
}
// Large Devices
@include media-breakpoint-up(lg) {
&-lg-50 {
width: 50% !important;
}
}
// Medium Devices
@include media-breakpoint-up(md) {
&-md-75 {
width: 75% !important;
}
}
// Large Devices
@include media-breakpoint-up(lg) {
&-lg-75 {
width: 75% !important;
}
}
// Medium Devices
@include media-breakpoint-up(md) {
&-md-100 {
width: 100% !important;
}
}
// Large Devices
@include media-breakpoint-up(lg) {
&-lg-100 {
width: 100% !important;
}
}
}
================================================
FILE: assets/include/scss/vendors/bootstrap/bootstrap.scss
================================================
//
// Main Bootstrap SASS
//
@import "../../variables";
@import "../../tools/mixins";
@import "custom.bootstrap.variables";
@import "../../../../vendors/bootstrap/scss/bootstrap";
@import "width";
@import "text";
@import "heading";
@import "dropdown";
================================================
FILE: assets/js/global.js
================================================
/*!
* Stream v1.0 (https://htmlstream.com)
* Copyright Htmlstream
* Licensed under MIT
*/
(function($) {
'use strict';
// Activate Tooltips & Popovers
$(function () {
$('[data-toggle="tooltip"]').tooltip();
$('[data-toggle="popover"]').popover();
// Dismiss Popovers on next click
$('.popover-dismiss').popover({
trigger: 'focus'
})
});
// Bootstrap Fixed Header
$(function() {
// Check to see if there is a bakcground class on loading
if ($('.js-navbar-scroll').offset().top > 150) {
$('.js-navbar-scroll').addClass('navbar-bg-onscroll');
}
// Check to add a background class on scrolling
$(window).on('scroll', function() {
var navbarOffset = $('.js-navbar-scroll').offset().top > 150;
if(navbarOffset) {
$('.js-navbar-scroll').addClass('navbar-bg-onscroll');
}
else {
$('.js-navbar-scroll').removeClass('navbar-bg-onscroll');
$('.js-navbar-scroll').addClass('navbar-bg-onscroll--fade');
}
});
});
// Scroll to (Section)
$(function() {
$('a[href*=#js-scroll-to-]:not([href=#js-scroll-to-])').on('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 - 10
}, 1000);
return false;
}
}
});
});
}(jQuery));
================================================
FILE: assets/js/header-demo.js
================================================
/*!
* Stream v1.0 (https://htmlstream.com)
* Copyright Htmlstream
* Licensed under MIT
*/
(function($) {
'use strict';
// Sticky Header
$(function() {
// Check to see if there is a bakcground class on loading
if ($('#js-header-sticky').offset().top > 15) {
$('#js-header-sticky').addClass('header__sticky');
}
// Check to add a background class on scrolling
$(window).on('scroll', function() {
if ($('#js-header-sticky').offset().top > 15) {
$('#js-header-sticky').addClass('header__sticky');
} else {
$('#js-header-sticky').removeClass('header__sticky');
}
});
});
// Header Scroll
$(function() {
var $offset = 0;
$offset = $(".fixed-top").height()-0;
// jQuery for page scrolling feature - requires jQuery Easing plugin
$('.js-nav-item').on('click', function(event) {
var $position = $($(this).attr('href')).offset().top;
$('html, body').stop().animate({
scrollTop: $position - $offset
}, 1000);
event.preventDefault();
});
var $scrollspy = $('body').scrollspy({target: '.fixed-top', offset: $offset+2});
// Overlay
var overlay = $('.js-overlay-nav'),
trigger = $('.js-trigger'),
navItem = $('.js-nav-item'),
sticky = $('.header__overlay-sticky');
trigger.on('click', function() {
trigger.toggleClass('-is-active');
overlay.toggleClass('-is-open');
sticky.toggleClass('-is-open');
});
// Collapse Navbar When It's Clickicked
navItem.on('click', function() {
$('.js-trigger').removeClass('-is-active');
$('.js-overlay-nav').removeClass('-is-open');
$('.header__overlay-sticky').removeClass('-is-open');
});
});
}(jQuery));
================================================
FILE: assets/js/vendors/carousel.js
================================================
(function($) {
'use strict';
$(document).ready(function(){
$('.js-clients').slick({
autoplay: true,
speed: 500,
slidesToShow: 6,
infinite: true,
arrows: false,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 4,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 576,
settings: {
slidesToShow: 3,
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2,
}
}
]
});
});
}(jQuery));
================================================
FILE: assets/js/vendors/counters.js
================================================
(function($) {
'use strict';
$(document).ready(function(){
$('.js-counter').counterUp();
});
}(jQuery));
================================================
FILE: assets/js/vendors/magnific-popup.js
================================================
(function($) {
'use strict';
$(document).ready(function() {
// Image popup - vertical fit
$('.js-popup-image').magnificPopup({
type: 'image',
closeOnContentClick: true,
mainClass: 'mfp-img-mobile',
image: {
verticalFit: true,
}
});
// Popup gallery
$('.js-popup-gallery').magnificPopup({
type: 'image',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">The image #%curr%</a> could not be loaded.'
}
});
// Multiple Galleries with a single popup
$('.js-popup-multiple-image').magnificPopup({
type: 'image',
tLoading: 'Loading image #%curr%...',
fixedContentPos: true,
gallery: {
enabled: true,
navigateByImgClick: true,
arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
preload: [0,1], // Will preload 0 - before current, and 1 after the current image
}
});
// Video iframes
$('.js-popup-youtube, .js-popup-vimeo').magnificPopup({
disableOn: 700,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: true
});
});
}(jQuery));
================================================
FILE: assets/js/vendors/masonry.js
================================================
(function($) {
'use strict';
$(document).ready(function(){
var $container = $('#js-masonry');
// initialize Masonry after all images have loaded
$container.imagesLoaded( function() {
$container.masonry({
itemSelector: '.js-masonry-item', // use a separate class for itemSelector, other than .col-
columnWidth: '#js-masonry-sizer',
percentPosition: true
});
});
$.fn.masonryImagesReveal = function( $items ) {
var msnry = this.data('masonry');
var itemSelector = msnry.options.itemSelector;
// hide by default
$items.hide();
// append to container
this.append( $items );
$items.imagesLoaded().progress( function( imgLoad, image ) {
// get item
// image is imagesLoaded class, not <img>, <img> is image.img
var $item = $( image.img ).parents( itemSelector );
// un-hide item
$item.show();
// masonry does its thing
msnry.appended( $item );
});
return this;
};
})
}(jQuery));
================================================
FILE: assets/js/vendors/parallax.js
================================================
(function($) {
'use strict';
$(document).ready(function(){
if (!(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
$('.js-parallax').parallax("50%", .3);
}
})
}(jQuery));
================================================
FILE: assets/js/vendors/shuffle.js
================================================
var shuffleMe = (function( $ ) {
'use strict';
var $grid = $('.js-shuffle'),
$filterOptions = $('.js-shuffle-controls li'),
$sizer = $grid.find('.shuffle_sizer'),
init = function() {
setTimeout(function() {
listen();
setupFilters();
}, 100);
$grid.shuffle({
itemSelector: '[class*="col-"]',
sizer: $sizer
});
},
setupFilters = function() {
var $btns = $filterOptions.children();
$btns.on('click', function(e) {
e.preventDefault();
var $this = $(this),
isActive = $this.hasClass( 'active' ),
group = isActive ? 'all' : $this.data('group');
if ( !isActive ) {
$('.js-shuffle-controls li a').removeClass('active');
}
$this.toggleClass('active');
$grid.shuffle('shuffle', group );
});
$btns = null;
},
listen = function() {
var debouncedLayout = $.throttle( 300, function() {
$grid.shuffle('update');
});
$grid.find('img').each(function() {
var proxyImage;
if ( this.complete && this.naturalWidth !== undefined ) {
return;
}
proxyImage = new Image();
$( proxyImage ).on('load', function() {
$(this).off('load');
debouncedLayout();
});
proxyImage.src = this.src;
});
setTimeout(function() {
debouncedLayout();
}, 500);
};
return {
init: init
};
}( jQuery ));
$(document).ready(function() {
shuffleMe.init();
});
================================================
FILE: assets/vendors/bootstrap/css/bootstrap.css
================================================
/*!
* Bootstrap v4.1.1 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #59287a;
--secondary: #00c9a7;
--success: #0dd157;
--info: #2972fa;
--warning: #fab633;
--danger: #fb4143;
--light: #f6f9fc;
--dark: #1b1e24;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #59287a;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #2f1540;
text-decoration: none;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #8f95a0;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
.lead {
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #1b1e24;
}
.blockquote-footer::before {
content: "\2014 \00A0";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #e6e7e9;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #6c757d;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 87.5%;
color: #212529;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.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: flex;
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 {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table .table {
background-color: #fff;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #d1c3da;
}
.table-hover .table-primary:hover {
background-color: #c5b3d0;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #c5b3d0;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #b8f0e6;
}
.table-hover .table-secondary:hover {
background-color: #a3ecdf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #a3ecdf;
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #bbf2d0;
}
.table-hover .table-success:hover {
background-color: #a6eec1;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #a6eec1;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #c3d8fe;
}
.table-hover .table-info:hover {
background-color: #aac8fe;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #aac8fe;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #feebc6;
}
.table-hover .table-warning:hover {
background-color: #fee2ad;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #fee2ad;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #fecaca;
}
.table-hover .table-danger:hover {
background-color: #feb1b1;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #feb1b1;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fcfdfe;
}
.table-hover .table-light:hover {
background-color: #e9f0f8;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #e9f0f8;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #bfc0c2;
}
.table-hover .table-dark:hover {
background-color: #b2b3b6;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b2b3b6;
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #fff;
background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
padding: 0.5rem 0.8rem;
font-size: 1rem;
line-height: 1.5;
color: #1b1e24;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #e6e7e9;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #1b1e24;
background-color: #fff;
border-color: #a76ccf;
outline: 0;
box-shadow: none;
}
.form-control::placeholder {
color: #8c98a4;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.5rem + 2px);
}
select.form-control:focus::-ms-value {
color: #1b1e24;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.625rem + 1px);
padding-bottom: calc(0.625rem + 1px);
font-size: 1.25rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
height: calc(1.8125rem + 2px);
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.625rem 1.2rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
height: calc(3.125rem + 2px);
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
color: #8f95a0;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #0dd157;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(13, 209, 87, 0.8);
border-radius: .2rem;
}
.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
border-color: #0dd157;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #0dd157;
box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #0dd157;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #0dd157;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #68f69d;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #20f16f;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(13, 209, 87, 0.25);
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #0dd157;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0 rgba(13, 209, 87, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #fb4143;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(251, 65, 67, 0.8);
border-radius: .2rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
border-color: #fb4143;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #fb4143;
box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #fb4143;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #fb4143;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #febebf;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #fc7374;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0 rgba(251, 65, 67, 0.25);
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #fb4143;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0 rgba(251, 65, 67, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 1px solid transparent;
padding: 0.5rem 0.8rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover, .btn:focus {
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #59287a;
border-color: #59287a;
}
.btn-primary:hover {
color: #fff;
background-color: #441f5d;
border-color: #3d1b54;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0 rgba(89, 40, 122, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #59287a;
border-color: #59287a;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #3d1b54;
border-color: #36184a;
}
.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 rgba(89, 40, 122, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #00c9a7;
border-color: #00c9a7;
}
.btn-secondary:hover {
color: #fff;
background-color: #00a387;
border-color: #00967d;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0 rgba(0, 201, 167, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #00c9a7;
border-color: #00c9a7;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #00967d;
border-color: #008972;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0 rgb
gitextract_vncmh7ak/ ├── LICENSE ├── README.md ├── about-me.html ├── about-us.html ├── assets/ │ ├── css/ │ │ ├── min.styles.css │ │ └── styles.css │ ├── include/ │ │ └── scss/ │ │ ├── _core.scss │ │ ├── _variables.scss │ │ ├── blocks/ │ │ │ ├── _alerts.scss │ │ │ ├── _arrows.scss │ │ │ ├── _avatar.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _buttons.scss │ │ │ ├── _carousel.scss │ │ │ ├── _clients.scss │ │ │ ├── _forms.scss │ │ │ ├── _header-navbar.scss │ │ │ ├── _mockup-browser.scss │ │ │ ├── _mockup-device.scss │ │ │ ├── _modals.scss │ │ │ ├── _pager.scss │ │ │ ├── _popover.scss │ │ │ ├── _portfolio.scss │ │ │ ├── _pricing.scss │ │ │ ├── _profile.scss │ │ │ ├── _progress-bar.scss │ │ │ ├── _promo-blocks-v1.scss │ │ │ ├── _tabs.scss │ │ │ ├── blockquote/ │ │ │ │ ├── _blockquote-v1.scss │ │ │ │ └── _blockquote-v2.scss │ │ │ ├── globals/ │ │ │ │ └── _globals.scss │ │ │ ├── helpers/ │ │ │ │ └── _helpers.scss │ │ │ └── icons/ │ │ │ ├── _icon-block.scss │ │ │ ├── _icon-sizes.scss │ │ │ ├── _icon-styles.scss │ │ │ └── _icon.scss │ │ ├── styles.scss │ │ ├── tools/ │ │ │ ├── _functions.scss │ │ │ ├── _mixins.scss │ │ │ └── mixins/ │ │ │ ├── _breakpoint.scss │ │ │ ├── _content-centered.scss │ │ │ ├── _icons.scss │ │ │ └── _px-to-rem.scss │ │ └── vendors/ │ │ └── bootstrap/ │ │ ├── _custom.bootstrap.variables.scss │ │ ├── _dropdown.scss │ │ ├── _heading.scss │ │ ├── _text.scss │ │ ├── _width.scss │ │ └── bootstrap.scss │ ├── js/ │ │ ├── global.js │ │ ├── header-demo.js │ │ └── vendors/ │ │ ├── carousel.js │ │ ├── counters.js │ │ ├── magnific-popup.js │ │ ├── masonry.js │ │ ├── parallax.js │ │ └── shuffle.js │ └── vendors/ │ ├── bootstrap/ │ │ ├── css/ │ │ │ └── bootstrap.css │ │ ├── js/ │ │ │ └── bootstrap.js │ │ └── scss/ │ │ ├── _alert.scss │ │ ├── _badge.scss │ │ ├── _breadcrumb.scss │ │ ├── _button-group.scss │ │ ├── _buttons.scss │ │ ├── _card.scss │ │ ├── _carousel.scss │ │ ├── _close.scss │ │ ├── _code.scss │ │ ├── _custom-forms.scss │ │ ├── _dropdown.scss │ │ ├── _forms.scss │ │ ├── _functions.scss │ │ ├── _grid.scss │ │ ├── _images.scss │ │ ├── _input-group.scss │ │ ├── _jumbotron.scss │ │ ├── _list-group.scss │ │ ├── _media.scss │ │ ├── _mixins.scss │ │ ├── _modal.scss │ │ ├── _nav.scss │ │ ├── _navbar.scss │ │ ├── _pagination.scss │ │ ├── _popover.scss │ │ ├── _print.scss │ │ ├── _progress.scss │ │ ├── _reboot.scss │ │ ├── _root.scss │ │ ├── _tables.scss │ │ ├── _tooltip.scss │ │ ├── _transitions.scss │ │ ├── _type.scss │ │ ├── _utilities.scss │ │ ├── _variables.scss │ │ ├── bootstrap-grid.scss │ │ ├── bootstrap-reboot.scss │ │ ├── bootstrap.scss │ │ ├── mixins/ │ │ │ ├── _alert.scss │ │ │ ├── _background-variant.scss │ │ │ ├── _badge.scss │ │ │ ├── _border-radius.scss │ │ │ ├── _box-shadow.scss │ │ │ ├── _breakpoints.scss │ │ │ ├── _buttons.scss │ │ │ ├── _caret.scss │ │ │ ├── _clearfix.scss │ │ │ ├── _float.scss │ │ │ ├── _forms.scss │ │ │ ├── _gradients.scss │ │ │ ├── _grid-framework.scss │ │ │ ├── _grid.scss │ │ │ ├── _hover.scss │ │ │ ├── _image.scss │ │ │ ├── _list-group.scss │ │ │ ├── _lists.scss │ │ │ ├── _nav-divider.scss │ │ │ ├── _pagination.scss │ │ │ ├── _reset-text.scss │ │ │ ├── _resize.scss │ │ │ ├── _screen-reader.scss │ │ │ ├── _size.scss │ │ │ ├── _table-row.scss │ │ │ ├── _text-emphasis.scss │ │ │ ├── _text-hide.scss │ │ │ ├── _text-truncate.scss │ │ │ ├── _transition.scss │ │ │ └── _visibility.scss │ │ └── utilities/ │ │ ├── _align.scss │ │ ├── _background.scss │ │ ├── _borders.scss │ │ ├── _clearfix.scss │ │ ├── _display.scss │ │ ├── _embed.scss │ │ ├── _flex.scss │ │ ├── _float.scss │ │ ├── _position.scss │ │ ├── _screenreaders.scss │ │ ├── _shadows.scss │ │ ├── _sizing.scss │ │ ├── _spacing.scss │ │ ├── _text.scss │ │ └── _visibility.scss │ ├── font-awesome/ │ │ ├── LICENSE.txt │ │ ├── README.md │ │ ├── css/ │ │ │ ├── fa-brands.css │ │ │ ├── fa-regular.css │ │ │ ├── fa-solid.css │ │ │ ├── fontawesome-all.css │ │ │ └── fontawesome.css │ │ ├── less/ │ │ │ ├── _animated.less │ │ │ ├── _bordered-pulled.less │ │ │ ├── _core.less │ │ │ ├── _fixed-width.less │ │ │ ├── _icons.less │ │ │ ├── _larger.less │ │ │ ├── _list.less │ │ │ ├── _mixins.less │ │ │ ├── _rotated-flipped.less │ │ │ ├── _screen-reader.less │ │ │ ├── _stacked.less │ │ │ ├── _variables.less │ │ │ ├── fa-brands.less │ │ │ ├── fa-regular.less │ │ │ ├── fa-solid.less │ │ │ └── fontawesome.less │ │ └── scss/ │ │ ├── _animated.scss │ │ ├── _bordered-pulled.scss │ │ ├── _core.scss │ │ ├── _fixed-width.scss │ │ ├── _icons.scss │ │ ├── _larger.scss │ │ ├── _list.scss │ │ ├── _mixins.scss │ │ ├── _rotated-flipped.scss │ │ ├── _screen-reader.scss │ │ ├── _stacked.scss │ │ ├── _variables.scss │ │ ├── fa-brands.scss │ │ ├── fa-regular.scss │ │ ├── fa-solid.scss │ │ └── fontawesome.scss │ ├── jquery.parallax.js │ ├── magnific-popup/ │ │ ├── jquery.magnific-popup.js │ │ └── magnific-popup.css │ ├── simple-line-icons/ │ │ └── css/ │ │ └── simple-line-icons.css │ ├── slick-carousel/ │ │ └── slick.css │ ├── tilt/ │ │ ├── .babelrc │ │ ├── .gitignore │ │ ├── .jshintrc │ │ ├── .npmignore │ │ ├── .travis.yml │ │ ├── LICENSE │ │ ├── demo/ │ │ │ ├── index.html │ │ │ └── scss/ │ │ │ └── tilt.scss │ │ ├── dest/ │ │ │ └── tilt.jquery.js │ │ ├── readme.md │ │ ├── src/ │ │ │ └── tilt.jquery.js │ │ └── tests/ │ │ ├── tests.html │ │ └── tests.js │ └── typedjs/ │ ├── typed.css │ └── typed.js ├── contacts.html ├── gulpfile.js ├── home-page.html ├── index.html ├── package.json ├── services.html └── starter-template.html
SYMBOL INDEX (20 symbols across 2 files)
FILE: assets/vendors/bootstrap/js/bootstrap.js
function _defineProperties (line 15) | function _defineProperties(target, props) {
function _createClass (line 25) | function _createClass(Constructor, protoProps, staticProps) {
function _defineProperty (line 31) | function _defineProperty(obj, key, value) {
function _objectSpread (line 46) | function _objectSpread(target) {
function _inheritsLoose (line 65) | function _inheritsLoose(subClass, superClass) {
function toType (line 88) | function toType(obj) {
function getSpecialTransitionEndEvent (line 92) | function getSpecialTransitionEndEvent() {
function transitionEndEmulator (line 106) | function transitionEndEmulator(duration) {
function setTransitionEndSupport (line 121) | function setTransitionEndSupport() {
function Alert (line 246) | function Alert(element) {
function Button (line 424) | function Button(element) {
function Carousel (line 627) | function Carousel(element, config) {
function Collapse (line 1102) | function Collapse(element, config) {
function Dropdown (line 1497) | function Dropdown(element, config) {
function Modal (line 1957) | function Modal(element, config) {
function Tooltip (line 2560) | function Tooltip(element, config) {
function Popover (line 3195) | function Popover() {
function ScrollSpy (line 3392) | function ScrollSpy(element, config) {
function Tab (line 3692) | function Tab(element) {
FILE: assets/vendors/jquery.parallax.js
function update (line 49) | function update(){
Condensed preview — 208 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (1,336K chars).
[
{
"path": "LICENSE",
"chars": 1068,
"preview": "MIT License\n\nCopyright (c) 2018 Html Stream\n\nPermission is hereby granted, free of charge, to any person obtaining a cop"
},
{
"path": "README.md",
"chars": 3535,
"preview": "# [Stream - UI Kit](https://htmlstream.com/preview/stream-ui-kit/) :raised_hands:\n\n[![Stream UI Kit - A beautiful Open S"
},
{
"path": "about-me.html",
"chars": 17749,
"preview": "<!DOCTYPE html>\n<html lang=\"en\" class=\"no-js\">\n <!-- Head -->\n <head>\n <title>About me | Stream - UI Kit</title>\n\n "
},
{
"path": "about-us.html",
"chars": 17900,
"preview": "<!DOCTYPE html>\n<html lang=\"en\" class=\"no-js\">\n <!-- Head -->\n <head>\n <title>About us | Stream - UI Kit</title>\n\n "
},
{
"path": "assets/css/min.styles.css",
"chars": 16843,
"preview": "body,html{font-size:1rem}.tab-content--v1 p:last-of-type,figure{margin-bottom:0}.alert__close,.btn,.form-toggle,.form-to"
},
{
"path": "assets/css/styles.css",
"chars": 24569,
"preview": "/*\r\n * Stream v1.0 (https://htmlstream.com)\r\n * Copyright Htmlstream\r\n * Licensed under MIT\r\n */\n/*---------------------"
},
{
"path": "assets/include/scss/_core.scss",
"chars": 1306,
"preview": "/*------------------------------------\r\n Default Styles\r\n------------------------------------*/\r\nhtml {\r\n font-size: $"
},
{
"path": "assets/include/scss/_variables.scss",
"chars": 18960,
"preview": "// ============================================================= //\r\n// Stream UI Kit Variables "
},
{
"path": "assets/include/scss/blocks/_alerts.scss",
"chars": 569,
"preview": "/*----------------------------------\r\n Alerts\r\n------------------------------------*/\r\n/* Alert Icon */\r\n.alert__icon {"
},
{
"path": "assets/include/scss/blocks/_arrows.scss",
"chars": 419,
"preview": "/*----------------------------------\n Background Arrow\n------------------------------------*/\n.u-bg-arrow {\n &-wrapper"
},
{
"path": "assets/include/scss/blocks/_avatar.scss",
"chars": 129,
"preview": "/*----------------------------------\n Avatars\n------------------------------------*/\n.u-avatar {\n border: solid 3px $g"
},
{
"path": "assets/include/scss/blocks/_border-radius.scss",
"chars": 134,
"preview": "/*----------------------------------\n Border Radius\n------------------------------------*/\n\n.rounded-md {\n border-radi"
},
{
"path": "assets/include/scss/blocks/_buttons.scss",
"chars": 1258,
"preview": "/*----------------------------------\r\n Buttons\r\n------------------------------------*/\r\n.btn {\r\n cursor: pointer;\r\n t"
},
{
"path": "assets/include/scss/blocks/_carousel.scss",
"chars": 158,
"preview": "/*----------------------------------\r\n Carousell\r\n------------------------------------*/\r\n.carousel-control-size {\r\n f"
},
{
"path": "assets/include/scss/blocks/_clients.scss",
"chars": 1047,
"preview": "/*------------------------------------\n Clients\n------------------------------------*/\n.u-clients {\n &__item {\n bor"
},
{
"path": "assets/include/scss/blocks/_forms.scss",
"chars": 5969,
"preview": "/*----------------------------------\r\n Forms\r\n------------------------------------*/\r\n/* Form Lable States */\r\n.form-la"
},
{
"path": "assets/include/scss/blocks/_header-navbar.scss",
"chars": 710,
"preview": "/*----------------------------------\n Header\n------------------------------------*/\n// Navbar Background Color (fixed m"
},
{
"path": "assets/include/scss/blocks/_mockup-browser.scss",
"chars": 225,
"preview": "/*------------------------------------\n Mockup (Browser)\n------------------------------------*/\n.u-browser-img {\n posi"
},
{
"path": "assets/include/scss/blocks/_mockup-device.scss",
"chars": 287,
"preview": "/*------------------------------------\n Device (iPad)\n------------------------------------*/\n.u-device {\n position: re"
},
{
"path": "assets/include/scss/blocks/_modals.scss",
"chars": 251,
"preview": "/*----------------------------------\r\n Modals\r\n------------------------------------*/\r\n.modal-content {\r\n box-shadow: "
},
{
"path": "assets/include/scss/blocks/_pager.scss",
"chars": 212,
"preview": "/*----------------------------------\r\n Pager\r\n------------------------------------*/\r\n.pager-btn {\r\n min-width: 7.2rem"
},
{
"path": "assets/include/scss/blocks/_popover.scss",
"chars": 140,
"preview": "/*----------------------------------\r\n Popover\r\n------------------------------------*/\r\n.popover {\r\n box-shadow: $g-po"
},
{
"path": "assets/include/scss/blocks/_portfolio.scss",
"chars": 1466,
"preview": "/*------------------------------------\n Portfolio\n------------------------------------*/\n.u-portfolio-controls {\n\t&__it"
},
{
"path": "assets/include/scss/blocks/_pricing.scss",
"chars": 615,
"preview": "/*------------------------------------\n Pricing\n------------------------------------*/\n.u-pricing {\n\tbackground-color: "
},
{
"path": "assets/include/scss/blocks/_profile.scss",
"chars": 0,
"preview": ""
},
{
"path": "assets/include/scss/blocks/_progress-bar.scss",
"chars": 407,
"preview": "/*----------------------------------\r\n Progress Bars\r\n------------------------------------*/\r\n// Pill\r\n.progress--pill "
},
{
"path": "assets/include/scss/blocks/_promo-blocks-v1.scss",
"chars": 575,
"preview": "/*----------------------------------\n Promo Block v1\n------------------------------------*/\n.u-promo-block {\n position"
},
{
"path": "assets/include/scss/blocks/_tabs.scss",
"chars": 847,
"preview": "/*----------------------------------\r\n Tabs\r\n------------------------------------*/\r\n.nav-tabs--v1 {\r\n .nav-item {\r\n "
},
{
"path": "assets/include/scss/blocks/blockquote/_blockquote-v1.scss",
"chars": 541,
"preview": "/*----------------------------------\r\n Blockquote-v1\r\n------------------------------------*/\r\n.blockquote-v1 {\r\n paddi"
},
{
"path": "assets/include/scss/blocks/blockquote/_blockquote-v2.scss",
"chars": 973,
"preview": "/*----------------------------------\r\n Blockquote-v2\r\n------------------------------------*/\r\n.u-blockquote-v2 {\r\n pos"
},
{
"path": "assets/include/scss/blocks/globals/_globals.scss",
"chars": 575,
"preview": "/*----------------------------------\r\n Typography\r\n------------------------------------*/\r\n/* Font Family */\r\n.u-font-a"
},
{
"path": "assets/include/scss/blocks/helpers/_helpers.scss",
"chars": 1925,
"preview": "/*----------------------------------\r\n Spaces\r\n------------------------------------*/\r\n.u-content-space {\r\n padding-to"
},
{
"path": "assets/include/scss/blocks/icons/_icon-block.scss",
"chars": 410,
"preview": "/*------------------------------------\n Icon Block\n------------------------------------*/\n.u-icon-block {\n &__col {\n "
},
{
"path": "assets/include/scss/blocks/icons/_icon-sizes.scss",
"chars": 670,
"preview": "/*------------------------------------\n Icon Sizes\n------------------------------------*/\n\n/* Extra Small */\n.u-icon--s"
},
{
"path": "assets/include/scss/blocks/icons/_icon-styles.scss",
"chars": 536,
"preview": "/*------------------------------------\n Icon Default Styles\n------------------------------------*/\n\n// Theme Colors\n@ea"
},
{
"path": "assets/include/scss/blocks/icons/_icon.scss",
"chars": 472,
"preview": "/*------------------------------------\n Icon\n------------------------------------*/\n.u-icon {\n\tposition: relative;\n z-"
},
{
"path": "assets/include/scss/styles.scss",
"chars": 1041,
"preview": "/*\r\n * Stream v1.0 (https://htmlstream.com)\r\n * Copyright Htmlstream\r\n * Licensed under MIT\r\n */\r\n\r\n// Core variables an"
},
{
"path": "assets/include/scss/tools/_functions.scss",
"chars": 225,
"preview": "//\n// Functions\n//\n\n// Converting a px based font-size to rem.\n@function parseInt($hs-n) {\n @if ($hs-n == !important) {"
},
{
"path": "assets/include/scss/tools/_mixins.scss",
"chars": 137,
"preview": "//\n// Core Mixins\n//\n\n@import \"mixins/px-to-rem\";\n@import \"mixins/icons\";\n@import \"mixins/content-centered\";\n@import \"mi"
},
{
"path": "assets/include/scss/tools/mixins/_breakpoint.scss",
"chars": 4296,
"preview": "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order f"
},
{
"path": "assets/include/scss/tools/mixins/_content-centered.scss",
"chars": 425,
"preview": "//\n// Content Centered\n//\n\n// mixing for centering contents\n@mixin content-centered($hs-horizontal: true, $hs-vertical: "
},
{
"path": "assets/include/scss/tools/mixins/_icons.scss",
"chars": 1484,
"preview": "//\n// Icons\n//\n\n// Icon Elements\n@mixin icon-elements {\n display: inline-block;\n vertical-align: middle;\n text-align:"
},
{
"path": "assets/include/scss/tools/mixins/_px-to-rem.scss",
"chars": 380,
"preview": "//\n// Convert px to rem\n//\n\n// e.g. @include px-to-rem(padding, 8px 20px);\n@mixin px-to-rem($hs-property, $hs-values) {\n"
},
{
"path": "assets/include/scss/vendors/bootstrap/_custom.bootstrap.variables.scss",
"chars": 8542,
"preview": "//\n// Custom Bootstrap SASS\n//\n\n\n\n// Links\n// ====================================================\n\n$link-hover-decorati"
},
{
"path": "assets/include/scss/vendors/bootstrap/_dropdown.scss",
"chars": 343,
"preview": "//\n// Dropdown\n//\n\n// The dropdown menu\n.dropdown-menu {\n min-width: $dropdown-min-width;\n border: {\n width: 3px 0 "
},
{
"path": "assets/include/scss/vendors/bootstrap/_heading.scss",
"chars": 838,
"preview": "//\n// Displays\n//\n\n.display {\n // Small Devices\n @include media-breakpoint-up(sm) {\n &-sm-1 {\n font-size: $dis"
},
{
"path": "assets/include/scss/vendors/bootstrap/_text.scss",
"chars": 216,
"preview": "// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n// Weight & Styles\n\n.font-weight-semi-bold {\n font-weight"
},
{
"path": "assets/include/scss/vendors/bootstrap/_width.scss",
"chars": 899,
"preview": "/*------------------------------------\n Width\n------------------------------------*/\n.w {\n\t// Medium Devices\n\t@include "
},
{
"path": "assets/include/scss/vendors/bootstrap/bootstrap.scss",
"chars": 252,
"preview": "//\n// Main Bootstrap SASS\n//\n\n@import \"../../variables\";\n@import \"../../tools/mixins\";\n@import \"custom.bootstrap.variabl"
},
{
"path": "assets/js/global.js",
"chars": 1658,
"preview": "/*!\r\n * Stream v1.0 (https://htmlstream.com)\r\n * Copyright Htmlstream\r\n * Licensed under MIT\r\n */\r\n\r\n(function($) {\r\n '"
},
{
"path": "assets/js/header-demo.js",
"chars": 1762,
"preview": "/*!\n * Stream v1.0 (https://htmlstream.com)\n * Copyright Htmlstream\n * Licensed under MIT\n */\n\n(function($) {\n 'use str"
},
{
"path": "assets/js/vendors/carousel.js",
"chars": 808,
"preview": "(function($) {\n 'use strict';\n\n $(document).ready(function(){\n $('.js-clients').slick({\n autoplay: true,\n "
},
{
"path": "assets/js/vendors/counters.js",
"chars": 123,
"preview": "(function($) {\r\n 'use strict';\r\n\r\n $(document).ready(function(){\r\n $('.js-counter').counterUp();\r\n });\r\n\r\n}(jQuery"
},
{
"path": "assets/js/vendors/magnific-popup.js",
"chars": 1474,
"preview": "(function($) {\r\n 'use strict';\r\n\r\n $(document).ready(function() {\r\n // Image popup - vertical fit\r\n $('.js-popup"
},
{
"path": "assets/js/vendors/masonry.js",
"chars": 1083,
"preview": "(function($) {\r\n 'use strict';\r\n\r\n $(document).ready(function(){\r\n var $container = $('#js-masonry');\r\n // initi"
},
{
"path": "assets/js/vendors/parallax.js",
"chars": 270,
"preview": "(function($) {\r\n 'use strict';\r\n\r\n $(document).ready(function(){\r\n if (!(/Android|iPhone|iPad|iPod|BlackBerry|Windo"
},
{
"path": "assets/js/vendors/shuffle.js",
"chars": 1481,
"preview": "var shuffleMe = (function( $ ) {\n 'use strict';\n var $grid = $('.js-shuffle'),\n $filterOptions = $('.js-shuffle-c"
},
{
"path": "assets/vendors/bootstrap/css/bootstrap.css",
"chars": 169899,
"preview": "/*!\n * Bootstrap v4.1.1 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 "
},
{
"path": "assets/vendors/bootstrap/js/bootstrap.js",
"chars": 122579,
"preview": "/*!\n * Bootstrap v4.1.1 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors (https://github.com/t"
},
{
"path": "assets/vendors/bootstrap/scss/_alert.scss",
"chars": 1150,
"preview": "//\n// Base styles\n//\n\n.alert {\n position: relative;\n padding: $alert-padding-y $alert-padding-x;\n margin-bottom: $ale"
},
{
"path": "assets/vendors/bootstrap/scss/_badge.scss",
"chars": 982,
"preview": "// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.badg"
},
{
"path": "assets/vendors/bootstrap/scss/_breadcrumb.scss",
"chars": 1278,
"preview": ".breadcrumb {\n display: flex;\n flex-wrap: wrap;\n padding: $breadcrumb-padding-y $breadcrumb-padding-x;\n margin-botto"
},
{
"path": "assets/vendors/bootstrap/scss/_button-group.scss",
"chars": 3740,
"preview": "// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.btn-group,\n.btn-group-vertical {"
},
{
"path": "assets/vendors/bootstrap/scss/_buttons.scss",
"chars": 2740,
"preview": "// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.btn {\n display: inline-block;\n font-weight: $"
},
{
"path": "assets/vendors/bootstrap/scss/_card.scss",
"chars": 6037,
"preview": "//\n// Base styles\n//\n\n.card {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wr"
},
{
"path": "assets/vendors/bootstrap/scss/_carousel.scss",
"chars": 5253,
"preview": "// Notes on the classes:\n//\n// 1. The .carousel-item-left and .carousel-item-right is used to indicate where\n// the a"
},
{
"path": "assets/vendors/bootstrap/scss/_close.scss",
"chars": 860,
"preview": ".close {\n float: right;\n font-size: $close-font-size;\n font-weight: $close-font-weight;\n line-height: 1;\n color: $c"
},
{
"path": "assets/vendors/bootstrap/scss/_code.scss",
"chars": 968,
"preview": "// Inline code\ncode {\n font-size: $code-font-size;\n color: $code-color;\n word-break: break-word;\n\n // Streamline the"
},
{
"path": "assets/vendors/bootstrap/scss/_custom-forms.scss",
"chars": 11405,
"preview": "// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n//"
},
{
"path": "assets/vendors/bootstrap/scss/_dropdown.scss",
"chars": 3753,
"preview": "// The dropdown wrapper (`<div>`)\n.dropup,\n.dropright,\n.dropdown,\n.dropleft {\n position: relative;\n}\n\n.dropdown-toggle "
},
{
"path": "assets/vendors/bootstrap/scss/_forms.scss",
"chars": 8819,
"preview": "// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n wi"
},
{
"path": "assets/vendors/bootstrap/scss/_functions.scss",
"chars": 2661,
"preview": "// Bootstrap functions\n//\n// Utility mixins and functions for evalutating source code across our variables, maps, and mi"
},
{
"path": "assets/vendors/bootstrap/scss/_grid.scss",
"chars": 1016,
"preview": "// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid"
},
{
"path": "assets/vendors/bootstrap/scss/_images.scss",
"chars": 1146,
"preview": "// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit "
},
{
"path": "assets/vendors/bootstrap/scss/_input-group.scss",
"chars": 4811,
"preview": "// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.input-group {\n position: relative;\n display: "
},
{
"path": "assets/vendors/bootstrap/scss/_jumbotron.scss",
"chars": 378,
"preview": ".jumbotron {\n padding: $jumbotron-padding ($jumbotron-padding / 2);\n margin-bottom: $jumbotron-padding;\n background-c"
},
{
"path": "assets/vendors/bootstrap/scss/_list-group.scss",
"chars": 2887,
"preview": "// Base class\n//\n// Easily usable on <ul>, <ol>, or <div>.\n\n.list-group {\n display: flex;\n flex-direction: column;\n\n "
},
{
"path": "assets/vendors/bootstrap/scss/_media.scss",
"chars": 83,
"preview": ".media {\n display: flex;\n align-items: flex-start;\n}\n\n.media-body {\n flex: 1;\n}\n"
},
{
"path": "assets/vendors/bootstrap/scss/_mixins.scss",
"chars": 984,
"preview": "// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n// Utilities\n@import \"mixi"
},
{
"path": "assets/vendors/bootstrap/scss/_modal.scss",
"chars": 4645,
"preview": "// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialo"
},
{
"path": "assets/vendors/bootstrap/scss/_nav.scss",
"chars": 2022,
"preview": "// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n."
},
{
"path": "assets/vendors/bootstrap/scss/_navbar.scss",
"chars": 6529,
"preview": "// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar p"
},
{
"path": "assets/vendors/bootstrap/scss/_pagination.scss",
"chars": 1874,
"preview": ".pagination {\n display: flex;\n @include list-unstyled();\n @include border-radius();\n}\n\n.page-link {\n position: relat"
},
{
"path": "assets/vendors/bootstrap/scss/_popover.scss",
"chars": 4536,
"preview": ".popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: $zindex-popover;\n display: block;\n max-width: $popove"
},
{
"path": "assets/vendors/bootstrap/scss/_print.scss",
"chars": 3003,
"preview": "// stylelint-disable declaration-no-important, selector-no-qualifying-type\n\n// Source: https://github.com/h5bp/html5-boi"
},
{
"path": "assets/vendors/bootstrap/scss/_progress.scss",
"chars": 864,
"preview": "@keyframes progress-bar-stripes {\n from { background-position: $progress-height 0; }\n to { background-position: 0 0; }"
},
{
"path": "assets/vendors/bootstrap/scss/_reboot.scss",
"chars": 11436,
"preview": "// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor"
},
{
"path": "assets/vendors/bootstrap/scss/_root.scss",
"chars": 572,
"preview": ":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$c"
},
{
"path": "assets/vendors/bootstrap/scss/_tables.scss",
"chars": 3538,
"preview": "//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n background-color:"
},
{
"path": "assets/vendors/bootstrap/scss/_tooltip.scss",
"chars": 2503,
"preview": "// Base class\n.tooltip {\n position: absolute;\n z-index: $zindex-tooltip;\n display: block;\n margin: $tooltip-margin;\n"
},
{
"path": "assets/vendors/bootstrap/scss/_transitions.scss",
"chars": 311,
"preview": "// stylelint-disable selector-no-qualifying-type\n\n.fade {\n @include transition($transition-fade);\n\n &:not(.show) {\n "
},
{
"path": "assets/vendors/bootstrap/scss/_type.scss",
"chars": 2115,
"preview": "// stylelint-disable declaration-no-important, selector-list-comma-newline-after\n\n//\n// Headings\n//\n\nh1, h2, h3, h4, h5,"
},
{
"path": "assets/vendors/bootstrap/scss/_utilities.scss",
"chars": 436,
"preview": "@import \"utilities/align\";\n@import \"utilities/background\";\n@import \"utilities/borders\";\n@import \"utilities/clearfix\";\n@i"
},
{
"path": "assets/vendors/bootstrap/scss/_variables.scss",
"chars": 37785,
"preview": "// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $n"
},
{
"path": "assets/vendors/bootstrap/scss/bootstrap-grid.scss",
"chars": 649,
"preview": "/*!\n * Bootstrap Grid v4.1.1 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-"
},
{
"path": "assets/vendors/bootstrap/scss/bootstrap-reboot.scss",
"chars": 411,
"preview": "/*!\n * Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 201"
},
{
"path": "assets/vendors/bootstrap/scss/bootstrap.scss",
"chars": 882,
"preview": "/*!\n * Bootstrap v4.1.1 (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 "
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_alert.scss",
"chars": 242,
"preview": "@mixin alert-variant($background, $border, $color) {\n color: $color;\n @include gradient-bg($background);\n border-colo"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_background-variant.scss",
"chars": 474,
"preview": "// stylelint-disable declaration-no-important\n\n// Contextual backgrounds\n\n@mixin bg-variant($parent, $color) {\n #{$pare"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_badge.scss",
"chars": 230,
"preview": "@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n &[href] {\n @include hover-focus {\n "
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_border-radius.scss",
"chars": 722,
"preview": "// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius:"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_box-shadow.scss",
"chars": 87,
"preview": "@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_breakpoints.scss",
"chars": 4468,
"preview": "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order f"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_buttons.scss",
"chars": 3182,
"preview": "// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_caret.scss",
"chars": 1478,
"preview": "@mixin caret-down {\n border-top: $caret-width solid;\n border-right: $caret-width solid transparent;\n border-bottom: 0"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_clearfix.scss",
"chars": 93,
"preview": "@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_float.scss",
"chars": 193,
"preview": "// stylelint-disable declaration-no-important\n\n@mixin float-left {\n float: left !important;\n}\n@mixin float-right {\n fl"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_forms.scss",
"chars": 3378,
"preview": "// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_gradients.scss",
"chars": 2050,
"preview": "// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix("
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_grid-framework.scss",
"chars": 1899,
"preview": "// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any va"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_grid.scss",
"chars": 1606,
"preview": "/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container() {\n width: 100%;\n padd"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_hover.scss",
"chars": 747,
"preview": "// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Origally added during our alphas and maintained dur"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_image.scss",
"chars": 1172,
"preview": "// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the "
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_list-group.scss",
"chars": 431,
"preview": "// List Groups\n\n@mixin list-group-item-variant($state, $background, $color) {\n .list-group-item-#{$state} {\n color: "
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_lists.scss",
"chars": 168,
"preview": "// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unst"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_nav-divider.scss",
"chars": 261,
"preview": "// Horizontal dividers\n//\n// Dividers (basically an hr) within dropdowns and nav lists\n\n@mixin nav-divider($color: $nav-"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_pagination.scss",
"chars": 453,
"preview": "// Pagination\n\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n .page-link {"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_reset-text.scss",
"chars": 547,
"preview": "@mixin reset-text {\n font-family: $font-family-base;\n // We deliberately do NOT reset font-size or word-wrap.\n font-s"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_resize.scss",
"chars": 202,
"preview": "// Resize anything\n\n@mixin resizable($direction) {\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflo"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_screen-reader.scss",
"chars": 733,
"preview": "// Only display content to screen readers\n//\n// See: https://a11yproject.com/posts/how-to-hide-content/\n// See: https://"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_size.scss",
"chars": 98,
"preview": "// Sizing shortcuts\n\n@mixin size($width, $height: $width) {\n width: $width;\n height: $height;\n}\n"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_table-row.scss",
"chars": 647,
"preview": "// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-strip"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"chars": 259,
"preview": "// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$paren"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_text-hide.scss",
"chars": 398,
"preview": "// CSS image replacement\n@mixin text-hide($ignore-warning: false) {\n // stylelint-disable-next-line font-family-no-miss"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_text-truncate.scss",
"chars": 168,
"preview": "// Text truncate\n// Requires inline-block or block for proper styling\n\n@mixin text-truncate() {\n overflow: hidden;\n te"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_transition.scss",
"chars": 274,
"preview": "@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $tr"
},
{
"path": "assets/vendors/bootstrap/scss/mixins/_visibility.scss",
"chars": 134,
"preview": "// stylelint-disable declaration-no-important\n\n// Visibility\n\n@mixin invisible($visibility) {\n visibility: $visibility "
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_align.scss",
"chars": 420,
"preview": "// stylelint-disable declaration-no-important\n\n.align-baseline { vertical-align: baseline !important; } // Browser de"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_background.scss",
"chars": 397,
"preview": "// stylelint-disable declaration-no-important\n\n@each $color, $value in $theme-colors {\n @include bg-variant(\".bg-#{$col"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_borders.scss",
"chars": 1551,
"preview": "// stylelint-disable declaration-no-important\n\n//\n// Border\n//\n\n.border { border: $border-width solid $border-co"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_clearfix.scss",
"chars": 37,
"preview": ".clearfix {\n @include clearfix();\n}\n"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_display.scss",
"chars": 1409,
"preview": "// stylelint-disable declaration-no-important\n\n//\n// Utilities for common `display` values\n//\n\n@each $breakpoint in map-"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_embed.scss",
"chars": 727,
"preview": "// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n width: 100%;\n "
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_flex.scss",
"chars": 2769,
"preview": "// stylelint-disable declaration-no-important\n\n// Flex variation\n//\n// Custom styles for additional flex alignment optio"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_float.scss",
"chars": 320,
"preview": "@each $breakpoint in map-keys($grid-breakpoints) {\n @include media-breakpoint-up($breakpoint) {\n $infix: breakpoint-"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_position.scss",
"chars": 674,
"preview": "// stylelint-disable declaration-no-important\n\n// Common values\n\n// Sass list not in variables since it's not intended f"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_screenreaders.scss",
"chars": 115,
"preview": "//\n// Screenreaders\n//\n\n.sr-only {\n @include sr-only();\n}\n\n.sr-only-focusable {\n @include sr-only-focusable();\n}\n"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_shadows.scss",
"chars": 249,
"preview": "// stylelint-disable declaration-no-important\n\n.shadow-sm { box-shadow: $box-shadow-sm !important; }\n.shadow { box-shado"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_sizing.scss",
"chars": 298,
"preview": "// stylelint-disable declaration-no-important\n\n// Width and height\n\n@each $prop, $abbrev in (width: w, height: h) {\n @e"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_spacing.scss",
"chars": 1406,
"preview": "// stylelint-disable declaration-no-important\n\n// Margin and Padding\n\n@each $breakpoint in map-keys($grid-breakpoints) {"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_text.scss",
"chars": 1576,
"preview": "// stylelint-disable declaration-no-important\n\n//\n// Text\n//\n\n.text-monospace { font-family: $font-family-monospace; }\n\n"
},
{
"path": "assets/vendors/bootstrap/scss/utilities/_visibility.scss",
"chars": 121,
"preview": "//\n// Visibility utilities\n//\n\n.visible {\n @include invisible(visible);\n}\n\n.invisible {\n @include invisible(hidden);\n}"
},
{
"path": "assets/vendors/font-awesome/LICENSE.txt",
"chars": 1544,
"preview": "Font Awesome Free License\n-------------------------\n\nFont Awesome Free is free, open source, and GPL friendly. You can u"
},
{
"path": "assets/vendors/font-awesome/README.md",
"chars": 170,
"preview": "# Font Awesome 5.0.9\n\nThanks for downloading Font Awesome! We're so excited you're here.\n\nOur documentation is available"
},
{
"path": "assets/vendors/font-awesome/css/fa-brands.css",
"chars": 687,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/css/fa-regular.css",
"chars": 706,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/css/fa-solid.css",
"chars": 699,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/css/fontawesome-all.css",
"chars": 51609,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/css/fontawesome.css",
"chars": 50060,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/less/_animated.less",
"chars": 297,
"preview": "// Animated Icons\n// --------------------------\n\n.@{fa-css-prefix}-spin {\n animation: fa-spin 2s infinite linear;\n}\n\n.@"
},
{
"path": "assets/vendors/font-awesome/less/_bordered-pulled.less",
"chars": 422,
"preview": "// Bordered & Pulled\n// -------------------------\n\n.@{fa-css-prefix}-border {\n border-radius: .1em;\n border: solid .08"
},
{
"path": "assets/vendors/font-awesome/less/_core.less",
"chars": 291,
"preview": "// Base Class Definition\n// -------------------------\n\n.@{fa-css-prefix}, .fas, .far, .fal, .fab {\n -moz-osx-font-smoot"
},
{
"path": "assets/vendors/font-awesome/less/_fixed-width.less",
"chars": 119,
"preview": "// Fixed Width Icons\n// -------------------------\n.@{fa-css-prefix}-fw {\n text-align: center;\n width: (20em / 16);\n}\n"
},
{
"path": "assets/vendors/font-awesome/less/_icons.less",
"chars": 67142,
"preview": "/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen\n readers do not read off random characters th"
},
{
"path": "assets/vendors/font-awesome/less/_larger.less",
"chars": 454,
"preview": "// Icon Sizes\n// -------------------------\n\n.larger(@factor) when (@factor > 0) {\n .larger((@factor - 1));\n\n .@{fa-css"
},
{
"path": "assets/vendors/font-awesome/less/_list.less",
"chars": 320,
"preview": "// List Icons\n// -------------------------\n\n.@{fa-css-prefix}-ul {\n list-style-type: none;\n margin-left: @fa-li-width "
},
{
"path": "assets/vendors/font-awesome/less/_mixins.less",
"chars": 1264,
"preview": "// Mixins\n// --------------------------\n\n.fa-icon() {\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: an"
},
{
"path": "assets/vendors/font-awesome/less/_rotated-flipped.less",
"chars": 711,
"preview": "// Rotated & Flipped Icons\n// -------------------------\n\n.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }\n.@"
},
{
"path": "assets/vendors/font-awesome/less/_screen-reader.less",
"chars": 118,
"preview": "// Screen Readers\n// -------------------------\n\n.sr-only { .sr-only(); }\n.sr-only-focusable { .sr-only-focusable(); }\n"
},
{
"path": "assets/vendors/font-awesome/less/_stacked.less",
"chars": 478,
"preview": "// Stacked Icons\n// -------------------------\n\n.@{fa-css-prefix}-stack {\n display: inline-block;\n height: 2em;\n line-"
},
{
"path": "assets/vendors/font-awesome/less/_variables.less",
"chars": 28336,
"preview": "// Variables\n// --------------------------\n\n@fa-font-path: \"../webfonts\";\n@fa-font-size-base: 16px;\n@fa-line-he"
},
{
"path": "assets/vendors/font-awesome/less/fa-brands.less",
"chars": 755,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/less/fa-regular.less",
"chars": 774,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/less/fa-solid.less",
"chars": 767,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/less/fontawesome.less",
"chars": 500,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/scss/_animated.scss",
"chars": 300,
"preview": "// Animated Icons\n// --------------------------\n\n.#{$fa-css-prefix}-spin {\n animation: fa-spin 2s infinite linear;\n}\n\n."
},
{
"path": "assets/vendors/font-awesome/scss/_bordered-pulled.scss",
"chars": 428,
"preview": "// Bordered & Pulled\n// -------------------------\n\n.#{$fa-css-prefix}-border {\n border: solid .08em $fa-border-color;\n "
},
{
"path": "assets/vendors/font-awesome/scss/_core.scss",
"chars": 292,
"preview": "// Base Class Definition\n// -------------------------\n\n.#{$fa-css-prefix},\n.fas,\n.far,\n.fal,\n.fab {\n -moz-osx-font-smoo"
},
{
"path": "assets/vendors/font-awesome/scss/_fixed-width.scss",
"chars": 120,
"preview": "// Fixed Width Icons\n// -------------------------\n.#{$fa-css-prefix}-fw {\n text-align: center;\n width: (20em / 16);\n}\n"
},
{
"path": "assets/vendors/font-awesome/scss/_icons.scss",
"chars": 79996,
"preview": "/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen\nreaders do not read off random characters that "
},
{
"path": "assets/vendors/font-awesome/scss/_larger.scss",
"chars": 393,
"preview": "// Icon Sizes\n// -------------------------\n\n// makes the font 33% larger relative to the icon container\n.#{$fa-css-prefi"
},
{
"path": "assets/vendors/font-awesome/scss/_list.scss",
"chars": 322,
"preview": "// List Icons\n// -------------------------\n\n.#{$fa-css-prefix}-ul {\n list-style-type: none;\n margin-left: $fa-li-width"
},
{
"path": "assets/vendors/font-awesome/scss/_mixins.scss",
"chars": 1293,
"preview": "// Mixins\n// --------------------------\n\n@mixin fa-icon {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothi"
},
{
"path": "assets/vendors/font-awesome/scss/_rotated-flipped.scss",
"chars": 771,
"preview": "// Rotated & Flipped Icons\n// -------------------------\n\n.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, "
},
{
"path": "assets/vendors/font-awesome/scss/_screen-reader.scss",
"chars": 130,
"preview": "// Screen Readers\n// -------------------------\n\n.sr-only { @include sr-only; }\n.sr-only-focusable { @include sr-only-foc"
},
{
"path": "assets/vendors/font-awesome/scss/_stacked.scss",
"chars": 492,
"preview": "// Stacked Icons\n// -------------------------\n\n.#{$fa-css-prefix}-stack {\n display: inline-block;\n height: 2em;\n line"
},
{
"path": "assets/vendors/font-awesome/scss/_variables.scss",
"chars": 26579,
"preview": "// Variables\n// --------------------------\n\n$fa-font-path: \"../webfonts\" !default;\n$fa-font-size-base: "
},
{
"path": "assets/vendors/font-awesome/scss/fa-brands.scss",
"chars": 747,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/scss/fa-regular.scss",
"chars": 766,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/scss/fa-solid.scss",
"chars": 759,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/font-awesome/scss/fontawesome.scss",
"chars": 428,
"preview": "/*!\n * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license ("
},
{
"path": "assets/vendors/jquery.parallax.js",
"chars": 1770,
"preview": "/*\nPlugin: jQuery Parallax\nVersion 1.1.3\nAuthor: Ian Lunn\nTwitter: @IanLunn\nAuthor URL: http://www.ianlunn.co.uk/\nPlugin"
},
{
"path": "assets/vendors/magnific-popup/jquery.magnific-popup.js",
"chars": 41730,
"preview": "/*! Magnific Popup - v1.1.0 - 2016-02-20\n* http://dimsemenov.com/plugins/magnific-popup/\n* Copyright (c) 2016 Dmitry Sem"
},
{
"path": "assets/vendors/magnific-popup/magnific-popup.css",
"chars": 6951,
"preview": "/* Magnific Popup CSS */\n.mfp-bg {\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1042;\n overflow: hidd"
},
{
"path": "assets/vendors/simple-line-icons/css/simple-line-icons.css",
"chars": 12958,
"preview": "@font-face {\n font-family: 'simple-line-icons';\n src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');\n src: url('../fo"
},
{
"path": "assets/vendors/slick-carousel/slick.css",
"chars": 1729,
"preview": "/* Slider */\n.slick-slider\n{\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-"
},
{
"path": "assets/vendors/tilt/.babelrc",
"chars": 24,
"preview": "{\n \"presets\": [\"env\"]\n}"
},
{
"path": "assets/vendors/tilt/.gitignore",
"chars": 72,
"preview": "# Created by .ignore support plugin (hsz.mobi)\n.idea/\nnode_modules/\ncss/"
},
{
"path": "assets/vendors/tilt/.jshintrc",
"chars": 20,
"preview": "{\n \"esversion\": 6\n}"
},
{
"path": "assets/vendors/tilt/.npmignore",
"chars": 0,
"preview": ""
},
{
"path": "assets/vendors/tilt/.travis.yml",
"chars": 36,
"preview": "language: node_js\nnode_js:\n - 4.2.6"
},
{
"path": "assets/vendors/tilt/LICENSE",
"chars": 1076,
"preview": "The MIT License (MIT)\n\nCopyright (c) 2017 Gijs Rogé\n\nPermission is hereby granted, free of charge, to any person obtaini"
},
{
"path": "assets/vendors/tilt/demo/index.html",
"chars": 1624,
"preview": "<!doctype html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Tilt</title>\n <link href=\"https://fonts"
},
{
"path": "assets/vendors/tilt/demo/scss/tilt.scss",
"chars": 648,
"preview": "html, body {\n height: 100%;\n}\n\nbody{\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.c-example__"
},
{
"path": "assets/vendors/tilt/dest/tilt.jquery.js",
"chars": 12473,
"preview": "'use strict';\n\nvar _typeof = typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\" ? function (obj) { retu"
},
{
"path": "assets/vendors/tilt/readme.md",
"chars": 2162,
"preview": "[](https://travis-ci.org/gijsroge/tilt.js)\n\n# T"
},
{
"path": "assets/vendors/tilt/src/tilt.jquery.js",
"chars": 11790,
"preview": "(function (factory) {\n if (typeof define === 'function' && define.amd) {\n // AMD. Register as an anonymous mod"
},
{
"path": "assets/vendors/tilt/tests/tests.html",
"chars": 999,
"preview": "<!doctype html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <title>simple-nav</title>\n <link rel=\"styleshe"
},
{
"path": "assets/vendors/tilt/tests/tests.js",
"chars": 411,
"preview": "/**\n * Global tests\n */\n\nconst testElement = '.js-tilt';\n\n// Test if main function still works\nQUnit.test('global test',"
},
{
"path": "assets/vendors/typedjs/typed.css",
"chars": 472,
"preview": ".typed-cursor{\n position: relative;\n top: -6px;\n opacity: 1;\n -webkit-animation: blink 0.7s infinite;\n -m"
}
]
// ... and 8 more files (download for full content)
About this extraction
This page contains the full source code of the htmlstreamofficial/stream-ui-kit GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 208 files (1.2 MB), approximately 354.4k tokens, and a symbol index with 20 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.