├── LICENSE
├── README.md
├── about-me.html
├── about-us.html
├── assets
├── css
│ ├── min.styles.css
│ └── styles.css
├── img-temp
│ ├── 1920x1080
│ │ ├── img1.jpg
│ │ ├── img2.jpg
│ │ ├── img3.jpg
│ │ ├── img4.jpg
│ │ ├── img5.jpg
│ │ ├── img6.jpg
│ │ ├── img7.jpg
│ │ ├── img8.jpg
│ │ └── img9.jpg
│ ├── 200x200
│ │ └── img1.jpg
│ ├── 400x550
│ │ ├── img1.jpg
│ │ ├── img2.jpg
│ │ ├── img3.jpg
│ │ └── img4.jpg
│ ├── 533x711
│ │ └── img1.jpg
│ ├── 900x700
│ │ └── img1.png
│ ├── ava
│ │ ├── img1.jpg
│ │ ├── img2.jpg
│ │ ├── img3.jpg
│ │ └── user-unknown.jpg
│ ├── bonus
│ │ ├── stream-icons.jpg
│ │ ├── stream-sources.jpg
│ │ └── stream-unsplash.jpg
│ ├── demo
│ │ ├── img1.jpg
│ │ ├── img2.jpg
│ │ ├── img3.jpg
│ │ ├── img4.jpg
│ │ └── img5.jpg
│ ├── intro
│ │ └── img1.jpg
│ ├── partners
│ │ ├── img1.png
│ │ ├── img2.png
│ │ ├── img3.png
│ │ ├── img4.png
│ │ ├── img5.png
│ │ ├── img6.png
│ │ ├── img7.png
│ │ ├── img8.png
│ │ └── img9.png
│ ├── portfolio
│ │ ├── img1.jpg
│ │ ├── img2.jpg
│ │ ├── img3.jpg
│ │ ├── img4.jpg
│ │ ├── img5.jpg
│ │ └── img6.jpg
│ └── promo
│ │ ├── img1.jpg
│ │ └── img2.jpg
├── img
│ ├── bg-pattern.png
│ ├── logo-white.png
│ ├── logo.png
│ ├── modals
│ │ ├── modal-basic.jpg
│ │ ├── modal-large.jpg
│ │ ├── modal-long.jpg
│ │ ├── modal-small.jpg
│ │ └── modal-vertically-centered.jpg
│ ├── popovers
│ │ ├── popover-bottom.jpg
│ │ ├── popover-left.jpg
│ │ ├── popover-right.jpg
│ │ └── popover-top.jpg
│ └── tooltips
│ │ ├── tooltip-bottom.jpg
│ │ ├── tooltip-left.jpg
│ │ ├── tooltip-right.jpg
│ │ └── tooltip-top.jpg
├── 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
│ │ └── bootstrap.min.css
│ ├── js
│ │ ├── bootstrap.js
│ │ └── bootstrap.min.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
│ ├── counters
│ ├── counterup.min.js
│ └── waypoint.min.js
│ ├── font-awesome
│ ├── LICENSE.txt
│ ├── README.md
│ ├── css
│ │ ├── fa-brands.css
│ │ ├── fa-brands.min.css
│ │ ├── fa-regular.css
│ │ ├── fa-regular.min.css
│ │ ├── fa-solid.css
│ │ ├── fa-solid.min.css
│ │ ├── fontawesome-all.css
│ │ ├── fontawesome-all.min.css
│ │ ├── fontawesome.css
│ │ └── fontawesome.min.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
│ └── webfonts
│ │ ├── fa-brands-400.eot
│ │ ├── fa-brands-400.svg
│ │ ├── fa-brands-400.ttf
│ │ ├── fa-brands-400.woff
│ │ ├── fa-brands-400.woff2
│ │ ├── fa-regular-400.eot
│ │ ├── fa-regular-400.svg
│ │ ├── fa-regular-400.ttf
│ │ ├── fa-regular-400.woff
│ │ ├── fa-regular-400.woff2
│ │ ├── fa-solid-900.eot
│ │ ├── fa-solid-900.svg
│ │ ├── fa-solid-900.ttf
│ │ ├── fa-solid-900.woff
│ │ └── fa-solid-900.woff2
│ ├── jquery.back-to-top.min.js
│ ├── jquery.migrate.min.js
│ ├── jquery.min.js
│ ├── jquery.parallax.js
│ ├── jquery.smooth-scroll.min.js
│ ├── magnific-popup
│ ├── jquery.magnific-popup.js
│ ├── jquery.magnific-popup.min.js
│ └── magnific-popup.css
│ ├── masonry
│ ├── jquery.imagesloaded.pkgd.min.js
│ └── jquery.masonry.pkgd.min.js
│ ├── popper.min.js
│ ├── shuffle
│ └── jquery.shuffle.min.js
│ ├── simple-line-icons
│ ├── css
│ │ └── simple-line-icons.css
│ └── fonts
│ │ ├── Simple-Line-Icons.eot
│ │ ├── Simple-Line-Icons.svg
│ │ ├── Simple-Line-Icons.ttf
│ │ ├── Simple-Line-Icons.woff
│ │ └── Simple-Line-Icons.woff2
│ ├── slick-carousel
│ ├── slick.css
│ └── slick.min.js
│ ├── tilt
│ ├── .babelrc
│ ├── .gitignore
│ ├── .jshintrc
│ ├── .npmignore
│ ├── .travis.yml
│ ├── LICENSE
│ ├── demo
│ │ ├── index.html
│ │ └── scss
│ │ │ └── tilt.scss
│ ├── dest
│ │ ├── tilt.jquery.js
│ │ ├── tilt.jquery.js.map
│ │ └── tilt.jquery.min.js
│ ├── readme.md
│ ├── src
│ │ └── tilt.jquery.js
│ ├── tests
│ │ ├── tests.html
│ │ └── tests.js
│ └── yarn.lock
│ └── typedjs
│ ├── typed.css
│ ├── typed.js
│ └── typed.min.js
├── contacts.html
├── favicon.ico
├── gulpfile.js
├── home-page.html
├── index.html
├── package.json
├── services.html
└── starter-template.html
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 Html Stream
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # [Stream - UI Kit](https://htmlstream.com/preview/stream-ui-kit/) :raised_hands:
2 |
3 | [](https://htmlstream.com/preview/stream-ui-kit/)
4 |
5 | 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.
6 |
7 | ### What’s Included
8 |
9 | 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:
10 |
11 | ```
12 | stream-ui-kit-v1.0/
13 | ├── assets/
14 | │ ├── css/
15 | │ │ ├── styles.css
16 | │ │ ├── min.styles.css
17 | │ ├── img/
18 | │ │ ├── ...
19 | │ ├── img-temp/
20 | │ │ ├── ...
21 | │ ├── include/
22 | │ │ ├── scss/
23 | │ │ │ ├── ...
24 | │ ├── js/
25 | │ │ ├── global.js
26 | │ │ ├── ...
27 | │ ├── vendor/
28 | │ │ ├── bootstrap/
29 | │ │ ├── chartist-js/
30 | │ │ ├── ...
31 | ├── README.md
32 | ├── package.json
33 | ├── gulpfile.js
34 | ├── index.html
35 | ├── home-page.html
36 | ├── services.html
37 | ├── about-us.html
38 | ├── about-me.html
39 | ├── contacts.html
40 | ├── starter-template.html
41 | ```
42 |
43 |
44 | ### Complete with Examples
45 |
46 | We have created 5 beautiful complete pages with over 20 reusable and customizable UI Blocks to quickly start with the Stream UI Kit.
47 |
48 | - [UI Kit](https://htmlstream.com/preview/stream-ui-kit/index.html)
49 | - [Home](https://htmlstream.com/preview/stream-ui-kit/home-page.html)
50 | - [Services](https://htmlstream.com/preview/stream-ui-kit/services.html)
51 | - [About Us](https://htmlstream.com/preview/stream-ui-kit/about-us.html)
52 | - [About Me - Profile](https://htmlstream.com/preview/stream-ui-kit/about-me.html)
53 | - [Contacts](https://htmlstream.com/preview/stream-ui-kit/contacts.html)
54 | - Starter Template
55 |
56 |
57 | ### Online Documentation
58 |
59 | 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)
60 |
61 |
62 | ### Built by Htmlstream
63 |
64 | 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.
65 |
66 | Our soical network profiles:
67 |
68 | - [Twitter](https://twitter.com/htmlstream)
69 | - [Facebook](https://www.facebook.com/)
70 | - [Dribbble](https://dribbble.com/htmlstream)
71 | - [Instagram](https://www.instagram.com/htmlstream/)
72 |
73 |
74 | ### Credits
75 |
76 | 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/..`
77 |
78 | Name | URL
79 | ------------ | -------------
80 | Bootstrap | https://getbootstrap.com
81 | jQuery | http://jquery.com
82 | Font Awesome | https://fontawesome.com
83 | Slick Carousel | http://kenwheeler.github.io/slick
84 | jQuery Parallax | https://ianlunn.co.uk/plugins/jquery-parallax
85 | Typed.js | https://mattboldt.com/demos/typed-js
86 | Counter-Up | https://github.com/bfintal/Counter-Up
87 | Magnific Popup | http://dimsemenov.com/plugins/magnific-popup
88 | Shuffle | https://vestride.github.io/Shuffle
89 |
90 |
91 | #### Fonts & Images
92 |
93 | - Google Fonts: http://www.google.com/fonts
94 | - Unsplash Beautiful free photos: http://unsplash.com
95 |
96 |
97 | ### Licensed under MIT
98 |
99 | Stream UI Kit is Open Source project and licensed under MIT for better Web.
100 |
101 | 
102 |
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img2.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img3.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img4.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img5.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img6.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img7.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img8.jpg
--------------------------------------------------------------------------------
/assets/img-temp/1920x1080/img9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/1920x1080/img9.jpg
--------------------------------------------------------------------------------
/assets/img-temp/200x200/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/200x200/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/400x550/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/400x550/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/400x550/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/400x550/img2.jpg
--------------------------------------------------------------------------------
/assets/img-temp/400x550/img3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/400x550/img3.jpg
--------------------------------------------------------------------------------
/assets/img-temp/400x550/img4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/400x550/img4.jpg
--------------------------------------------------------------------------------
/assets/img-temp/533x711/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/533x711/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/900x700/img1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/900x700/img1.png
--------------------------------------------------------------------------------
/assets/img-temp/ava/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/ava/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/ava/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/ava/img2.jpg
--------------------------------------------------------------------------------
/assets/img-temp/ava/img3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/ava/img3.jpg
--------------------------------------------------------------------------------
/assets/img-temp/ava/user-unknown.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/ava/user-unknown.jpg
--------------------------------------------------------------------------------
/assets/img-temp/bonus/stream-icons.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/bonus/stream-icons.jpg
--------------------------------------------------------------------------------
/assets/img-temp/bonus/stream-sources.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/bonus/stream-sources.jpg
--------------------------------------------------------------------------------
/assets/img-temp/bonus/stream-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/bonus/stream-unsplash.jpg
--------------------------------------------------------------------------------
/assets/img-temp/demo/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/demo/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/demo/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/demo/img2.jpg
--------------------------------------------------------------------------------
/assets/img-temp/demo/img3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/demo/img3.jpg
--------------------------------------------------------------------------------
/assets/img-temp/demo/img4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/demo/img4.jpg
--------------------------------------------------------------------------------
/assets/img-temp/demo/img5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/demo/img5.jpg
--------------------------------------------------------------------------------
/assets/img-temp/intro/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/intro/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/partners/img1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img1.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img2.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img3.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img4.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img5.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img6.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img7.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img8.png
--------------------------------------------------------------------------------
/assets/img-temp/partners/img9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/partners/img9.png
--------------------------------------------------------------------------------
/assets/img-temp/portfolio/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/portfolio/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/portfolio/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/portfolio/img2.jpg
--------------------------------------------------------------------------------
/assets/img-temp/portfolio/img3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/portfolio/img3.jpg
--------------------------------------------------------------------------------
/assets/img-temp/portfolio/img4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/portfolio/img4.jpg
--------------------------------------------------------------------------------
/assets/img-temp/portfolio/img5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/portfolio/img5.jpg
--------------------------------------------------------------------------------
/assets/img-temp/portfolio/img6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/portfolio/img6.jpg
--------------------------------------------------------------------------------
/assets/img-temp/promo/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/promo/img1.jpg
--------------------------------------------------------------------------------
/assets/img-temp/promo/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img-temp/promo/img2.jpg
--------------------------------------------------------------------------------
/assets/img/bg-pattern.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/bg-pattern.png
--------------------------------------------------------------------------------
/assets/img/logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/logo-white.png
--------------------------------------------------------------------------------
/assets/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/logo.png
--------------------------------------------------------------------------------
/assets/img/modals/modal-basic.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/modals/modal-basic.jpg
--------------------------------------------------------------------------------
/assets/img/modals/modal-large.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/modals/modal-large.jpg
--------------------------------------------------------------------------------
/assets/img/modals/modal-long.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/modals/modal-long.jpg
--------------------------------------------------------------------------------
/assets/img/modals/modal-small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/modals/modal-small.jpg
--------------------------------------------------------------------------------
/assets/img/modals/modal-vertically-centered.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/modals/modal-vertically-centered.jpg
--------------------------------------------------------------------------------
/assets/img/popovers/popover-bottom.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/popovers/popover-bottom.jpg
--------------------------------------------------------------------------------
/assets/img/popovers/popover-left.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/popovers/popover-left.jpg
--------------------------------------------------------------------------------
/assets/img/popovers/popover-right.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/popovers/popover-right.jpg
--------------------------------------------------------------------------------
/assets/img/popovers/popover-top.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/popovers/popover-top.jpg
--------------------------------------------------------------------------------
/assets/img/tooltips/tooltip-bottom.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/tooltips/tooltip-bottom.jpg
--------------------------------------------------------------------------------
/assets/img/tooltips/tooltip-left.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/tooltips/tooltip-left.jpg
--------------------------------------------------------------------------------
/assets/img/tooltips/tooltip-right.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/tooltips/tooltip-right.jpg
--------------------------------------------------------------------------------
/assets/img/tooltips/tooltip-top.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/img/tooltips/tooltip-top.jpg
--------------------------------------------------------------------------------
/assets/include/scss/_core.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Default Styles
3 | ------------------------------------*/
4 | html {
5 | font-size: $g-font-size-base;
6 | }
7 |
8 | body {
9 | font: {
10 | weight: 400;
11 | size: 1rem;
12 | family: $g-font-primary;
13 | }
14 | line-height: 1.6;
15 | color: $g-dark;
16 | -webkit-font-smoothing: antialiased;
17 | -moz-osx-font-smoothing: grayscale;
18 | -moz-font-feature-settings: "liga", "kern";
19 | text-rendering: optimizelegibility;
20 | }
21 |
22 | a {
23 | color: $g-primary;
24 |
25 | &:hover {
26 | color: $g-primary;
27 | }
28 |
29 | &:focus {
30 | outline: none;
31 | }
32 | }
33 |
34 | p {
35 | line-height: 1.8;
36 | }
37 |
38 | figure {
39 | margin-bottom: 0;
40 | }
41 |
42 | hr {
43 | border-color: $g-gray-100;
44 | }
45 |
46 | [role=button] {
47 | cursor: pointer;
48 | }
49 |
50 | /*------------------------------------
51 | Headings
52 | ------------------------------------*/
53 | .h1, .h2, .h3, .h4, .h5, .h6, .h7,
54 | h1, h2, h3, h4, h5, h6 {
55 | line-height: 1.6;
56 | }
57 |
58 | /*------------------------------------
59 | Highlight Color
60 | ------------------------------------*/
61 | ::-moz-selection {
62 | color: $g-white;
63 | background-color: $g-primary;
64 | }
65 | ::selection {
66 | color: $g-white;
67 | background-color: $g-primary;
68 | }
69 |
70 | .bg-primary ::-moz-selection {
71 | color: $g-primary;
72 | background-color: $g-white;
73 | }
74 | .bg-primary ::selection {
75 | color: $g-primary;
76 | background-color: $g-white;
77 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_alerts.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Alerts
3 | ------------------------------------*/
4 | /* Alert Icon */
5 | .alert__icon {
6 | @include px-to-rem(font-size, 20px);
7 | }
8 |
9 | /* Alert Close Button */
10 | .alert__close {
11 | padding: 0;
12 | line-height: 1.3;
13 | opacity: .7;
14 | background: none;
15 | border: none;
16 | cursor: pointer;
17 | @include px-to-rem(font-size, 26px);
18 | transition: all .3s;
19 |
20 | &--light {
21 | color: $g-white;
22 | }
23 | &--dark {
24 | color: $g-dark;
25 | }
26 |
27 | &:hover {
28 | opacity: 1;
29 | }
30 |
31 | &:focus {
32 | outline: 0 none;
33 | box-shadow: none;
34 | }
35 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_arrows.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Background Arrow
3 | ------------------------------------*/
4 | .u-bg-arrow {
5 | &-wrapper {
6 | position: relative;
7 | }
8 |
9 | &-bottom::before {
10 | position: absolute;
11 | content: "";
12 | left: 50%;
13 | margin-left: -20px;
14 | bottom: -25px;
15 | border: {
16 | style: solid;
17 | width: 25px 20px 0 20px;
18 | color: #fff transparent transparent transparent;
19 | }
20 | z-index: 3;
21 | }
22 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_avatar.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Avatars
3 | ------------------------------------*/
4 | .u-avatar {
5 | border: solid 3px $g-white;
6 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_border-radius.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Border Radius
3 | ------------------------------------*/
4 |
5 | .rounded-md {
6 | border-radius: .625rem;
7 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_buttons.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Buttons
3 | ------------------------------------*/
4 | .btn {
5 | cursor: pointer;
6 | transition: .2s ease;
7 |
8 | &.focus,
9 | &:focus
10 | &.active:focus,
11 | &:active:focus {
12 | outline: 0 none;
13 | box-shadow: none;
14 | border-color: transparent;
15 | }
16 | }
17 |
18 | // Circle
19 | .btn--circle {
20 | border-radius: 100%;
21 | padding: 0;
22 | @include px-to-rem(width, 42px);
23 | @include px-to-rem(height, 42px);
24 | @include px-to-rem(line-height, 42px);
25 |
26 | &.btn-sm {
27 | @include px-to-rem(width, 31px);
28 | @include px-to-rem(height, 31px);
29 | @include px-to-rem(line-height, 31px);
30 | }
31 |
32 | &.btn-lg {
33 | @include px-to-rem(width, 52px);
34 | @include px-to-rem(height, 52px);
35 | @include px-to-rem(line-height, 52px);
36 | }
37 | }
38 |
39 | // Pilled
40 | .btn--pill {
41 | border-radius: $g-border-radius-pill;
42 | @include px-to-rem(padding-left, 20px);
43 | @include px-to-rem(padding-right, 20px);
44 |
45 | &.btn-sm {
46 | @include px-to-rem(padding-left, 15px);
47 | @include px-to-rem(padding-right, 15px);
48 | }
49 |
50 | &.btn-lg {
51 | @include px-to-rem(padding-left, 25px);
52 | @include px-to-rem(padding-right, 25px);
53 | }
54 | }
55 |
56 | // Link
57 | .btn-link {
58 | color: theme-color("primary");
59 |
60 | &:hover {
61 | color: theme-color("primary");
62 | }
63 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_carousel.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Carousell
3 | ------------------------------------*/
4 | .carousel-control-size {
5 | font-size: $g-carousel-control-size;
6 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_clients.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Clients
3 | ------------------------------------*/
4 | .u-clients {
5 | &__item {
6 | border: {
7 | width: 1px 0 1px 1px;
8 | color: $g-hr-color;
9 | style: solid;
10 | }
11 | padding: map-get($g-spacers, 7) 0;
12 | }
13 |
14 | &__image {
15 | @include px-to-rem(width, 120px);
16 | @include px-to-rem(margin-left, auto);
17 | @include px-to-rem(margin-right, auto);
18 | filter: url("data:image/svg+xml;utf8,#grayscale");
19 | filter: gray;
20 | -webkit-filter: grayscale(100%);
21 | opacity: .3;
22 | transition: all 0.3s ease;
23 |
24 | &:hover {
25 | filter: url("data:image/svg+xml;utf8,#grayscale");
26 | -webkit-filter: grayscale(0%);
27 | opacity: 1;
28 | }
29 | }
30 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_header-navbar.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Header
3 | ------------------------------------*/
4 | // Navbar Background Color (fixed mode)
5 | .navbar-expand-sm.fixed-top {
6 | // Small Devices
7 | @include media-breakpoint-down(sm) {
8 | background-color: rgba($g-dark, .3);
9 | }
10 | }
11 |
12 | .navbar-expand-md.fixed-top {
13 | // Medium Devices
14 | @include media-breakpoint-down(md) {
15 | background-color: rgba($g-dark, .3);
16 | }
17 | }
18 |
19 | .navbar-expand-lg.fixed-top {
20 | // Large Devices
21 | @include media-breakpoint-down(lg) {
22 | background-color: rgba($g-dark, .3);
23 | }
24 | }
25 |
26 | // Navbar Onscroll
27 | .navbar-bg-onscroll.fixed-top {
28 | background-color: $navbar-bg-onscroll;
29 | transition: all .3s ease-out;
30 |
31 | &--fade {
32 | transition: all .4s ease-out;
33 | }
34 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_mockup-browser.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Mockup (Browser)
3 | ------------------------------------*/
4 | .u-browser-img {
5 | position: relative;
6 | top: -7px;
7 | border-bottom-left-radius: 0.5rem;
8 | border-bottom-right-radius: 0.5rem;
9 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_mockup-device.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Device (iPad)
3 | ------------------------------------*/
4 | .u-device {
5 | position: relative;
6 | width: 85%;
7 | z-index: -1;
8 | margin-bottom: -10rem;
9 |
10 | &__item {
11 | border-radius: 2rem;
12 | box-shadow: 10px 15px 55px 15px rgba(140, 152, 164, 0.1);
13 | }
14 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_modals.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Modals
3 | ------------------------------------*/
4 | .modal-content {
5 | box-shadow: $g-modal-content-box-shadow-xs;
6 |
7 | @include media-breakpoint-up(sm) {
8 | box-shadow: $g-modal-content-box-shadow-sm-up;
9 | }
10 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_pager.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Pager
3 | ------------------------------------*/
4 | .pager-btn {
5 | min-width: 7.2rem;
6 |
7 | &.btn-sm {
8 | min-width: 6.2rem;
9 | }
10 | &.btn-lg {
11 | min-width: 9.4rem;
12 | }
13 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_popover.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Popover
3 | ------------------------------------*/
4 | .popover {
5 | box-shadow: $g-popover-box-shadow;
6 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_portfolio.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Portfolio
3 | ------------------------------------*/
4 | .u-portfolio-controls {
5 | &__item {
6 | display: inline-block;
7 | cursor: pointer;
8 | }
9 |
10 | &__item:not(:last-child)::after {
11 | content: "|";
12 | font-size: 0.71429rem;
13 | margin: 0 4px;
14 | position: relative;
15 | top: -2px;
16 | line-height: inherit;
17 | display: inline-block;
18 | vertical-align: middle;
19 | color: transparent;
20 | }
21 |
22 | @include media-breakpoint-up(lg) {
23 | &__item:not(:last-child)::after {
24 | color: $g-gray-150;
25 | margin: 0 7px 0 12px;
26 | }
27 | }
28 | a {
29 | color: $g-dark;
30 | &.active {
31 | color: $g-primary;
32 | }
33 | }
34 | }
35 | .u-portfolio {
36 | &__item {
37 | overflow: hidden;
38 | z-index: 2;
39 | }
40 |
41 | &__image {
42 | display: block;
43 | width: 100%;
44 | height: auto;
45 | transition: all .2s ease;
46 | }
47 | &__item:hover &__image {
48 | transform: translate3d(0, -60px, 0);
49 | }
50 |
51 | &__info {
52 | position: absolute;
53 | bottom: 0;
54 | left: 0;
55 | right: 0;
56 | height: 3.75rem;
57 | overflow: hidden;
58 | @include px-to-rem(padding-left, 15px);
59 | @include px-to-rem(padding-right, 15px);
60 | @include px-to-rem(padding-top, 5px);
61 | @include px-to-rem(padding-bottom, 5px);
62 | color: $g-white;
63 | background-color: theme-color("primary");
64 | transition: all .2s ease;
65 | transform: translate3d(0, 3.75rem, 0);
66 |
67 | small {
68 | opacity: .7;
69 | }
70 | }
71 | &__item:hover &__info {
72 | transform: translate3d(0, 0, 0);
73 | }
74 |
75 | &__zoom {
76 | position: absolute;
77 | top: 0;
78 | bottom: 0;
79 | left: 0;
80 | right: 0;
81 | text-indent: -10000px;
82 | }
83 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_pricing.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Pricing
3 | ------------------------------------*/
4 | .u-pricing {
5 | background-color: $g-white;
6 |
7 | &__header {
8 | position: relative;
9 | padding: map-get($g-spacers, 6) map-get($g-spacers, 4);
10 |
11 | &-price {
12 | display: block;
13 | line-height: .84;
14 | }
15 |
16 | &-title {
17 | opacity: .8;
18 | }
19 |
20 | &-decoration {
21 | position: absolute;
22 | left: 0;
23 | right: 0;
24 | bottom: 0;
25 | }
26 | }
27 |
28 | &__content {
29 | padding: map-get($g-spacers, 4);
30 |
31 | .disabled .u-icon {
32 | color: $g-light-primary-200;
33 | background-color: rgba($g-light-primary-200, .1);
34 | }
35 | }
36 |
37 | .disabled {
38 | color: $g-light-primary-200;
39 | }
40 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_profile.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/htmlstreamofficial/stream-ui-kit/4f159f39ea579b0cee33d056c92cf0277ba8fa6f/assets/include/scss/blocks/_profile.scss
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_progress-bar.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Progress Bars
3 | ------------------------------------*/
4 | // Pill
5 | .progress--pill {
6 | border-radius: $g-border-radius-pill;
7 | }
8 |
9 | // Column
10 | .u-progress-bar-vertical {
11 | display: flex;
12 | flex-flow: column nowrap;
13 | justify-content: flex-end;
14 | background-color: $g-light-primary-100;
15 | height: 200px;
16 |
17 | &__indicator {
18 | background-color: $g-primary;
19 | }
20 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_promo-blocks-v1.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Promo Block v1
3 | ------------------------------------*/
4 | .u-promo-block {
5 | position: relative;
6 | min-height: 100vh;
7 | @include px-to-rem(padding-top, 100px);
8 | @include px-to-rem(padding-bottom, 100px);
9 | background: {
10 | repeat: no-repeat;
11 | position: 50% 0;
12 | size: cover;
13 | }
14 |
15 | &--mheight-450 {
16 | min-height: 450px;
17 | }
18 |
19 | &--mheight-500 {
20 | min-height: 500px;
21 | }
22 |
23 | &--mheight-600 {
24 | min-height: 600px;
25 | }
26 |
27 | @include media-breakpoint-down(lg) {
28 | & {
29 | background: {
30 | attachment: fixed;
31 | }
32 | }
33 | }
34 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/_tabs.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Tabs
3 | ------------------------------------*/
4 | .nav-tabs--v1 {
5 | .nav-item {
6 | margin-right: 3px;
7 |
8 | &:last-child {
9 | margin-right: 0;
10 | }
11 | }
12 |
13 | .nav-link {
14 | border-top-width: 3px;
15 |
16 | &:hover,
17 | &:focus {
18 | border-color: transparent;
19 | }
20 | }
21 |
22 | .nav-link.active,
23 | .nav-item.show .nav-link {
24 | border-top-color: theme-color("primary");
25 |
26 | &:hover,
27 | &:focus {
28 | border-left-color: $g-gray-100;
29 | border-right-color: $g-gray-100;
30 | border-top-color: theme-color("primary");
31 | }
32 | }
33 | }
34 |
35 | .tab-content--v1 {
36 | padding: 1.25rem 1rem;
37 | margin-top: -1px;
38 | border: solid 1px $g-gray-100;
39 | border-bottom-left-radius: $g-border-radius;
40 | border-bottom-right-radius: $g-border-radius;
41 |
42 | p:last-of-type {
43 | margin-bottom: 0;
44 | }
45 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/blockquote/_blockquote-v1.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Blockquote-v1
3 | ------------------------------------*/
4 | .blockquote-v1 {
5 | padding: $g-blockquote-padding-y $g-blockquote-padding-x;
6 | background-color: $g-blockquote-bg;
7 | font-size: 1.25rem;
8 | font-weight: $g-blockquote-font-weight;
9 | border-radius: $g-border-radius;
10 | margin-bottom: 1rem;
11 |
12 | // Left Bordered
13 | &--left {
14 | border-left: solid .25rem $g-blockquote-border-color;
15 | }
16 |
17 | // Right Bordered
18 | &--right {
19 | border-right: solid .25rem $g-blockquote-border-color;
20 | }
21 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/blockquote/_blockquote-v2.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Blockquote-v2
3 | ------------------------------------*/
4 | .u-blockquote-v2 {
5 | position: relative;
6 | background-color: #fff;
7 | box-shadow: 5px 6px 9px -6px rgba(0,0,0, .15);
8 | @include px-to-rem(padding, 30px 30px 30px 60px);
9 |
10 | &::before {
11 | content: "\201C";
12 | position: absolute;
13 | @include px-to-rem(width, 60px);
14 | @include px-to-rem(margin, -25px 0 0 -40px);
15 | color: $g-primary;
16 | @include px-to-rem(font-size, 60px);
17 |
18 | }
19 |
20 | &::after {
21 | content: "";
22 | position: absolute;
23 | @include px-to-rem(bottom, -30px);
24 | @include px-to-rem(left, 60px);
25 | display: block;
26 | width: 0;
27 | height: 0;
28 | border: {
29 | style: solid;
30 | width: 30px 30px 0 0;
31 | color: $g-white transparent transparent transparent;
32 | }
33 | filter: drop-shadow(2px 2px 1px rgba(0,0,0, .1));
34 | }
35 |
36 | &__image {
37 | @include px-to-rem(width, 60px);
38 | @include px-to-rem(height, 60px);
39 | }
40 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/globals/_globals.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Typography
3 | ------------------------------------*/
4 | /* Font Family */
5 | .u-font-accent {
6 | font-family: $g-font-accent;
7 | }
8 |
9 | /* Font Size */
10 | .u-font-size {
11 | &-75 {
12 | font-size: 75%;
13 | }
14 |
15 | &-90 {
16 | font-size: 90%;
17 | }
18 | }
19 |
20 | /* Letter Spacing */
21 | .u-letter-spacing {
22 | &-xs {
23 | letter-spacing: 1px;
24 | }
25 | &-sm {
26 | letter-spacing: 2px;
27 | }
28 | }
29 |
30 | /*----------------------------------
31 | Others
32 | ------------------------------------*/
33 | .u-opacity {
34 | &-1 {
35 | opacity: .1;
36 | }
37 | &-6 {
38 | opacity: .6;
39 | }
40 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/helpers/_helpers.scss:
--------------------------------------------------------------------------------
1 | /*----------------------------------
2 | Spaces
3 | ------------------------------------*/
4 | .u-content-space {
5 | padding-top: $g-content-space-y;
6 | padding-bottom: $g-content-space-y;
7 | }
8 |
9 | .u-content-space-top {
10 | padding-top: $g-content-space-y;
11 | }
12 |
13 | .u-content-space-bottom {
14 | padding-bottom: $g-content-space-y;
15 | }
16 |
17 | /*----------------------------------
18 | Pull
19 | ------------------------------------*/
20 | .u-pull-half {
21 | transform: translate3d(0, -50%, 0);
22 | }
23 |
24 | /*----------------------------------
25 | Links
26 | ------------------------------------*/
27 | .u-link {
28 | color: $g-dark;
29 | text-decoration: none;
30 |
31 | &:hover {
32 | color: theme-color("primary");
33 | text-decoration: none;
34 | }
35 | }
36 |
37 | /*----------------------------------
38 | Box Shadow
39 | ------------------------------------*/
40 | .u-box-shadow-sm {
41 | box-shadow: $g-box-shadow-sm;
42 | }
43 |
44 | .u-box-shadow-lg {
45 | box-shadow: $g-box-shadow-lg;
46 | }
47 |
48 | /*----------------------------------
49 | Hero Image
50 | ------------------------------------*/
51 | .u-hero-img {
52 | background-repeat: no-repeat;
53 | background-position: 50% 0;
54 | background-size: cover;
55 | }
56 |
57 | /*----------------------------------
58 | Overlays
59 | ------------------------------------*/
60 | .u-overlay {
61 | position: relative;
62 |
63 | &::after {
64 | content: "";
65 | position: absolute;
66 | top: 0;
67 | right: 0;
68 | bottom: 0;
69 | left: 0;
70 | }
71 |
72 | &--dark::after {
73 | background-color: rgba($g-dark, .3);
74 | }
75 | &--light::after {
76 | background-color: rgba($g-white, .3);
77 | }
78 |
79 | &__inner {
80 | position: relative;
81 | z-index: 1;
82 | }
83 | }
84 |
85 | /*----------------------------------
86 | Block Alignments
87 | ------------------------------------*/
88 | .u-ver {
89 | &-center {
90 | position: absolute;
91 | top: 50%;
92 | left: 0;
93 | right: 0;
94 | transform: translate3d(0, -50%, 0);
95 | }
96 |
97 | &-bottom {
98 | position: absolute;
99 | left: 50%;
100 | bottom: 0;
101 | transform: translate3d(-50%, 0, 0);
102 | }
103 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/icons/_icon-block.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Icon Block
3 | ------------------------------------*/
4 | .u-icon-block {
5 | &__col {
6 | padding:{
7 | top: map-get($g-spacers, 9);
8 | bottom: map-get($g-spacers, 9);
9 | }
10 | }
11 | }
12 |
13 | @include media-breakpoint-up(lg) {
14 | .u-icon-block {
15 | border-bottom: solid 1px $g-hr-color;
16 |
17 | &__col {
18 | &--left-brd {
19 | border-left: solid 1px $g-hr-color;
20 | }
21 | }
22 | }
23 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/icons/_icon-sizes.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Icon Sizes
3 | ------------------------------------*/
4 |
5 | /* Extra Small */
6 | .u-icon--size--xs {
7 | @include px-to-rem(width, 24px);
8 | @include px-to-rem(height, 24px);
9 | @include px-to-rem(font-size, 13px);
10 | }
11 |
12 | /* Small */
13 | .u-icon--size--sm {
14 | @include px-to-rem(width, 32px);
15 | @include px-to-rem(height, 32px);
16 | @include px-to-rem(font-size, 16px);
17 | }
18 |
19 | /* Large */
20 | .u-icon--size--lg {
21 | @include px-to-rem(width, 56px);
22 | @include px-to-rem(height, 56px);
23 | @include px-to-rem(font-size, 28px);
24 | }
25 |
26 | /* Extra Large */
27 | .u-icon--size--xl {
28 | @include px-to-rem(width, 80px);
29 | @include px-to-rem(height, 80px);
30 | @include px-to-rem(font-size, 38px);
31 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/icons/_icon-styles.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Icon Default Styles
3 | ------------------------------------*/
4 |
5 | // Theme Colors
6 | @each $color, $value in $g-theme-colors {
7 | /* #{$color} */
8 | .u-icon-#{$color} {
9 | @include icon($value, $value);
10 | }
11 | }
12 |
13 | // Accent Colors
14 | @each $color, $value in $g-accent-colors {
15 | /* #{$color} */
16 | .u-icon-#{$color} {
17 | @include icon($value, $value);
18 | }
19 | }
20 |
21 | // Social Network Colors
22 | @each $color, $value in $g-social-network-colors {
23 | /* #{$color} */
24 | .u-icon-#{$color} {
25 | @include icon($value, $value);
26 | }
27 | }
--------------------------------------------------------------------------------
/assets/include/scss/blocks/icons/_icon.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Icon
3 | ------------------------------------*/
4 | .u-icon {
5 | position: relative;
6 | z-index: 1;
7 | line-height: .7;
8 | @include icon-elements;
9 | @include px-to-rem(width, 36px);
10 | @include px-to-rem(height, 36px);
11 | @include px-to-rem(font-size, 18px);
12 | border-radius: .25rem;
13 | transition: .3s ease-in-out;
14 |
15 | &__inner {
16 | @include content-centered;
17 |
18 | &-bottom-minus {
19 | top: 90%;
20 | }
21 | }
22 | }
23 | @import "icon-sizes";
24 | @import "icon-styles";
--------------------------------------------------------------------------------
/assets/include/scss/styles.scss:
--------------------------------------------------------------------------------
1 | /*
2 | * Stream v1.0 (https://htmlstream.com)
3 | * Copyright Htmlstream
4 | * Licensed under MIT
5 | */
6 |
7 | // Core variables and mixins
8 | @import "tools/functions";
9 | @import "variables";
10 | @import "tools/mixins";
11 |
12 | // Core
13 | @import "core";
14 |
15 | // Blocks
16 | @import "blocks/alerts";
17 | @import "blocks/arrows";
18 | @import "blocks/avatar";
19 | @import "blocks/border-radius";
20 | @import "blocks/buttons";
21 | @import "blocks/carousel";
22 | @import "blocks/forms";
23 | @import "blocks/modals";
24 | @import "blocks/pager";
25 | @import "blocks/popover";
26 | @import "blocks/progress-bar";
27 | @import "blocks/tabs";
28 |
29 | @import "blocks/blockquote/blockquote-v1";
30 | @import "blocks/blockquote/blockquote-v2";
31 | @import "blocks/clients";
32 | @import "blocks/mockup-browser";
33 | @import "blocks/mockup-device";
34 | @import "blocks/icons/icon";
35 | @import "blocks/icons/icon-block";
36 | @import "blocks/header-navbar";
37 | @import "blocks/portfolio";
38 | @import "blocks/promo-blocks-v1";
39 | @import "blocks/pricing";
40 |
41 | // Helpers
42 | @import "blocks/helpers/helpers";
43 |
44 | // Globals
45 | @import "blocks/globals/globals";
--------------------------------------------------------------------------------
/assets/include/scss/tools/_functions.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Functions
3 | //
4 |
5 | // Converting a px based font-size to rem.
6 | @function parseInt($hs-n) {
7 | @if ($hs-n == !important) {
8 | @return !important
9 | } @else {
10 | $hs-rem-size: $hs-n / 16px;
11 | @return #{$hs-rem-size}rem;
12 | }
13 | }
--------------------------------------------------------------------------------
/assets/include/scss/tools/_mixins.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Core Mixins
3 | //
4 |
5 | @import "mixins/px-to-rem";
6 | @import "mixins/icons";
7 | @import "mixins/content-centered";
8 | @import "mixins/breakpoint";
--------------------------------------------------------------------------------
/assets/include/scss/tools/mixins/_content-centered.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Content Centered
3 | //
4 |
5 | // mixing for centering contents
6 | @mixin content-centered($hs-horizontal: true, $hs-vertical: true) {
7 | position: absolute;
8 | @if ($hs-horizontal and $hs-vertical) {
9 | top: 50%;
10 | left: 50%;
11 | transform: translate(-50%, -50%);
12 | } @else if ($hs-horizontal) {
13 | left: 50%;
14 | transform: translate(-50%, 0);
15 | } @else if ($hs-vertical) {
16 | top: 50%;
17 | transform: translate(0, -50%);
18 | }
19 | }
--------------------------------------------------------------------------------
/assets/include/scss/tools/mixins/_icons.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Icons
3 | //
4 |
5 | // Icon Elements
6 | @mixin icon-elements {
7 | display: inline-block;
8 | vertical-align: middle;
9 | text-align: center;
10 | }
11 |
12 | @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%)) {
13 | color: color-yiq($hs-background);
14 | background-color: ($hs-background);
15 | border-color: $hs-border;
16 |
17 | &[href] {
18 | &:hover {
19 | color: color-yiq($hs-hover-background);
20 | background-color: ($hs-hover-background);
21 | border-color: $hs-hover-border;
22 | }
23 | }
24 |
25 | // Disabled comes first so active can properly restyle
26 | &.disabled,
27 | &:disabled {
28 | background-color: $hs-background;
29 | border-color: $hs-border;
30 | }
31 | }
32 |
33 | // Icon Air Styles
34 | @mixin icon-air($hs-color, $hs-background, $hs-hover-background) {
35 | color: ($hs-color);
36 | background: rgba($hs-background, .1);
37 |
38 | &[href] {
39 | &:hover,
40 | &:focus,
41 | &:active {
42 | color: color-yiq($hs-hover-background);
43 | background: ($hs-hover-background);
44 | }
45 | }
46 | }
47 |
48 | // Icon Border Styles
49 | @mixin icon-bordered($hs-color, $hs-hover-background, $hs-brd-color, $hs-brd-hover-color) {
50 | color: ($hs-color);
51 | background: transparent;
52 | border-color: $hs-brd-color;
53 |
54 | &[href] {
55 | &:hover,
56 | &:focus,
57 | &:active {
58 | color: color-yiq($hs-hover-background);
59 | background: ($hs-hover-background);
60 | border-color: $hs-brd-color;
61 | }
62 | }
63 | }
--------------------------------------------------------------------------------
/assets/include/scss/tools/mixins/_px-to-rem.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Convert px to rem
3 | //
4 |
5 | // e.g. @include px-to-rem(padding, 8px 20px);
6 | @mixin px-to-rem($hs-property, $hs-values) {
7 | $hs-rem: ();
8 | @each $hs-value in $hs-values {
9 | @if index((0, 0px), $hs-value) or $hs-value == auto {
10 | $hs-rem: append($hs-rem, $hs-value);
11 | }
12 | @else {
13 | $hs-rem: append($hs-rem, parseInt($hs-value));
14 | }
15 | }
16 | #{$hs-property}: $hs-rem;
17 | }
--------------------------------------------------------------------------------
/assets/include/scss/vendors/bootstrap/_dropdown.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Dropdown
3 | //
4 |
5 | // The dropdown menu
6 | .dropdown-menu {
7 | min-width: $dropdown-min-width;
8 | border: {
9 | width: 3px 0 0;
10 | color: $primary;
11 | }
12 | box-shadow: $dropdown-box-shadow;
13 | }
14 |
15 | // Links, buttons, and more within the dropdown menu
16 | .dropdown-item {
17 | &.active,
18 | &:active {
19 | color: $primary;
20 | background-color: transparent;
21 | }
22 | }
--------------------------------------------------------------------------------
/assets/include/scss/vendors/bootstrap/_heading.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Displays
3 | //
4 |
5 | .display {
6 | // Small Devices
7 | @include media-breakpoint-up(sm) {
8 | &-sm-1 {
9 | font-size: $display1-size;
10 | }
11 | &-sm-2 {
12 | font-size: $display2-size;
13 | }
14 | &-sm-3 {
15 | font-size: $display3-size;
16 | }
17 | &-sm-4 {
18 | font-size: $display4-size;
19 | }
20 | }
21 |
22 | // Medium Devices
23 | @include media-breakpoint-up(md) {
24 | &-md-1 {
25 | font-size: $display1-size;
26 | }
27 | &-md-2 {
28 | font-size: $display2-size;
29 | }
30 | &-md-3 {
31 | font-size: $display3-size;
32 | }
33 | &-md-4 {
34 | font-size: $display4-size;
35 | }
36 | }
37 |
38 | // Large Devices
39 | @include media-breakpoint-up(lg) {
40 | &-lg-1 {
41 | font-size: $display1-size;
42 | }
43 | &-lg-2 {
44 | font-size: $display2-size;
45 | }
46 | &-lg-3 {
47 | font-size: $display3-size;
48 | }
49 | &-lg-4 {
50 | font-size: $display4-size;
51 | }
52 | }
53 | }
--------------------------------------------------------------------------------
/assets/include/scss/vendors/bootstrap/_text.scss:
--------------------------------------------------------------------------------
1 | // stylelint-disable declaration-no-important
2 |
3 | //
4 | // Text
5 | //
6 |
7 | // Weight & Styles
8 |
9 | .font-weight-semi-bold {
10 | font-weight: $g-font-weight-semi-bold !important;
11 | }
12 | .font-style-normal {
13 | font-style: normal !important;
14 | }
--------------------------------------------------------------------------------
/assets/include/scss/vendors/bootstrap/_width.scss:
--------------------------------------------------------------------------------
1 | /*------------------------------------
2 | Width
3 | ------------------------------------*/
4 | .w {
5 | // Medium Devices
6 | @include media-breakpoint-up(md) {
7 | &-md-25 {
8 | width: 25% !important;
9 | }
10 | }
11 |
12 | // Large Devices
13 | @include media-breakpoint-up(lg) {
14 | &-lg-25 {
15 | width: 25% !important;
16 | }
17 | }
18 |
19 | // Medium Devices
20 | @include media-breakpoint-up(md) {
21 | &-md-50 {
22 | width: 50% !important;
23 | }
24 | }
25 |
26 | // Large Devices
27 | @include media-breakpoint-up(lg) {
28 | &-lg-50 {
29 | width: 50% !important;
30 | }
31 | }
32 |
33 | // Medium Devices
34 | @include media-breakpoint-up(md) {
35 | &-md-75 {
36 | width: 75% !important;
37 | }
38 | }
39 |
40 | // Large Devices
41 | @include media-breakpoint-up(lg) {
42 | &-lg-75 {
43 | width: 75% !important;
44 | }
45 | }
46 |
47 | // Medium Devices
48 | @include media-breakpoint-up(md) {
49 | &-md-100 {
50 | width: 100% !important;
51 | }
52 | }
53 |
54 | // Large Devices
55 | @include media-breakpoint-up(lg) {
56 | &-lg-100 {
57 | width: 100% !important;
58 | }
59 | }
60 | }
--------------------------------------------------------------------------------
/assets/include/scss/vendors/bootstrap/bootstrap.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Main Bootstrap SASS
3 | //
4 |
5 | @import "../../variables";
6 | @import "../../tools/mixins";
7 | @import "custom.bootstrap.variables";
8 | @import "../../../../vendors/bootstrap/scss/bootstrap";
9 | @import "width";
10 | @import "text";
11 | @import "heading";
12 | @import "dropdown";
--------------------------------------------------------------------------------
/assets/js/global.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Stream v1.0 (https://htmlstream.com)
3 | * Copyright Htmlstream
4 | * Licensed under MIT
5 | */
6 |
7 | (function($) {
8 | 'use strict';
9 |
10 | // Activate Tooltips & Popovers
11 | $(function () {
12 | $('[data-toggle="tooltip"]').tooltip();
13 | $('[data-toggle="popover"]').popover();
14 |
15 | // Dismiss Popovers on next click
16 | $('.popover-dismiss').popover({
17 | trigger: 'focus'
18 | })
19 | });
20 |
21 | // Bootstrap Fixed Header
22 | $(function() {
23 | // Check to see if there is a bakcground class on loading
24 | if ($('.js-navbar-scroll').offset().top > 150) {
25 | $('.js-navbar-scroll').addClass('navbar-bg-onscroll');
26 | }
27 |
28 | // Check to add a background class on scrolling
29 | $(window).on('scroll', function() {
30 | var navbarOffset = $('.js-navbar-scroll').offset().top > 150;
31 | if(navbarOffset) {
32 | $('.js-navbar-scroll').addClass('navbar-bg-onscroll');
33 | }
34 | else {
35 | $('.js-navbar-scroll').removeClass('navbar-bg-onscroll');
36 | $('.js-navbar-scroll').addClass('navbar-bg-onscroll--fade');
37 | }
38 | });
39 | });
40 |
41 | // Scroll to (Section)
42 | $(function() {
43 | $('a[href*=#js-scroll-to-]:not([href=#js-scroll-to-])').on('click', function() {
44 | if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
45 | var target = $(this.hash);
46 | target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
47 | if (target.length) {
48 | $('html,body').animate({
49 | scrollTop: target.offset().top - 10
50 | }, 1000);
51 | return false;
52 | }
53 | }
54 | });
55 | });
56 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/header-demo.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Stream v1.0 (https://htmlstream.com)
3 | * Copyright Htmlstream
4 | * Licensed under MIT
5 | */
6 |
7 | (function($) {
8 | 'use strict';
9 |
10 | // Sticky Header
11 | $(function() {
12 | // Check to see if there is a bakcground class on loading
13 | if ($('#js-header-sticky').offset().top > 15) {
14 | $('#js-header-sticky').addClass('header__sticky');
15 | }
16 |
17 | // Check to add a background class on scrolling
18 | $(window).on('scroll', function() {
19 | if ($('#js-header-sticky').offset().top > 15) {
20 | $('#js-header-sticky').addClass('header__sticky');
21 | } else {
22 | $('#js-header-sticky').removeClass('header__sticky');
23 | }
24 | });
25 | });
26 |
27 | // Header Scroll
28 | $(function() {
29 | var $offset = 0;
30 | $offset = $(".fixed-top").height()-0;
31 |
32 | // jQuery for page scrolling feature - requires jQuery Easing plugin
33 | $('.js-nav-item').on('click', function(event) {
34 | var $position = $($(this).attr('href')).offset().top;
35 | $('html, body').stop().animate({
36 | scrollTop: $position - $offset
37 | }, 1000);
38 | event.preventDefault();
39 | });
40 |
41 | var $scrollspy = $('body').scrollspy({target: '.fixed-top', offset: $offset+2});
42 |
43 | // Overlay
44 | var overlay = $('.js-overlay-nav'),
45 | trigger = $('.js-trigger'),
46 | navItem = $('.js-nav-item'),
47 | sticky = $('.header__overlay-sticky');
48 |
49 | trigger.on('click', function() {
50 | trigger.toggleClass('-is-active');
51 | overlay.toggleClass('-is-open');
52 | sticky.toggleClass('-is-open');
53 | });
54 |
55 | // Collapse Navbar When It's Clickicked
56 | navItem.on('click', function() {
57 | $('.js-trigger').removeClass('-is-active');
58 | $('.js-overlay-nav').removeClass('-is-open');
59 | $('.header__overlay-sticky').removeClass('-is-open');
60 | });
61 | });
62 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/vendors/carousel.js:
--------------------------------------------------------------------------------
1 | (function($) {
2 | 'use strict';
3 |
4 | $(document).ready(function(){
5 | $('.js-clients').slick({
6 | autoplay: true,
7 | speed: 500,
8 | slidesToShow: 6,
9 | infinite: true,
10 | arrows: false,
11 | responsive: [
12 | {
13 | breakpoint: 1200,
14 | settings: {
15 | slidesToShow: 4,
16 | }
17 | },
18 | {
19 | breakpoint: 992,
20 | settings: {
21 | slidesToShow: 4,
22 | }
23 | },
24 | {
25 | breakpoint: 768,
26 | settings: {
27 | slidesToShow: 3,
28 | }
29 | },
30 | {
31 | breakpoint: 576,
32 | settings: {
33 | slidesToShow: 3,
34 | }
35 | },
36 | {
37 | breakpoint: 480,
38 | settings: {
39 | slidesToShow: 2,
40 | }
41 | }
42 | ]
43 | });
44 | });
45 |
46 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/vendors/counters.js:
--------------------------------------------------------------------------------
1 | (function($) {
2 | 'use strict';
3 |
4 | $(document).ready(function(){
5 | $('.js-counter').counterUp();
6 | });
7 |
8 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/vendors/magnific-popup.js:
--------------------------------------------------------------------------------
1 | (function($) {
2 | 'use strict';
3 |
4 | $(document).ready(function() {
5 | // Image popup - vertical fit
6 | $('.js-popup-image').magnificPopup({
7 | type: 'image',
8 | closeOnContentClick: true,
9 | mainClass: 'mfp-img-mobile',
10 | image: {
11 | verticalFit: true,
12 | }
13 | });
14 |
15 | // Popup gallery
16 | $('.js-popup-gallery').magnificPopup({
17 | type: 'image',
18 | mainClass: 'mfp-img-mobile',
19 | gallery: {
20 | enabled: true,
21 | navigateByImgClick: true,
22 | preload: [0, 1] // Will preload 0 - before current, and 1 after the current image
23 | },
24 | image: {
25 | tError: 'The image #%curr% could not be loaded.'
26 | }
27 | });
28 |
29 | // Multiple Galleries with a single popup
30 | $('.js-popup-multiple-image').magnificPopup({
31 | type: 'image',
32 | tLoading: 'Loading image #%curr%...',
33 | fixedContentPos: true,
34 | gallery: {
35 | enabled: true,
36 | navigateByImgClick: true,
37 | arrowMarkup: '',
38 | preload: [0,1], // Will preload 0 - before current, and 1 after the current image
39 | }
40 | });
41 |
42 | // Video iframes
43 | $('.js-popup-youtube, .js-popup-vimeo').magnificPopup({
44 | disableOn: 700,
45 | type: 'iframe',
46 | mainClass: 'mfp-fade',
47 | removalDelay: 160,
48 | preloader: false,
49 | fixedContentPos: true
50 | });
51 | });
52 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/vendors/masonry.js:
--------------------------------------------------------------------------------
1 | (function($) {
2 | 'use strict';
3 |
4 | $(document).ready(function(){
5 | var $container = $('#js-masonry');
6 | // initialize Masonry after all images have loaded
7 | $container.imagesLoaded( function() {
8 | $container.masonry({
9 | itemSelector: '.js-masonry-item', // use a separate class for itemSelector, other than .col-
10 | columnWidth: '#js-masonry-sizer',
11 | percentPosition: true
12 | });
13 | });
14 | $.fn.masonryImagesReveal = function( $items ) {
15 | var msnry = this.data('masonry');
16 | var itemSelector = msnry.options.itemSelector;
17 | // hide by default
18 | $items.hide();
19 | // append to container
20 | this.append( $items );
21 | $items.imagesLoaded().progress( function( imgLoad, image ) {
22 | // get item
23 | // image is imagesLoaded class, not ,
is image.img
24 | var $item = $( image.img ).parents( itemSelector );
25 | // un-hide item
26 | $item.show();
27 | // masonry does its thing
28 | msnry.appended( $item );
29 | });
30 | return this;
31 | };
32 | })
33 |
34 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/vendors/parallax.js:
--------------------------------------------------------------------------------
1 | (function($) {
2 | 'use strict';
3 |
4 | $(document).ready(function(){
5 | if (!(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) {
6 | $('.js-parallax').parallax("50%", .3);
7 | }
8 | })
9 |
10 | }(jQuery));
--------------------------------------------------------------------------------
/assets/js/vendors/shuffle.js:
--------------------------------------------------------------------------------
1 | var shuffleMe = (function( $ ) {
2 | 'use strict';
3 | var $grid = $('.js-shuffle'),
4 | $filterOptions = $('.js-shuffle-controls li'),
5 | $sizer = $grid.find('.shuffle_sizer'),
6 |
7 | init = function() {
8 | setTimeout(function() {
9 | listen();
10 | setupFilters();
11 | }, 100);
12 |
13 | $grid.shuffle({
14 | itemSelector: '[class*="col-"]',
15 | sizer: $sizer
16 | });
17 | },
18 |
19 | setupFilters = function() {
20 | var $btns = $filterOptions.children();
21 | $btns.on('click', function(e) {
22 | e.preventDefault();
23 | var $this = $(this),
24 | isActive = $this.hasClass( 'active' ),
25 | group = isActive ? 'all' : $this.data('group');
26 |
27 | if ( !isActive ) {
28 | $('.js-shuffle-controls li a').removeClass('active');
29 | }
30 |
31 | $this.toggleClass('active');
32 |
33 | $grid.shuffle('shuffle', group );
34 | });
35 |
36 | $btns = null;
37 | },
38 |
39 | listen = function() {
40 | var debouncedLayout = $.throttle( 300, function() {
41 | $grid.shuffle('update');
42 | });
43 |
44 | $grid.find('img').each(function() {
45 | var proxyImage;
46 |
47 | if ( this.complete && this.naturalWidth !== undefined ) {
48 | return;
49 | }
50 |
51 | proxyImage = new Image();
52 | $( proxyImage ).on('load', function() {
53 | $(this).off('load');
54 | debouncedLayout();
55 | });
56 |
57 | proxyImage.src = this.src;
58 | });
59 |
60 | setTimeout(function() {
61 | debouncedLayout();
62 | }, 500);
63 | };
64 |
65 | return {
66 | init: init
67 | };
68 | }( jQuery ));
69 |
70 | $(document).ready(function() {
71 | shuffleMe.init();
72 | });
--------------------------------------------------------------------------------
/assets/vendors/bootstrap/scss/_alert.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Base styles
3 | //
4 |
5 | .alert {
6 | position: relative;
7 | padding: $alert-padding-y $alert-padding-x;
8 | margin-bottom: $alert-margin-bottom;
9 | border: $alert-border-width solid transparent;
10 | @include border-radius($alert-border-radius);
11 | }
12 |
13 | // Headings for larger alerts
14 | .alert-heading {
15 | // Specified to prevent conflicts of changing $headings-color
16 | color: inherit;
17 | }
18 |
19 | // Provide class for links that match alerts
20 | .alert-link {
21 | font-weight: $alert-link-font-weight;
22 | }
23 |
24 |
25 | // Dismissible alerts
26 | //
27 | // Expand the right padding and account for the close button's positioning.
28 |
29 | .alert-dismissible {
30 | padding-right: ($close-font-size + $alert-padding-x * 2);
31 |
32 | // Adjust close link position
33 | .close {
34 | position: absolute;
35 | top: 0;
36 | right: 0;
37 | padding: $alert-padding-y $alert-padding-x;
38 | color: inherit;
39 | }
40 | }
41 |
42 |
43 | // Alternate styles
44 | //
45 | // Generate contextual modifier classes for colorizing the alert.
46 |
47 | @each $color, $value in $theme-colors {
48 | .alert-#{$color} {
49 | @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/assets/vendors/bootstrap/scss/_badge.scss:
--------------------------------------------------------------------------------
1 | // Base class
2 | //
3 | // Requires one of the contextual, color modifier classes for `color` and
4 | // `background-color`.
5 |
6 | .badge {
7 | display: inline-block;
8 | padding: $badge-padding-y $badge-padding-x;
9 | font-size: $badge-font-size;
10 | font-weight: $badge-font-weight;
11 | line-height: 1;
12 | text-align: center;
13 | white-space: nowrap;
14 | vertical-align: baseline;
15 | @include border-radius($badge-border-radius);
16 |
17 | // Empty badges collapse automatically
18 | &:empty {
19 | display: none;
20 | }
21 | }
22 |
23 | // Quick fix for badges in buttons
24 | .btn .badge {
25 | position: relative;
26 | top: -1px;
27 | }
28 |
29 | // Pill badges
30 | //
31 | // Make them extra rounded with a modifier to replace v3's badges.
32 |
33 | .badge-pill {
34 | padding-right: $badge-pill-padding-x;
35 | padding-left: $badge-pill-padding-x;
36 | @include border-radius($badge-pill-border-radius);
37 | }
38 |
39 | // Colors
40 | //
41 | // Contextual variations (linked badges get darker on :hover).
42 |
43 | @each $color, $value in $theme-colors {
44 | .badge-#{$color} {
45 | @include badge-variant($value);
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/assets/vendors/bootstrap/scss/_breadcrumb.scss:
--------------------------------------------------------------------------------
1 | .breadcrumb {
2 | display: flex;
3 | flex-wrap: wrap;
4 | padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5 | margin-bottom: $breadcrumb-margin-bottom;
6 | list-style: none;
7 | background-color: $breadcrumb-bg;
8 | @include border-radius($breadcrumb-border-radius);
9 | }
10 |
11 | .breadcrumb-item {
12 | // The separator between breadcrumbs (by default, a forward-slash: "/")
13 | + .breadcrumb-item {
14 | padding-left: $breadcrumb-item-padding;
15 |
16 | &::before {
17 | display: inline-block; // Suppress underlining of the separator in modern browsers
18 | padding-right: $breadcrumb-item-padding;
19 | color: $breadcrumb-divider-color;
20 | content: $breadcrumb-divider;
21 | }
22 | }
23 |
24 | // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
25 | // without `