├── LICENSE
├── README.md
├── bower.json
├── css
    ├── animate.min.css
    ├── demo.css
    ├── font-awesome.min.css
    └── style.css
├── default.html
├── fonts
    └── font-awesome
    │   ├── FontAwesome.otf
    │   ├── fontawesome-webfont.eot
    │   ├── fontawesome-webfont.svg
    │   ├── fontawesome-webfont.ttf
    │   └── fontawesome-webfont.woff
├── full-width.html
├── hand.html
├── images
    ├── 1.jpg
    ├── 2.jpg
    ├── 3.jpg
    ├── 4.jpg
    ├── down.png
    ├── hand-black.png
    ├── hand-white.png
    ├── img1.jpg
    ├── img2.jpg
    ├── img3.jpg
    ├── img4.jpg
    ├── img5.jpg
    ├── left.png
    ├── macbook.png
    ├── phone-black.png
    ├── phone-white.png
    ├── right.png
    ├── thumb1.jpg
    ├── thumb2.jpg
    ├── thumb3.jpg
    ├── thumb4.jpg
    ├── thumb5.jpg
    └── up.png
├── js
    ├── hammer.min.js
    ├── jquery-1.9.1.min.js
    ├── zenith.js
    ├── zenith.min.js
    └── zenith.min.js~
├── multi-1.html
├── multi-2.html
├── package.json
├── screen.html
├── slider.html
├── tabs.html
├── testimonials.html
└── thumbs.html


/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 Aleksej Vukomanovic
 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 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # zenith-slider
 2 | Responsive Slider jQuery Plugin that comes in 4 basic layouts. 4-th layout, or slider layout, has some variations of it’s own, producing 3 more pre-defined sub-layouts and unlimited possibilities of styling, editing and creating some of your own variations. 
 3 | 
 4 | <em>For detailed description, documentation and demos - go to <a href="http://themeflection.com/plug/responsive-slider-jquery-plugin/">Plugin Home</a></em>
 5 | 
 6 | If you are looking for Free wordrpess plugin go <a href="http://themeflection.com/plug/responsive-wordpress-slider/">here</a>
 7 | 
 8 | <h2>Quick Overview</h2>
 9 | <h3>Dependencies</h3>
10 | <h4>CSS</h4>
11 | 
12 | <pre><code>
13 | &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot; /&gt;
14 | &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/font-awesome.min.css&quot; /&gt;
15 | &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/animate.min.css&quot; /&gt;
16 | </code></pre>
17 | 
18 | <h4>jQuery</h4>
19 | 
20 | <pre><code>
21 | &lt;script src=&quot;js/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
22 | &lt;script src=&quot;js/zenith.js&quot;&gt;&lt;/script&gt;	
23 | </code></pre>
24 | 
25 | <h3>Initialization</h3>
26 | 
27 | <code>$('#element').zenith();</code>
28 | 
29 | <h5>Licensed under MIT license</h5>
30 | 


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "zenith",
 3 |   "version": "1.0",
 4 |   "homepage": "http://themeflection.com/plug/responsive-slider-jquery-plugin/",
 5 |   "license": "MIT",
 6 |   "main": [
 7 |     "js/zenith.min.js",
 8 |     "css/style.css",
 9 | 	"css/font-awesome.min.css",
10 | 	"css/animate.min.css"
11 |   ],
12 |   "keywords": [
13 |     "zenith",
14 |     "slider",
15 |     "content slider",
16 |     "responsive slider"
17 |   ],
18 |   "ignore": [
19 |     "**/.*",
20 |     "*.md"
21 |   ],
22 |   "dependencies": {
23 |     "jquery": ">=1.7"
24 |   }
25 | }
26 | 


--------------------------------------------------------------------------------
/css/animate.min.css:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";/*!
2 | Animate.css - http://daneden.me/animate
3 | Licensed under the MIT license - http://opensource.org/licenses/MIT
4 | Copyright (c) 2015 Daniel Eden
5 | */
6 | .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown; animation-duration: 0.4s; -webkit-animation-duration: 0.4s}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes bounceOut{20% {    -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);} 50%, 55% { opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3);}}@keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9);} 50%, 55% {opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 100% { opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}}.bounceOut {-webkit-animation-name: bounceOut; animation-name: bounceOut;}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.animated.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


--------------------------------------------------------------------------------
/css/demo.css:
--------------------------------------------------------------------------------
  1 | /* Main Style */
  2 | body {
  3 |   margin: 0;
  4 |   font-family: 'Lato', sans-serif;
  5 |   font-size: 16px;
  6 |   line-height: 20px;
  7 |   color: #333333;
  8 |   background-color: #eee;
  9 |   width: 100%;
 10 | }
 11 | h1, h2, h3, h4, h5, h6 {
 12 |   text-align: center;
 13 |   clear: both;
 14 |   font-weight: normal;
 15 |   line-height: 1;
 16 |   vertical-align: baseline;
 17 |   font-weight: 300; }
 18 | 
 19 | ol, ul {
 20 |   list-style: none; 
 21 | }
 22 | a:active, a:hover, a{text-decoration: none}
 23 | .clearfix:before,
 24 | .clearfix:after,
 25 | .row:before,
 26 | .row:after{
 27 |   display: table;
 28 |   content: " ";
 29 | }
 30 | .clearfix:after,
 31 | .row:after{
 32 |   clear:both;
 33 | }
 34 | p{
 35 |   color: #444;
 36 | }
 37 | code pre{
 38 |   box-shadow: inset 0 0 1px rgba(0,0,0,0.7);
 39 |   margin: 10px 15%;
 40 |   padding: 10px;
 41 |   border-radius: 7px;
 42 |   background: #e7e7e7;
 43 |   color: #444;
 44 |   font-size: 14px;
 45 |   line-height: 1.5;
 46 | }
 47 | nav{
 48 |   background: mediumslateblue;
 49 |   margin: 20px 0;
 50 |   text-align: center;
 51 | }
 52 | nav ul{
 53 |   list-style: none;
 54 |   padding-left: 0;
 55 |   z-index: 9999;
 56 | }
 57 | nav ul li{
 58 |   display: inline-block;
 59 |   position: relative;
 60 | }
 61 | nav ul li:after{
 62 |   background: #fff;
 63 |   width: 100%;
 64 |   height: 0;
 65 |   display: block;
 66 |   content: ' ';
 67 |   position: absolute;
 68 |   bottom: 0px;
 69 |   transition: all 0.40s ease;
 70 |   -webkit-transition: all 0.40s ease;  
 71 | }
 72 | nav ul li a{
 73 |   display: block;
 74 |   color: #fafafa;
 75 |   padding: 27px 10px;
 76 | }
 77 | nav ul li ul{
 78 |   position: absolute;
 79 |   width: 200px;
 80 |   left: -40px;
 81 |   background: skyblue;
 82 |   border-radius: 4px;
 83 |   box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
 84 |   padding: 15px;
 85 |   visibility: hidden;
 86 | }
 87 | nav ul li ul:after{
 88 |   content: ' ';
 89 |   position: absolute;
 90 |   top: -9px;
 91 |   left: 35px;
 92 |   border-color: skyblue transparent;
 93 |   border-style: solid;
 94 |   border-width: 0 15px 10px;
 95 | }
 96 | nav ul li:hover:after{
 97 |   height: 6px;
 98 | }
 99 | nav ul li:hover ul{
100 |   animation: fadeUp 0.30s linear;
101 |   -webkit-animation: fadeUp 0.30s linear;
102 |   visibility: visible;
103 | }
104 | nav ul li ul li a{
105 |   padding: 10px 0;
106 | }
107 | nav ul li ul li:hover:after{
108 |   height: 2px;
109 | }
110 | .tf_slide:nth-child(1){
111 |   background: palegoldenrod;
112 | }
113 | .tf_slide:nth-child(2){
114 |   background: indianred;
115 | }
116 | .tf_slide:nth-child(3){
117 |   background: olive;
118 | }
119 | .tf_slide:nth-child(4){
120 |   background: aliceblue;
121 | }
122 | .tf_slide:nth-child(5){
123 |   background: darkkhaki;
124 | }
125 | .tf_slide:nth-child(6){
126 |   background: skyblue;
127 | }
128 | .tf_slide:nth-child(7){
129 |   background: orange;
130 | }
131 | footer{
132 |   background: mediumslateblue;
133 |   color: #fafafa;
134 |   padding: 25px 0 ;
135 |   text-align: center;
136 | }
137 | .src{
138 |   margin: 60px 0;
139 | }
140 | @keyframes fadeUp{
141 |   0%{transform: translateY(20%);}
142 |   100%{transform: translateY(0); visibility: visible}
143 | }
144 | @-webkit-keyframes fadeUp{
145 |   0%{-webkit-transform: translateY(20%);}
146 |   100%{-webkit-transform: translateY(0); visibility: visible}
147 | }


--------------------------------------------------------------------------------
/css/font-awesome.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
3 |  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4 |  */
5 |  @font-face{font-family:'FontAwesome';src:url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts//font-awesome/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts//font-awesome/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts//font-awesome/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts//font-awesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
6 | 
7 |  


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | Plugin: Zenith 
  3 | Author: ALeksej Vukomanovic
  4 | Version: 1.0
  5 | */
  6 | 
  7 | * { box-sizing: border-box; }
  8 | .zenith_slider:before,
  9 | .zenith_slider:after,
 10 | .row:before,
 11 | .row:after{
 12 |   display: table;
 13 |   content: " ";
 14 | }
 15 | .zenith_slider:after,
 16 | .row:after{
 17 |   clear:both;
 18 | }
 19 | .zenith_slider { padding: 3.6% 0;  padding-left: 15px; padding-right: 15px;}
 20 | .zenith_slider .row{z-index: 2; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 31.777777%; margin-right: -15px; margin-left: -15px;}
 21 | .zenith_slider ul {list-style: none;  z-index: 2;}
 22 | .highlight h3 {position: relative; margin-top: 10px; display: inline-block; font-family : "Helvetica", serif; font-size: 17px; vertical-align: middle; font-weight: bold; max-width: 70%;}
 23 | .highlight h3:after{content: ' '; display: block; position: absolute; bottom: -50%; width: 0; left: 40%; margin: 0 20%; height: 2px; background: crimson; visibility: hidden; transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease;}
 24 | .highlight.active h3:after{width: 60%; left:0; visibility: visible;}
 25 | .highlight { cursor: pointer; margin-bottom: 50px;}
 26 | .highlight p { text-align: justify; margin-top: 0;}
 27 | .highlight span { text-align: center; display: inline-block; vertical-align: top; padding: 10px 12px; background: rgba(9,16,26,0.85);border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%); -moz-background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%); -webkit-background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%); -o-background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%);transition: color 0.5s ease-in; -webkit-transition: color 0.5s ease-in; -ms-transition: color 0.5s ease-in; -moz-transition: color 0.5s ease-in; -o-transition: color 0.5s ease-in;}
 28 | .highlight-title {text-align: center; text-transform: uppercase; width: 105%}
 29 | .highlights-phone{ width: 40%;height: 600px; float: left;}
 30 | .phone-holder{  display: block; height: 520px; position: relative;  top: 40px; left: 19px; width: 258px; margin: auto; overflow: hidden}
 31 | #fon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/phone-black.png) center top no-repeat; background-position-x: -27px; z-index: 2; overflow: hidden;}
 32 | .highlights-phone.wht .phone-holder #fon{background: url(../images/phone-white.png) center top no-repeat; background-position-x: -27px;}
 33 | .hgi{position: absolute; top: 58px; left: 12px; width: 235px;height: 400px; visibility: hidden;}
 34 | .hgi img{width: 100%;height: 400px;}
 35 | .highlights-phone.wht .hgi{top: 52px;}
 36 | .hgi.active{visibility: visible;}
 37 | .right-row {padding-right: 0; float: right;}
 38 | .left-row{float: left; margin-right: 0;}
 39 | .left-row .highlight-title{text-align: right;}
 40 | .left-row .highlight-title span{right: -8px;}
 41 | .right-row .highlight-title span{left: -8px;}
 42 | .right-row .highlight-title{ text-align: left;}
 43 | .right-row ul {padding: 0 40px 0 0;}
 44 | .left-row p {padding-right: 18%;}
 45 | .right-row p {padding-left: 18%;}
 46 | .highlight-title span{position: relative; z-index: 1;}
 47 | .highlight-title .fa{color: #FFFFF0; font-size: 40px; width: 64px; height: 64px; text-align: center; vertical-align: middle;}
 48 | .highlight-title .fa:before{margin: 3px 0; display: block}
 49 | .highlight-title span {background: cornflowerblue;-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
 50 | .highlight-title span:after {top: 0;left: 0;padding: 0;z-index: -1;box-shadow: inset 0 0 0 2px rgba(9,16,26,0.76);opacity: 0; -webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);pointer-events: none;position: absolute;width: 100%;height: 100%;content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
 51 | .highlight.active .highlight-title span {background: crimson; webkit-transform: scale(0.93);-moz-transform: scale(0.93);-ms-transform: scale(0.93);transform: scale(0.93);}
 52 | .highlight:hover .highlight-title span:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms;-moz-animation: sonarEffect 1.3s ease-out 75ms;animation: sonarEffect 1.3s ease-out 75ms;}
 53 | /*==============================================
 54 |               SECOND LAYOUT
 55 | ===============================================*/
 56 | .zenith_slider.hand .phone-hand{position: relative; width: 490px; height: 704px; display: inline-block; background: url(../images/hand-black.png) no-repeat; background-size: cover; }              
 57 | .zenith_slider.hand .highlights, .zenith_slider.hand .phone-hand{vertical-align: top}
 58 | .zenith_slider.hand .highlights{display: inline-block; width: 40%; margin-top: -30px;}
 59 | .zenith_slider.hand .highlights ul{max-width: 370px;}
 60 | .zenith_slider.hand .row{width: 95%; margin: auto; text-align: center;}
 61 | .zenith_slider.hand .highlight-title{text-align: right; }
 62 | .zenith_slider.hand .highlight-title .fa{right: -8px;}
 63 | .zenith_slider.hand .highlight p {padding-right: 18%;}
 64 | .zenith_slider.hand .highlight{position: relative;}
 65 | .zenith_slider.hand #inner-screen{position: absolute;top: 57px;left: 71px;width: 190px; height: 340px; overflow: hidden; z-index: 2}
 66 | .zenith_slider.hand .hgi{top: 0;left: 0;width: 100%; height: 100%;}
 67 | .zenith_slider.hand .hgi img{width: 190px; height: 340px;}
 68 | /*==============================================
 69 |               THIRD LAYOUT
 70 | ===============================================*/
 71 | #mac-book{position: relative; width: 800px; max-width: 60%; background: url(../images/macbook.png) center no-repeat; background-size: contain;}
 72 | #mac-screen{position: absolute;top: 13%;width: 70.7%;height: 69.5%;max-width: 100%;margin: auto;left: 14.8%; overflow: hidden;}
 73 | #mac-screen .hgi{top: 0;left: 0;width: 100%;height: 100%; padding-bottom: 2.76%;}
 74 | #mac-screen .hgi img{width: 100%;height: 100%;}
 75 | .highlights-cta{width: 37%; margin-left: 20px;}
 76 | .highlights-cta, #mac-book{display: inline-block; vertical-align: middle}
 77 | #left, #right{position: absolute; display: block; top: 50%; margin-top: -16px; width: 32px; height: 32px; visibility: hidden; z-index: 99; }
 78 | #left{background: url(../images/left.png) center no-repeat; left: 0px;}
 79 | #right{background: url(../images/right.png) center no-repeat; right: 0;}
 80 | #mac-screen #left{visibility: hidden; left: 0;}
 81 | #mac-screen #right{visibility: hidden; right: 0;}
 82 | #left:hover, #right:hover, #bullet-navs:hover{cursor: pointer;}
 83 | .ratio{padding-bottom: 66.66%;position: relative;}
 84 | #mac-screen:hover{cursor: pointer;}
 85 | #mac-screen:hover #left, #mac-screen:hover #right, .tf_container:hover #left, .tf_container:hover #right{animation: arrows 0.6s ease; -webkit-animation: arrows 0.6s ease; visibility: visible;}
 86 | #bullet-navs{width: 90%;height: 12px;position: absolute;bottom: 6px;margin: 0 5%;text-align: center;}
 87 | #bullet-navs ul{list-style: none;padding: 0;margin: 0;}
 88 | #bullet-navs ul li{display: inline-block; margin: 0 1.5px;}
 89 | #bullet-navs ul li span{display: block; width: 10px; height: 10px; background: #e7e7e7; border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 0px 0px 1px; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 0px 0px 1px; transition: background 0.2s; -webkit-transition: background 0.2s;}
 90 | #bullet-navs ul li.active span{background: cornflowerblue;}
 91 | #mac-screen.ovrl:after{width: 100%; height: 96.5%; content: ' '; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.65); visibility: hidden; transition: all 0.45s ease; -webkit-transition: all 0.45s ease; transform: scale(1,1); -webkit-transform: scale(0,0);}
 92 | #mac-screen:hover{cursor: move;}
 93 | #mac-screen.ovrl:hover:after{visibility: visible; transform: scale(1,1); -webkit-transform: scale(1,1);}
 94 | .tf_slider.vertical #mac-screen{height: 67.5%;}
 95 | .tf_slider.vertical #mac-screen .hgi {padding-bottom: 0}
 96 | .tf_slider.vertical #bullet-navs{height: 90%; width: 12px; bottom: 0; right: 0; margin: 5% 0;}
 97 | .tf_slider.vertical #bullet-navs ul{direction: vertical}
 98 | .tf_slider.vertical #bullet-navs ul li{margin: 1.5px 0;}
 99 | .tf_slider.vertical #right{bottom: 0px;  top: auto; background: url(../images/down.png) center no-repeat; transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 0}
100 | .tf_slider.vertical #left{top: 0; bottom: auto; background: url(../images/up.png) center no-repeat; transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0}
101 | .tf_slider.vertical #left, .tf_slider.vertical #right{left: 50%; margin: 0; margin-left: -16px; transition: 0.6s ease; -webkit-transition: 0.6s ease;}
102 | .tf_slider.vertical #mac-screen:hover #right, .tf_slider.vertical #mac-screen:hover #left,
103 | .tf_slider.vertical .tf_container:hover #right, .tf_slider.vertical .tf_container:hover #left{animation: none; -webkit-animation: none; transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
104 | /*==============================================
105 |               FOURTH LAYOUT
106 | ===============================================*/
107 | .tf_slider{width: 100%; margin: 45px 0; position: relative;}
108 | .tf_slide img{ width: 100%; height: 100%;}
109 | .tf_container{max-width: 100%; margin: auto; position: relative; height: auto; overflow: hidden; height: auto; text-align: center;}
110 | .tf_container .tf_slide{position: absolute; top: 0; left: 0;}
111 | .tf_container:hover{cursor: move;}
112 | .tf_slide{visibility: hidden; width: 100%;}
113 | .tf_slide.active{visibility: visible;}
114 | #tf_thumbs{height: auto; position: absolute;bottom: 0px; padding: 0 0.5%; padding-top: 2px; width: 100%; background: rgba(0,0,0,0.43); line-height: 20px}
115 | #tf_thumbs.no-bg{background: transparent}
116 | blockquote{position: relative; color: #444; font-style: italic; text-shadow: none; width: 45%; margin: auto; display: block;}
117 | blockquote:before{content:"\201C"; position: absolute; top: 0px; left: -25px; color: steelblue; font-size: 72px; font-style: normal; font-family: 'Georgia', 'sans-serif';}
118 | blockquote span.client{display: block; width:95%; margin: auto; text-align: center; margin-top: 35px;}
119 | blockquote .client .name, blockquote .client .title {color: #999; font-style: normal; display: inline-block; margin: 0 5px;}
120 | blockquote .client .name{font-weight: 600; position: relative;}
121 | blockquote .client .name:after{content: ' / '; position: absolute; top:0; right: -10px; color: #333; }
122 | blockquote .client .title{font-weight: normal; font-size: 0.9em; }
123 | #tf_thumbs.center{text-align: center;}
124 | #tf_thumbs.left{text-align: left;}
125 | #tf_thumbs.right{text-align: right;}
126 | #tf_thumbs.show{visibility: hidden;}
127 | #tf_thumbs.top{top:0; bottom: auto;}
128 | #tf_thumbs.nov{background: transparent;}
129 | .tf_container:hover #tf_thumbs.show{animation: arrows 0.6s ease; -webkit-animation: arrows 0.6s ease; visibility: visible;}
130 | #tf_thumbs .tf_thumb{display: inline-block; margin: 0 1.5px; border: 2px solid cornflowerblue; opacity: 0.5; box-shadow: 0 0 1px;}
131 | #tf_thumbs .tf_thumb.active{border-color: indianred; opacity: 1;}
132 | .tf_thumb {width: 92px; height: 92px; line-height: 1}
133 | .tf_thumb img{max-width: 100%; height: 100%;}
134 | .tf_thumb:hover{cursor: pointer; border-color: indianred;}
135 | .tf_slider.vertical #tf_thumbs{width: auto!important; height: 100%!important; direction: vertical}
136 | .tf_slider.vertical #tf_thumbs .tf_thumb{display: block; margin: 3px 0;}
137 | /*=====================================
138 |             SLIDER STYLE
139 | =====================================*/
140 | .tf_container.shadow{box-shadow: 0 0 3px; -webkit-box-shadow: 0 0 3px;}
141 | .tf_container.border{border: 7px double #929292;}
142 | .tf_container.frame{border: 10px ridge #777;}
143 | .tf_layer{opacity: 0;}
144 | 
145 | .animated {
146 |   -webkit-animation-duration: 0.5s;
147 |   animation-duration: 0.5s;
148 |   -webkit-animation-fill-mode: both;
149 |   animation-fill-mode: both;
150 | }
151 | 
152 | @-webkit-keyframes arrows {
153 |   0% {
154 |     -webkit-transform: translate3d(0, 100%, 0);
155 |     transform: translate3d(0, 100%, 0);
156 |     opacity: 0;
157 |   }
158 |   100% {
159 |     -webkit-transform: none;
160 |     transform: none;
161 |     opacity: 1;
162 |   }
163 | }
164 | 
165 | @keyframes arrows {
166 |   0% {
167 |     -webkit-transform: translate3d(0, 100%, 0);
168 |     transform: translate3d(0, 100%, 0);
169 |     opacity: 0;
170 |   }
171 |   100% {
172 |     -webkit-transform: none;
173 |     transform: none;
174 |     opacity: 1;
175 |   }
176 | }
177 | 
178 | 
179 | @media only screen and (max-width: 360px) {
180 |   .highlight, .zenith-small .highlight {
181 |     float: none;
182 |     width: 100%;
183 |   }
184 | }
185 | 
186 | @media only screen and (max-width: 490px){
187 |    .zenith_slider .row, .zenith-small .row {
188 |       margin: auto;
189 |       float: none;
190 |       width: 90%;
191 |      }
192 |     .highlight h3, .zenith-small .highlight h3 {
193 |         max-width: 70%;
194 |     }
195 | }
196 | @media only screen and (max-width: 880px){
197 |   .zenith_slider .row, .zenith-medium .row{
198 |     display: block; 
199 |     width: 90%; 
200 |     margin: auto;
201 |   }
202 |   .highlights-phone, .zenith-medium .highlights-phone{ 
203 |     float: none;
204 |     width: 70%;
205 |     margin: auto;}
206 |   }
207 |   .highlight h3, .zenith-medium .highlight h3{
208 |     max-width: 60%;
209 |   }
210 |   .tf_thumb, .zenith-medium .tf_thumb{width: 65px; height: 65px;}
211 | }
212 | @media only screen and (max-width: 1100px){
213 |     .highlights-phone{ 
214 |       float: none;
215 |       width: 70%;
216 |       margin: auto;
217 |      }
218 |      .highlight h3{
219 |        max-width: 67%;
220 |      }
221 | }
222 | @media only screen and (min-width: 880px){
223 |     .tf_thumb, .zenith-medium .tf_thumb{width: 92px; height: 92px;}
224 | }
225 | @media only screen and (min-width: 1200px){
226 |      .zenith_slider {
227 |        padding-left: 0;
228 |        padding-right: 0;
229 |      }
230 |      .tf_thumb{width: 108px; height: 108px;}
231 | }
232 | @media only screen and (min-width: 1600px) {
233 |     .highlight h3{max-width: 89%;}
234 | }
235 | @media only screen and (min-width: 1660px) and (max-width: 1760px) {
236 |     .zenith_slider {
237 |        padding-left: 7%;
238 |        padding-right: 7%;
239 |     }
240 | }
241 | @media only screen and (min-width: 1760px){
242 |  
243 |   .zenith_slider {
244 |     padding-left: 7%;
245 |     padding-right: 7%;
246 |   }
247 | }


--------------------------------------------------------------------------------
/default.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Default Layout</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukpomanovic. All Rights Reserved." />
  9 |   <meta name="robots" content="noindex,follow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | 
 17 | </head>
 18 | 
 19 | <body>
 20 |    
 21 |  <nav>
 22 |     <ul>
 23 |       <li class="active"><a href="default.html">Default Layout</a></li>
 24 |       <li><a href="hand.html">Hand Layout</a></li>
 25 |       <li><a href="screen.html">Screen Layout</a></li>
 26 |       <li>
 27 |           <a href="#">Slider Layout</a>
 28 |           <ul>
 29 |             <li><a href="slider.html">Regular Slider</a></li>
 30 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 31 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 32 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 33 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 34 |           </ul>
 35 |       </li>
 36 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 37 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 38 |     </ul>
 39 |  </nav>  
 40 | 
 41 |  <section id="default" class="clearfix zenith_slider">
 42 |                   
 43 |     <!--The First row-->  
 44 |     <div class="row left-row">
 45 | 
 46 |        <ul>
 47 |             
 48 |           <li class="highlight lhgh" data-index="0">
 49 | 
 50 |               <div class="highlight-title">
 51 |                 <h3>Easily Customized</h3>
 52 |                 <span class="fa fa-cogs fa-2x" ></span>
 53 |               </div><!-- .highlight-title --> 
 54 | 
 55 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 56 | 
 57 |           </li><!-- .highlight .left-row -->
 58 | 
 59 |           <li class="highlight lhgh" data-index="1">
 60 | 
 61 |               <div class="highlight-title">
 62 |                 <h3>Crafted with love</h3>
 63 |                 <span class="fa fa-heart-o fa-2x" ></span>
 64 |               </div><!-- .highlight-title --> 
 65 | 
 66 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 67 | 
 68 |           </li><!-- .highlight .left-row -->
 69 | 
 70 |           <li class="highlight lhgh" data-index="2">
 71 | 
 72 |               <div class="highlight-title">
 73 |                 <h3>User Friendly</h3>
 74 |                 <span class="fa fa-user fa-2x" ></span>
 75 |               </div><!-- .highlight-title --> 
 76 | 
 77 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 78 | 
 79 |           </li><!-- .highlight .left-row -->
 80 |     
 81 |        </ul>
 82 | 
 83 |     </div><!-- .row .left-row -->
 84 |   
 85 |     <div class="highlights-phone col-md-4 col-xs-12 wht">
 86 |       
 87 |         <div class="phone-holder">
 88 | 
 89 |            <div id="fon"></div>
 90 | 
 91 |            <div class="hgh-linner hgi" data-index="0">
 92 |                 <img width="190" height="320" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen.png" class="attachment-highlight wp-post-image" alt="screen" />    
 93 |             </div>
 94 | 
 95 |             <div class="hgh-linner hgi" data-index="1">
 96 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screensdst-234x398.jpg" class="attachment-highlight wp-post-image" alt="screensdst" />    
 97 |             </div>
 98 | 
 99 |             <div class="hgh-linner hgi" data-index="2">
100 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_09-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_09" />    
101 |             </div>
102 | 
103 |             <div class="hgh-rinner hgi" data-index="3">
104 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_07-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_07" />    
105 |             </div>
106 | 
107 |             <div class="hgh-rinner hgi" data-index="4">
108 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_08-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_08" />    
109 |             </div>
110 | 
111 |             <div class="hgh-rinner hgi" data-index="5">
112 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_06-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_06" />    
113 |             </div>
114 |           
115 |         </div>
116 | 
117 |     </div>
118 | 
119 |     <!--The Second row-->
120 |     <div class="row col-md-4 col-xs-8 right-row">
121 | 
122 |        <ul>
123 | 
124 |           <li class="highlight rhgh" data-index="3">
125 | 
126 |               <div class="highlight-title">
127 |                 <span class="fa fa-desktop fa-2x" ></span>
128 |                 <h3>Fully Responsive</h3>
129 |               </div><!-- .highlight-title --> 
130 | 
131 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
132 | 
133 |           </li><!-- .highlight .left-row -->
134 | 
135 |           <li class="highlight rhgh" data-index="4">
136 | 
137 |               <div class="highlight-title">
138 |                 <span class="fa fa-home fa-2x" ></span>
139 |                 <h3>2 Homepage layouts</h3>
140 |               </div><!-- .highlight-title --> 
141 | 
142 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
143 | 
144 |           </li><!-- .highlight .left-row -->
145 | 
146 |           <li class="highlight rhgh" data-index="5">
147 | 
148 |               <div class="highlight-title">
149 |                 <span class="fa fa-users fa-2x" ></span>
150 |                 <h3>Great Support</h3>
151 |               </div><!-- .highlight-title --> 
152 | 
153 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
154 | 
155 |           </li><!-- .highlight .left-row -->
156 |        
157 |       </ul>
158 | 
159 |     </div><!-- .row .left-row -->
160 |   
161 |   </section><!--Highlights close-->
162 | 
163 |    <div class="src">
164 |         <h4>Init</h4>
165 |         <code><pre>
166 |         $('#default').zenith({
167 |               layout: 'default' , 
168 |               slideSpeed: 450, 
169 |               autoplaySpeed: 2000
170 |         });
171 |         </pre></code>
172 |     </div>    
173 | 
174 |     <footer>
175 |       Copyright &copy; themeflection.com All rights reserved 
176 |     </footer> 
177 | 
178 | 
179 | 
180 | <script src="js/jquery-1.9.1.min.js"></script>
181 | <script src="js/zenith.js"></script>
182 | <script type="text/javascript">
183 |       $('#default').zenith({
184 |           layout: 'default' , 
185 |           slideSpeed: 450, 
186 |           autoplaySpeed: 2000
187 |       });
188 | </script>
189 | 
190 | </body>


--------------------------------------------------------------------------------
/fonts/font-awesome/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/fonts/font-awesome/FontAwesome.otf


--------------------------------------------------------------------------------
/fonts/font-awesome/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/fonts/font-awesome/fontawesome-webfont.eot


--------------------------------------------------------------------------------
/fonts/font-awesome/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/fonts/font-awesome/fontawesome-webfont.ttf


--------------------------------------------------------------------------------
/fonts/font-awesome/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/fonts/font-awesome/fontawesome-webfont.woff


--------------------------------------------------------------------------------
/full-width.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <head>
 3 | 
 4 | <title>Zenith | Slider Layout</title>
 5 | <meta name="author" content="Aleksej Vukomanovic" />
 6 | <meta name="contact" content="aleksejvu@gmail.com" />
 7 | <meta name="copyright" content="Copyright (c)2015 -
 8 |  Aleksej Vukomanovic. All Rights Reserved." />
 9 |   <meta name="robots" content="noindex,follow" />
10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
16 | <style type="text/css">
17 |    p{padding:20px; text-align: justify;}
18 |    .tf_container .tf_slide{width: 100%; height: 470px; text-align: center; font-size: 1.89em; padding-top: 160px; color: #555; text-shadow: 1px 2px 1px black;}
19 | </style>
20 |     
21 | </head>
22 | 
23 | <body>
24 | 
25 |     <section id="s" class="clearfix tf_slider">       
26 |               
27 |             <div class="tf_container">
28 |                 <div class="tf_slide">Item 1</div>  
29 |                 <div class="tf_slide">Item 2</div> 
30 |                 <div class="tf_slide">Item 3</div> 
31 |                 <div class="tf_slide">Item 4</div> 
32 |                 <div class="tf_slide">Item 5</div> 
33 |                 <div class="tf_slide">Item 6</div> 
34 |                 <div class="tf_slide">Item 7</div> 
35 |            
36 |                 <span id="left"></span>
37 |                 <span id="right"></span>
38 |                 <div id="bullet-navs"></div>
39 |             </div>    
40 | 
41 |     </section><!--Highlights close-->
42 | 
43 |     <nav>
44 |     <ul>
45 |       <li><a href="default.html">Default Layout</a></li>
46 |       <li><a href="hand.html">Hand Layout</a></li>
47 |       <li><a href="screen.html">Screen Layout</a></li>
48 |       <li class="active">
49 |           <a href="#">Slider Layout</a>
50 |           <ul>
51 |             <li><a href="slider.html">Regular Slider</a></li>
52 |             <li><a href="full-width.html">Full-Width Slider</a></li>
53 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
54 |             <li><a href="tabs.html">Slider with Tabs</a></li>
55 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
56 |           </ul>
57 |       </li>
58 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
59 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
60 |     </ul>
61 |  </nav>  
62 | 
63 |     <div class="src">
64 |         <h4>Init</h4>
65 |         <code><pre>
66 |            $('#s').zenith({
67 |                layout: 'slider', 
68 |                animation: 'Zoom',
69 |                slideSpeed: 750,
70 |                fullWidth: true
71 |            });
72 |         </pre></code>
73 |     </div>    
74 | 
75 |     <footer>
76 |       Copyright &copy; themeflection.com All rights reserved 
77 |     </footer>    
78 | 
79 | 
80 | <script src="js/jquery-1.9.1.min.js"></script>
81 | <script src="js/zenith.js"></script>
82 | <script type="text/javascript">
83 |       $('#s').zenith({
84 |           layout: 'slider', 
85 |           animation: 'Zoom',
86 |           fullWidth: true,
87 |           slideSpeed: 750
88 |       });
89 | 
90 | </script>
91 | 
92 | </body>


--------------------------------------------------------------------------------
/hand.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Hand Layout</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukpomanovic. All Rights Reserved." />
  9 |   <meta name="robots" content="noindex,follow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | 
 17 | </head>
 18 | 
 19 | <body>
 20 | 
 21 | <nav>
 22 |     <ul>
 23 |       <li><a href="default.html">Default Layout</a></li>
 24 |       <li class="active"><a href="hand.html">Hand Layout</a></li>
 25 |       <li><a href="screen.html">Screen Layout</a></li>
 26 |       <li>
 27 |           <a href="#">Slider Layout</a>
 28 |           <ul>
 29 |             <li><a href="slider.html">Regular Slider</a></li>
 30 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 31 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 32 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 33 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 34 |           </ul>
 35 |       </li>
 36 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 37 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 38 |     </ul>
 39 |  </nav>  
 40 | 
 41 |   <section id="some-id" class="hand zenith_slider">
 42 | 
 43 |         <div class="row">
 44 | 
 45 |             <div class="highlights">
 46 | 
 47 |                 <ul class="block" data-move-x="-150px">
 48 | 
 49 |                   <li class="highlight lhgh" data-index="0">
 50 |                     <div class="highlight-title">
 51 |                       <h3>Easily Customized</h3>
 52 |                       <span class="fa fa-cogs fa-2x" ></span>
 53 |                     </div><!-- .highlight-title --> 
 54 | 
 55 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 56 | 
 57 |                   </li><!-- .highlight .left-row -->
 58 | 
 59 |                   <li class="highlight lhgh" data-index="1">
 60 |                     <div class="highlight-title">
 61 |                       <h3>Crafted with love</h3>
 62 |                       <span class="fa fa-heart-o fa-2x" ></span>
 63 |                     </div><!-- .highlight-title --> 
 64 | 
 65 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 66 | 
 67 |                   </li><!-- .highlight .left-row -->
 68 | 
 69 |                   <li class="highlight lhgh" data-index="2">
 70 | 
 71 |                     <div class="highlight-title">
 72 |                       <h3>User Friendly</h3>
 73 |                       <span class="fa fa-user fa-2x" ></span>
 74 |                     </div><!-- .highlight-title --> 
 75 | 
 76 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 77 | 
 78 |                   </li><!-- .highlight .left-row -->
 79 | 
 80 |                   <li class="highlight lhgh" data-index="3">
 81 | 
 82 |                     <div class="highlight-title">
 83 |                       <h3>Fully Responsive</h3>
 84 |                       <span class="fa fa-desktop fa-2x
 85 |                       " ></span>
 86 |                     </div><!-- .highlight-title --> 
 87 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 88 | 
 89 |                   </li><!-- .highlight .left-row -->
 90 |                   
 91 |                 </ul>
 92 | 
 93 |             </div>
 94 | 
 95 |             <div class="phone-hand">
 96 | 
 97 |                 <div id="inner-screen">  
 98 | 
 99 |                    <div class="hgi" data-index="0">
100 |                      <img width="190" height="320" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen.png" class="attachment-highlight wp-post-image" alt="screen" />    
101 |                    </div>
102 | 
103 |                    <div class="hgi" data-index="1">
104 |                      <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screensdst-234x398.jpg" class="attachment-highlight wp-post-image" alt="screensdst" />    
105 |                    </div>
106 | 
107 |                    <div class="hgi" data-index="2">
108 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_09-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_09" /> 
109 |                    </div>
110 | 
111 |                    <div class="hgi" data-index="3">
112 |                      <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_07-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_07" />    
113 |                    </div>
114 | 
115 |                 </div>
116 | 
117 |             </div>    
118 | 
119 |         </div>
120 | 
121 |   </section>
122 | 
123 |   <div class="src">
124 |         <h4>Init</h4>
125 |         <code><pre>
126 |         $('#some-id').zenith({
127 |             layout: 'hand', 
128 |             slideSpeed : 400
129 |         });
130 |         </pre></code>
131 |     </div>    
132 | 
133 |     <footer>
134 |       Copyright &copy; themeflection.com All rights reserved 
135 |     </footer>
136 | 
137 | 
138 | <script src="js/jquery-1.9.1.min.js"></script>
139 | <script src="js/zenith.js"></script>
140 | <script type="text/javascript">
141 |       $('#some-id').zenith({
142 |           layout: 'hand', 
143 |           slideSpeed : 400
144 |       });
145 | </script>
146 | 
147 | </body>


--------------------------------------------------------------------------------
/images/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/1.jpg


--------------------------------------------------------------------------------
/images/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/2.jpg


--------------------------------------------------------------------------------
/images/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/3.jpg


--------------------------------------------------------------------------------
/images/4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/4.jpg


--------------------------------------------------------------------------------
/images/down.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/down.png


--------------------------------------------------------------------------------
/images/hand-black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/hand-black.png


--------------------------------------------------------------------------------
/images/hand-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/hand-white.png


--------------------------------------------------------------------------------
/images/img1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/img1.jpg


--------------------------------------------------------------------------------
/images/img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/img2.jpg


--------------------------------------------------------------------------------
/images/img3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/img3.jpg


--------------------------------------------------------------------------------
/images/img4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/img4.jpg


--------------------------------------------------------------------------------
/images/img5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/img5.jpg


--------------------------------------------------------------------------------
/images/left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/left.png


--------------------------------------------------------------------------------
/images/macbook.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/macbook.png


--------------------------------------------------------------------------------
/images/phone-black.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/phone-black.png


--------------------------------------------------------------------------------
/images/phone-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/phone-white.png


--------------------------------------------------------------------------------
/images/right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/right.png


--------------------------------------------------------------------------------
/images/thumb1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/thumb1.jpg


--------------------------------------------------------------------------------
/images/thumb2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/thumb2.jpg


--------------------------------------------------------------------------------
/images/thumb3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/thumb3.jpg


--------------------------------------------------------------------------------
/images/thumb4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/thumb4.jpg


--------------------------------------------------------------------------------
/images/thumb5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/thumb5.jpg


--------------------------------------------------------------------------------
/images/up.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/zutigrm/zenith-slider/c87b6bee2f5494ac27326b43cec84e2890df6720/images/up.png


--------------------------------------------------------------------------------
/js/hammer.min.js:
--------------------------------------------------------------------------------
1 | /*! Hammer.JS - v2.0.4 - 2014-09-28
2 |  * http://hammerjs.github.io/
3 |  *
4 |  * Copyright (c) 2014 Jorik Tangelder;
5 |  * Licensed under the MIT license */
6 | !function(a,b,c,d){"use strict";function e(a,b,c){return setTimeout(k(a,c),b)}function f(a,b,c){return Array.isArray(a)?(g(a,c[b],c),!0):!1}function g(a,b,c){var e;if(a)if(a.forEach)a.forEach(b,c);else if(a.length!==d)for(e=0;e<a.length;)b.call(c,a[e],e,a),e++;else for(e in a)a.hasOwnProperty(e)&&b.call(c,a[e],e,a)}function h(a,b,c){for(var e=Object.keys(b),f=0;f<e.length;)(!c||c&&a[e[f]]===d)&&(a[e[f]]=b[e[f]]),f++;return a}function i(a,b){return h(a,b,!0)}function j(a,b,c){var d,e=b.prototype;d=a.prototype=Object.create(e),d.constructor=a,d._super=e,c&&h(d,c)}function k(a,b){return function(){return a.apply(b,arguments)}}function l(a,b){return typeof a==kb?a.apply(b?b[0]||d:d,b):a}function m(a,b){return a===d?b:a}function n(a,b,c){g(r(b),function(b){a.addEventListener(b,c,!1)})}function o(a,b,c){g(r(b),function(b){a.removeEventListener(b,c,!1)})}function p(a,b){for(;a;){if(a==b)return!0;a=a.parentNode}return!1}function q(a,b){return a.indexOf(b)>-1}function r(a){return a.trim().split(/\s+/g)}function s(a,b,c){if(a.indexOf&&!c)return a.indexOf(b);for(var d=0;d<a.length;){if(c&&a[d][c]==b||!c&&a[d]===b)return d;d++}return-1}function t(a){return Array.prototype.slice.call(a,0)}function u(a,b,c){for(var d=[],e=[],f=0;f<a.length;){var g=b?a[f][b]:a[f];s(e,g)<0&&d.push(a[f]),e[f]=g,f++}return c&&(d=b?d.sort(function(a,c){return a[b]>c[b]}):d.sort()),d}function v(a,b){for(var c,e,f=b[0].toUpperCase()+b.slice(1),g=0;g<ib.length;){if(c=ib[g],e=c?c+f:b,e in a)return e;g++}return d}function w(){return ob++}function x(a){var b=a.ownerDocument;return b.defaultView||b.parentWindow}function y(a,b){var c=this;this.manager=a,this.callback=b,this.element=a.element,this.target=a.options.inputTarget,this.domHandler=function(b){l(a.options.enable,[a])&&c.handler(b)},this.init()}function z(a){var b,c=a.options.inputClass;return new(b=c?c:rb?N:sb?Q:qb?S:M)(a,A)}function A(a,b,c){var d=c.pointers.length,e=c.changedPointers.length,f=b&yb&&d-e===0,g=b&(Ab|Bb)&&d-e===0;c.isFirst=!!f,c.isFinal=!!g,f&&(a.session={}),c.eventType=b,B(a,c),a.emit("hammer.input",c),a.recognize(c),a.session.prevInput=c}function B(a,b){var c=a.session,d=b.pointers,e=d.length;c.firstInput||(c.firstInput=E(b)),e>1&&!c.firstMultiple?c.firstMultiple=E(b):1===e&&(c.firstMultiple=!1);var f=c.firstInput,g=c.firstMultiple,h=g?g.center:f.center,i=b.center=F(d);b.timeStamp=nb(),b.deltaTime=b.timeStamp-f.timeStamp,b.angle=J(h,i),b.distance=I(h,i),C(c,b),b.offsetDirection=H(b.deltaX,b.deltaY),b.scale=g?L(g.pointers,d):1,b.rotation=g?K(g.pointers,d):0,D(c,b);var j=a.element;p(b.srcEvent.target,j)&&(j=b.srcEvent.target),b.target=j}function C(a,b){var c=b.center,d=a.offsetDelta||{},e=a.prevDelta||{},f=a.prevInput||{};(b.eventType===yb||f.eventType===Ab)&&(e=a.prevDelta={x:f.deltaX||0,y:f.deltaY||0},d=a.offsetDelta={x:c.x,y:c.y}),b.deltaX=e.x+(c.x-d.x),b.deltaY=e.y+(c.y-d.y)}function D(a,b){var c,e,f,g,h=a.lastInterval||b,i=b.timeStamp-h.timeStamp;if(b.eventType!=Bb&&(i>xb||h.velocity===d)){var j=h.deltaX-b.deltaX,k=h.deltaY-b.deltaY,l=G(i,j,k);e=l.x,f=l.y,c=mb(l.x)>mb(l.y)?l.x:l.y,g=H(j,k),a.lastInterval=b}else c=h.velocity,e=h.velocityX,f=h.velocityY,g=h.direction;b.velocity=c,b.velocityX=e,b.velocityY=f,b.direction=g}function E(a){for(var b=[],c=0;c<a.pointers.length;)b[c]={clientX:lb(a.pointers[c].clientX),clientY:lb(a.pointers[c].clientY)},c++;return{timeStamp:nb(),pointers:b,center:F(b),deltaX:a.deltaX,deltaY:a.deltaY}}function F(a){var b=a.length;if(1===b)return{x:lb(a[0].clientX),y:lb(a[0].clientY)};for(var c=0,d=0,e=0;b>e;)c+=a[e].clientX,d+=a[e].clientY,e++;return{x:lb(c/b),y:lb(d/b)}}function G(a,b,c){return{x:b/a||0,y:c/a||0}}function H(a,b){return a===b?Cb:mb(a)>=mb(b)?a>0?Db:Eb:b>0?Fb:Gb}function I(a,b,c){c||(c=Kb);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return Math.sqrt(d*d+e*e)}function J(a,b,c){c||(c=Kb);var d=b[c[0]]-a[c[0]],e=b[c[1]]-a[c[1]];return 180*Math.atan2(e,d)/Math.PI}function K(a,b){return J(b[1],b[0],Lb)-J(a[1],a[0],Lb)}function L(a,b){return I(b[0],b[1],Lb)/I(a[0],a[1],Lb)}function M(){this.evEl=Nb,this.evWin=Ob,this.allow=!0,this.pressed=!1,y.apply(this,arguments)}function N(){this.evEl=Rb,this.evWin=Sb,y.apply(this,arguments),this.store=this.manager.session.pointerEvents=[]}function O(){this.evTarget=Ub,this.evWin=Vb,this.started=!1,y.apply(this,arguments)}function P(a,b){var c=t(a.touches),d=t(a.changedTouches);return b&(Ab|Bb)&&(c=u(c.concat(d),"identifier",!0)),[c,d]}function Q(){this.evTarget=Xb,this.targetIds={},y.apply(this,arguments)}function R(a,b){var c=t(a.touches),d=this.targetIds;if(b&(yb|zb)&&1===c.length)return d[c[0].identifier]=!0,[c,c];var e,f,g=t(a.changedTouches),h=[],i=this.target;if(f=c.filter(function(a){return p(a.target,i)}),b===yb)for(e=0;e<f.length;)d[f[e].identifier]=!0,e++;for(e=0;e<g.length;)d[g[e].identifier]&&h.push(g[e]),b&(Ab|Bb)&&delete d[g[e].identifier],e++;return h.length?[u(f.concat(h),"identifier",!0),h]:void 0}function S(){y.apply(this,arguments);var a=k(this.handler,this);this.touch=new Q(this.manager,a),this.mouse=new M(this.manager,a)}function T(a,b){this.manager=a,this.set(b)}function U(a){if(q(a,bc))return bc;var b=q(a,cc),c=q(a,dc);return b&&c?cc+" "+dc:b||c?b?cc:dc:q(a,ac)?ac:_b}function V(a){this.id=w(),this.manager=null,this.options=i(a||{},this.defaults),this.options.enable=m(this.options.enable,!0),this.state=ec,this.simultaneous={},this.requireFail=[]}function W(a){return a&jc?"cancel":a&hc?"end":a&gc?"move":a&fc?"start":""}function X(a){return a==Gb?"down":a==Fb?"up":a==Db?"left":a==Eb?"right":""}function Y(a,b){var c=b.manager;return c?c.get(a):a}function Z(){V.apply(this,arguments)}function $(){Z.apply(this,arguments),this.pX=null,this.pY=null}function _(){Z.apply(this,arguments)}function ab(){V.apply(this,arguments),this._timer=null,this._input=null}function bb(){Z.apply(this,arguments)}function cb(){Z.apply(this,arguments)}function db(){V.apply(this,arguments),this.pTime=!1,this.pCenter=!1,this._timer=null,this._input=null,this.count=0}function eb(a,b){return b=b||{},b.recognizers=m(b.recognizers,eb.defaults.preset),new fb(a,b)}function fb(a,b){b=b||{},this.options=i(b,eb.defaults),this.options.inputTarget=this.options.inputTarget||a,this.handlers={},this.session={},this.recognizers=[],this.element=a,this.input=z(this),this.touchAction=new T(this,this.options.touchAction),gb(this,!0),g(b.recognizers,function(a){var b=this.add(new a[0](a[1]));a[2]&&b.recognizeWith(a[2]),a[3]&&b.requireFailure(a[3])},this)}function gb(a,b){var c=a.element;g(a.options.cssProps,function(a,d){c.style[v(c.style,d)]=b?a:""})}function hb(a,c){var d=b.createEvent("Event");d.initEvent(a,!0,!0),d.gesture=c,c.target.dispatchEvent(d)}var ib=["","webkit","moz","MS","ms","o"],jb=b.createElement("div"),kb="function",lb=Math.round,mb=Math.abs,nb=Date.now,ob=1,pb=/mobile|tablet|ip(ad|hone|od)|android/i,qb="ontouchstart"in a,rb=v(a,"PointerEvent")!==d,sb=qb&&pb.test(navigator.userAgent),tb="touch",ub="pen",vb="mouse",wb="kinect",xb=25,yb=1,zb=2,Ab=4,Bb=8,Cb=1,Db=2,Eb=4,Fb=8,Gb=16,Hb=Db|Eb,Ib=Fb|Gb,Jb=Hb|Ib,Kb=["x","y"],Lb=["clientX","clientY"];y.prototype={handler:function(){},init:function(){this.evEl&&n(this.element,this.evEl,this.domHandler),this.evTarget&&n(this.target,this.evTarget,this.domHandler),this.evWin&&n(x(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&o(this.element,this.evEl,this.domHandler),this.evTarget&&o(this.target,this.evTarget,this.domHandler),this.evWin&&o(x(this.element),this.evWin,this.domHandler)}};var Mb={mousedown:yb,mousemove:zb,mouseup:Ab},Nb="mousedown",Ob="mousemove mouseup";j(M,y,{handler:function(a){var b=Mb[a.type];b&yb&&0===a.button&&(this.pressed=!0),b&zb&&1!==a.which&&(b=Ab),this.pressed&&this.allow&&(b&Ab&&(this.pressed=!1),this.callback(this.manager,b,{pointers:[a],changedPointers:[a],pointerType:vb,srcEvent:a}))}});var Pb={pointerdown:yb,pointermove:zb,pointerup:Ab,pointercancel:Bb,pointerout:Bb},Qb={2:tb,3:ub,4:vb,5:wb},Rb="pointerdown",Sb="pointermove pointerup pointercancel";a.MSPointerEvent&&(Rb="MSPointerDown",Sb="MSPointerMove MSPointerUp MSPointerCancel"),j(N,y,{handler:function(a){var b=this.store,c=!1,d=a.type.toLowerCase().replace("ms",""),e=Pb[d],f=Qb[a.pointerType]||a.pointerType,g=f==tb,h=s(b,a.pointerId,"pointerId");e&yb&&(0===a.button||g)?0>h&&(b.push(a),h=b.length-1):e&(Ab|Bb)&&(c=!0),0>h||(b[h]=a,this.callback(this.manager,e,{pointers:b,changedPointers:[a],pointerType:f,srcEvent:a}),c&&b.splice(h,1))}});var Tb={touchstart:yb,touchmove:zb,touchend:Ab,touchcancel:Bb},Ub="touchstart",Vb="touchstart touchmove touchend touchcancel";j(O,y,{handler:function(a){var b=Tb[a.type];if(b===yb&&(this.started=!0),this.started){var c=P.call(this,a,b);b&(Ab|Bb)&&c[0].length-c[1].length===0&&(this.started=!1),this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:tb,srcEvent:a})}}});var Wb={touchstart:yb,touchmove:zb,touchend:Ab,touchcancel:Bb},Xb="touchstart touchmove touchend touchcancel";j(Q,y,{handler:function(a){var b=Wb[a.type],c=R.call(this,a,b);c&&this.callback(this.manager,b,{pointers:c[0],changedPointers:c[1],pointerType:tb,srcEvent:a})}}),j(S,y,{handler:function(a,b,c){var d=c.pointerType==tb,e=c.pointerType==vb;if(d)this.mouse.allow=!1;else if(e&&!this.mouse.allow)return;b&(Ab|Bb)&&(this.mouse.allow=!0),this.callback(a,b,c)},destroy:function(){this.touch.destroy(),this.mouse.destroy()}});var Yb=v(jb.style,"touchAction"),Zb=Yb!==d,$b="compute",_b="auto",ac="manipulation",bc="none",cc="pan-x",dc="pan-y";T.prototype={set:function(a){a==$b&&(a=this.compute()),Zb&&(this.manager.element.style[Yb]=a),this.actions=a.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var a=[];return g(this.manager.recognizers,function(b){l(b.options.enable,[b])&&(a=a.concat(b.getTouchAction()))}),U(a.join(" "))},preventDefaults:function(a){if(!Zb){var b=a.srcEvent,c=a.offsetDirection;if(this.manager.session.prevented)return void b.preventDefault();var d=this.actions,e=q(d,bc),f=q(d,dc),g=q(d,cc);return e||f&&c&Hb||g&&c&Ib?this.preventSrc(b):void 0}},preventSrc:function(a){this.manager.session.prevented=!0,a.preventDefault()}};var ec=1,fc=2,gc=4,hc=8,ic=hc,jc=16,kc=32;V.prototype={defaults:{},set:function(a){return h(this.options,a),this.manager&&this.manager.touchAction.update(),this},recognizeWith:function(a){if(f(a,"recognizeWith",this))return this;var b=this.simultaneous;return a=Y(a,this),b[a.id]||(b[a.id]=a,a.recognizeWith(this)),this},dropRecognizeWith:function(a){return f(a,"dropRecognizeWith",this)?this:(a=Y(a,this),delete this.simultaneous[a.id],this)},requireFailure:function(a){if(f(a,"requireFailure",this))return this;var b=this.requireFail;return a=Y(a,this),-1===s(b,a)&&(b.push(a),a.requireFailure(this)),this},dropRequireFailure:function(a){if(f(a,"dropRequireFailure",this))return this;a=Y(a,this);var b=s(this.requireFail,a);return b>-1&&this.requireFail.splice(b,1),this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(a){return!!this.simultaneous[a.id]},emit:function(a){function b(b){c.manager.emit(c.options.event+(b?W(d):""),a)}var c=this,d=this.state;hc>d&&b(!0),b(),d>=hc&&b(!0)},tryEmit:function(a){return this.canEmit()?this.emit(a):void(this.state=kc)},canEmit:function(){for(var a=0;a<this.requireFail.length;){if(!(this.requireFail[a].state&(kc|ec)))return!1;a++}return!0},recognize:function(a){var b=h({},a);return l(this.options.enable,[this,b])?(this.state&(ic|jc|kc)&&(this.state=ec),this.state=this.process(b),void(this.state&(fc|gc|hc|jc)&&this.tryEmit(b))):(this.reset(),void(this.state=kc))},process:function(){},getTouchAction:function(){},reset:function(){}},j(Z,V,{defaults:{pointers:1},attrTest:function(a){var b=this.options.pointers;return 0===b||a.pointers.length===b},process:function(a){var b=this.state,c=a.eventType,d=b&(fc|gc),e=this.attrTest(a);return d&&(c&Bb||!e)?b|jc:d||e?c&Ab?b|hc:b&fc?b|gc:fc:kc}}),j($,Z,{defaults:{event:"pan",threshold:10,pointers:1,direction:Jb},getTouchAction:function(){var a=this.options.direction,b=[];return a&Hb&&b.push(dc),a&Ib&&b.push(cc),b},directionTest:function(a){var b=this.options,c=!0,d=a.distance,e=a.direction,f=a.deltaX,g=a.deltaY;return e&b.direction||(b.direction&Hb?(e=0===f?Cb:0>f?Db:Eb,c=f!=this.pX,d=Math.abs(a.deltaX)):(e=0===g?Cb:0>g?Fb:Gb,c=g!=this.pY,d=Math.abs(a.deltaY))),a.direction=e,c&&d>b.threshold&&e&b.direction},attrTest:function(a){return Z.prototype.attrTest.call(this,a)&&(this.state&fc||!(this.state&fc)&&this.directionTest(a))},emit:function(a){this.pX=a.deltaX,this.pY=a.deltaY;var b=X(a.direction);b&&this.manager.emit(this.options.event+b,a),this._super.emit.call(this,a)}}),j(_,Z,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[bc]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.scale-1)>this.options.threshold||this.state&fc)},emit:function(a){if(this._super.emit.call(this,a),1!==a.scale){var b=a.scale<1?"in":"out";this.manager.emit(this.options.event+b,a)}}}),j(ab,V,{defaults:{event:"press",pointers:1,time:500,threshold:5},getTouchAction:function(){return[_b]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance<b.threshold,f=a.deltaTime>b.time;if(this._input=a,!d||!c||a.eventType&(Ab|Bb)&&!f)this.reset();else if(a.eventType&yb)this.reset(),this._timer=e(function(){this.state=ic,this.tryEmit()},b.time,this);else if(a.eventType&Ab)return ic;return kc},reset:function(){clearTimeout(this._timer)},emit:function(a){this.state===ic&&(a&&a.eventType&Ab?this.manager.emit(this.options.event+"up",a):(this._input.timeStamp=nb(),this.manager.emit(this.options.event,this._input)))}}),j(bb,Z,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[bc]},attrTest:function(a){return this._super.attrTest.call(this,a)&&(Math.abs(a.rotation)>this.options.threshold||this.state&fc)}}),j(cb,Z,{defaults:{event:"swipe",threshold:10,velocity:.65,direction:Hb|Ib,pointers:1},getTouchAction:function(){return $.prototype.getTouchAction.call(this)},attrTest:function(a){var b,c=this.options.direction;return c&(Hb|Ib)?b=a.velocity:c&Hb?b=a.velocityX:c&Ib&&(b=a.velocityY),this._super.attrTest.call(this,a)&&c&a.direction&&a.distance>this.options.threshold&&mb(b)>this.options.velocity&&a.eventType&Ab},emit:function(a){var b=X(a.direction);b&&this.manager.emit(this.options.event+b,a),this.manager.emit(this.options.event,a)}}),j(db,V,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:2,posThreshold:10},getTouchAction:function(){return[ac]},process:function(a){var b=this.options,c=a.pointers.length===b.pointers,d=a.distance<b.threshold,f=a.deltaTime<b.time;if(this.reset(),a.eventType&yb&&0===this.count)return this.failTimeout();if(d&&f&&c){if(a.eventType!=Ab)return this.failTimeout();var g=this.pTime?a.timeStamp-this.pTime<b.interval:!0,h=!this.pCenter||I(this.pCenter,a.center)<b.posThreshold;this.pTime=a.timeStamp,this.pCenter=a.center,h&&g?this.count+=1:this.count=1,this._input=a;var i=this.count%b.taps;if(0===i)return this.hasRequireFailures()?(this._timer=e(function(){this.state=ic,this.tryEmit()},b.interval,this),fc):ic}return kc},failTimeout:function(){return this._timer=e(function(){this.state=kc},this.options.interval,this),kc},reset:function(){clearTimeout(this._timer)},emit:function(){this.state==ic&&(this._input.tapCount=this.count,this.manager.emit(this.options.event,this._input))}}),eb.VERSION="2.0.4",eb.defaults={domEvents:!1,touchAction:$b,enable:!0,inputTarget:null,inputClass:null,preset:[[bb,{enable:!1}],[_,{enable:!1},["rotate"]],[cb,{direction:Hb}],[$,{direction:Hb},["swipe"]],[db],[db,{event:"doubletap",taps:2},["tap"]],[ab]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var lc=1,mc=2;fb.prototype={set:function(a){return h(this.options,a),a.touchAction&&this.touchAction.update(),a.inputTarget&&(this.input.destroy(),this.input.target=a.inputTarget,this.input.init()),this},stop:function(a){this.session.stopped=a?mc:lc},recognize:function(a){var b=this.session;if(!b.stopped){this.touchAction.preventDefaults(a);var c,d=this.recognizers,e=b.curRecognizer;(!e||e&&e.state&ic)&&(e=b.curRecognizer=null);for(var f=0;f<d.length;)c=d[f],b.stopped===mc||e&&c!=e&&!c.canRecognizeWith(e)?c.reset():c.recognize(a),!e&&c.state&(fc|gc|hc)&&(e=b.curRecognizer=c),f++}},get:function(a){if(a instanceof V)return a;for(var b=this.recognizers,c=0;c<b.length;c++)if(b[c].options.event==a)return b[c];return null},add:function(a){if(f(a,"add",this))return this;var b=this.get(a.options.event);return b&&this.remove(b),this.recognizers.push(a),a.manager=this,this.touchAction.update(),a},remove:function(a){if(f(a,"remove",this))return this;var b=this.recognizers;return a=this.get(a),b.splice(s(b,a),1),this.touchAction.update(),this},on:function(a,b){var c=this.handlers;return g(r(a),function(a){c[a]=c[a]||[],c[a].push(b)}),this},off:function(a,b){var c=this.handlers;return g(r(a),function(a){b?c[a].splice(s(c[a],b),1):delete c[a]}),this},emit:function(a,b){this.options.domEvents&&hb(a,b);var c=this.handlers[a]&&this.handlers[a].slice();if(c&&c.length){b.type=a,b.preventDefault=function(){b.srcEvent.preventDefault()};for(var d=0;d<c.length;)c[d](b),d++}},destroy:function(){this.element&&gb(this,!1),this.handlers={},this.session={},this.input.destroy(),this.element=null}},h(eb,{INPUT_START:yb,INPUT_MOVE:zb,INPUT_END:Ab,INPUT_CANCEL:Bb,STATE_POSSIBLE:ec,STATE_BEGAN:fc,STATE_CHANGED:gc,STATE_ENDED:hc,STATE_RECOGNIZED:ic,STATE_CANCELLED:jc,STATE_FAILED:kc,DIRECTION_NONE:Cb,DIRECTION_LEFT:Db,DIRECTION_RIGHT:Eb,DIRECTION_UP:Fb,DIRECTION_DOWN:Gb,DIRECTION_HORIZONTAL:Hb,DIRECTION_VERTICAL:Ib,DIRECTION_ALL:Jb,Manager:fb,Input:y,TouchAction:T,TouchInput:Q,MouseInput:M,PointerEventInput:N,TouchMouseInput:S,SingleTouchInput:O,Recognizer:V,AttrRecognizer:Z,Tap:db,Pan:$,Swipe:cb,Pinch:_,Rotate:bb,Press:ab,on:n,off:o,each:g,merge:i,extend:h,inherit:j,bindFn:k,prefixed:v}),typeof define==kb&&define.amd?define(function(){return eb}):"undefined"!=typeof module&&module.exports?module.exports=eb:a[c]=eb}(window,document,"Hammer");
7 | //# sourceMappingURL=hammer.min.map


--------------------------------------------------------------------------------
/js/zenith.min.js:
--------------------------------------------------------------------------------
 1 | /** 
 2 |   * Zenith Slider jQuery Plugin
 3 |   * Author: Aleksej Vukomanovic
 4 |   * Website: http://themeflection.com
 5 |   * Version: 1.0
 6 |   * Version from: 11.07.2015
 7 |   * Licence: MIT 
 8 |   */
 9 | !function(i){"use strict";i.fn.zenith=function(t){function a(){var i,t=document.createElement("fakeelement"),a={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(i in a)if(void 0!==t.style[i])return a[i]}var n=i.extend({layout:"default",direction:"horizontal",animation:"Slide",background:"",activeIndex:0,circleColor:"cornsilkblue",iconColor:"#fffff0",activeColor:"crimson",autoplay:!0,autoplayStop:!1,autoplayPause:!0,autoplaySpeed:3e3,slideSpeed:500,bullets:!0,bulletsColor:"#f7f7f7",bulletsAC:"cornflowerblue",arrows:!0,prevSlide:function(){},nextSlide:function(){},firstSlide:function(){},lastSlide:function(){},animationEnd:function(){},markup:[".tf_container",".tf_slide"],width:"65%",height:"320px",margin:"60px",fullWidth:!1,style:"shadow",customStyle:[],customNavs:["#bullet-navs","li"],navPosition:"bottom",thumbsBG:!0,thumbsSize:{xsmall:45,small:65,medium:92,large:108,xlarge:128},fixedThumbs:!0},t),e=this,d=this,o=0,s=[],r=0,l="",u=0,c=n.layout,h=n.direction;this.find(".hgi").length>0&&this.find(".hgi").addClass("animated"),"slider"===n.layout&&this.find(n.markup[0]+" "+n.markup[1]).addClass("animated"),"default"===c||"hand"===c||"screen"===c||"slider"===c&&"horizontal"===h?"Slide"===n.animation?(s.in_dir1="slideInLeft",s.in_dir2="slideInRight",s.out_dir1="slideOutLeft",s.out_dir2="slideOutRight"):"Bounce"===n.animation?(s.in_dir1="bounceInLeft",s.in_dir2="bounceInRight",s.out_dir1="bounceOutLeft",s.out_dir2="bounceOutRight"):"Fade"===n.animation?(s.in_dir1="fadeInLeft",s.in_dir2="fadeInRight",s.out_dir1="fadeOutLeft",s.out_dir2="fadeOutRight"):"RotateDown"===n.animation?(s.in_dir1="rotateInDownLeft",s.in_dir2="rotateInDownRight",s.out_dir1="rotateOutDownRight",s.out_dir2="rotateOutDownLeft"):"RotateUp"===n.animation?(s.in_dir1="rotateInUpLeft",s.in_dir2="rotateInUpRight",s.out_dir1="rotateOutUpRight",s.out_dir2="rotateOutUpLeft"):"Zoom"===n.animation?(s.in_dir1="zoomInLeft",s.in_dir2="zoomInRight",s.out_dir1="zoomOutLeft",s.out_dir2="zoomOutRight"):"Flip"===n.animation&&(s.in_dir1="flipInY",s.in_dir2="flipInY",s.out_dir1="flipOutY",s.out_dir2="flipOutY"):("screen"===c||"slider"===c&&"vertical"===h)&&("Slide"===n.animation?(s.in_dir1="slideInUp",s.in_dir2="slideInDown",s.out_dir1="slideOutDown",s.out_dir2="slideOutUp"):"Bounce"===n.animation?(s.in_dir1="bounceInUp",s.in_dir2="bounceInDown",s.out_dir1="bounceOutUp",s.out_dir2="bounceOutDown"):"Fade"===n.animation?(s.in_dir1="fadeInUp",s.in_dir2="fadeInDown",s.out_dir1="fadeOutUp",s.out_dir2="fadeOutDown"):"RotateDown"===n.animation?(s.in_dir1="rotateInDownLeft",s.in_dir2="rotateInDownRight",s.out_dir1="rotateOutDownLeft",s.out_dir2="rotateOutDownRight"):"RotateUp"===n.animation?(s.in_dir1="rotateInUpLeft",s.in_dir2="rotateInUpRight",s.out_dir1="rotateOutUpLeft",s.out_dir2="rotateOutUpRight"):"Zoom"===n.animation?(s.in_dir1="zoomInUp",s.in_dir2="zoomInDown",s.out_dir1="zoomOutUp",s.out_dir2="zoomOutDown"):"Flip"===n.animation&&(s.in_dir1="flipInX",s.in_dir2="flipInX",s.out_dir1="flipOutX",s.out_dir2="flipOutX"));var f=a(),v={next:function(){if("slider"!=n.layout){var i="#mac-book",t=".hgi";d.find("#mac-book #left"),d.find("#mac-book #right")}else{var i=n.markup[0],t=n.markup[1];d.find("#left"),d.find("#right")}var a=n.customNavs[0]+" "+n.customNavs[1],e=t+".active",o=d.find(i+" "+e).data("index"),r=d.find(i+" "+t+'[data-index="'+o+'"]'),c=d.find(a+".active"),h=d.find(i+" "+t+'[data-index="'+parseInt(o-1)+'"]');parseInt(o-1)<0&&(h=d.find(t+'[data-index="'+l+'"]')),0===u&&(u=1,c.removeClass("active"),I.eq(parseInt(o-1)).addClass("active"),r.removeClass(s.in_dir1+" "+s.in_dir2).addClass(s.out_dir2),h.addClass("active "+s.in_dir1),d.find(h).one(f,function(){r.removeClass(s.out_dir2),d.find(e).length>1&&(h.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),u=0),n.animationEnd.call()}),0===parseInt(o-1)&&n.firstSlide.call(),n.nextSlide.call())},prev:function(){if("slider"!=n.layout)var i="#mac-book",t=".hgi";else var i=n.markup[0],t=n.markup[1];var a=n.customNavs[0]+" "+n.customNavs[1],e=t+".active",o=d.find(i+" "+e).data("index"),r=d.find(i+" "+t+'[data-index="'+o+'"]'),u=d.find(a+".active"),c=d.find(i+" "+t+'[data-index="'+parseInt(o+1)+'"]');u.removeClass("active"),parseInt(o+1)>parseInt(l)?(c=d.find(t+'[data-index="0"]'),I.eq(0).addClass("active")):parseInt(o+1)>parseInt(l)||I.eq(parseInt(o+1)).addClass("active"),r.removeClass(s.in_dir1+" "+s.in_dir2).addClass(s.out_dir1),c.addClass("active "+s.in_dir2),d.find(c).one(f,function(){r.removeClass(s.out_dir1),d.find(e).length>1&&c.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),n.animationEnd.call()}),parseInt(o+1)===parseInt(l)&&n.lastSlide.call(),n.prevSlide.call()},bullets:function(i){{var t=e,a=n.customNavs[0]+" "+n.customNavs[1],d=n.customNavs[1];t.find(a)}if("slider"!=n.layout)var o=".hgi.active",r=i.closest("li").data("index"),l=t.find("#mac-book .hgi.active").data("index"),c=t.find('#mac-book .hgi[data-index="'+l+'"]'),h=t.find('#mac-book .hgi[data-index="'+parseInt(r)+'"]');else var o=n.markup[1]+".active",v=n.markup[0]+" "+n.markup[1],r=i.data("index"),l=t.find(v+".active").index(),c=t.find(v+'[data-index="'+l+'"]'),h=t.find(v).eq(parseInt(r));var m=t.find(d+".active");i.hasClass("active")||0!==u||(u=1,m.removeClass("active"),t.find(a+'[data-index="'+r+'"]').addClass("active"),parseInt(r)>parseInt(m.data("index"))?(c.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),h.addClass("active "+s.in_dir2),t.find(h).one(f,function(){c.removeClass(s.out_dir1),t.find(o).length>1&&(h.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),u=0)})):(c.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),h.addClass("active "+s.in_dir1),t.find(c).one(f,function(){c.removeClass(s.out_dir2),t.find(o).length>1&&(h.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),u=0)})))},init:function(){var t="#"+d.attr("id"),a="slider"===n.layout?n.markup[0]+" "+n.markup[1]:"#mac-book .hgi",o=n.activeIndex,u="slider"===n.layout?d.find(n.markup[0]+" "+n.markup[1]).eq(o):d.find('#mac-book .hgi[data-index="'+o+'"]');if("slider"!=n.layout)var c=d.find("#mac-book #left"),h=d.find("#mac-book #right"),f='#bullet-navs ul li[data-index="'+o+'"]';else var c=d.find("#left"),h=d.find("#right"),f=n.customNavs[0]+" "+n.customNavs[1]+'[data-index="'+o+'"]';var m=0;if("screen"===n.layout){var p='<li data-index=""><span class="blt"></span></li>';d.find("#bullet-navs").append("<ul></ul>"),d.find(a).each(function(){i(this).attr("data-index",m),d.find("#bullet-navs ul").append(p),d.find("#bullet-navs ul li").last().attr("data-index",m),m++})}else{if("#bullet-navs"===n.customNavs[0]){var p='<li data-index=""><span class="blt"></span></li>';d.find("#bullet-navs").append("<ul></ul>"),d.find(a).each(function(){i(this).attr("data-index",m),d.find("#bullet-navs ul").append(p),d.find("#bullet-navs ul li").last().attr("data-index",m),m++})}else d.find(n.customNavs[0]+" "+n.customNavs[1]).each(function(){i(this).attr("data-index",m),m++});m=0,d.find(a).each(function(){i(this).attr("data-index",m),m++})}r=0,l=d.find(a).last().data("index");var g=(d.find("#bullet-navs li"),'<style data-title="'+t+'" type="text/css">');g+=t+" #bullet-navs ul li span{background: "+n.bulletsColor+"}",g+=t+" #bullet-navs ul li.active span{background: "+n.bulletsAC+"}",g+=t+" "+n.markup[0]+"{height: "+n.height+"}",g+=t+" "+n.markup[0]+"{width: "+n.width+"}",g+=t+" "+n.markup[1]+"{height: 100%}",g+=t+"{margin-top: "+n.margin+"; margin-bottom: "+n.margin+"}",g+=t+" "+a+".animated{-webkit-animation-duration: "+n.slideSpeed+"ms; animation-duration: "+n.slideSpeed+"ms;}",g+="#bullet-navs"===n.customNavs[0]?t+" "+n.customNavs[0]+"{height: auto; position: absolute;bottom: 0px; padding: 0 0.5%; padding-top: 2px; width: 90%;}":t+" "+n.customNavs[0]+"{height: auto; position: absolute;bottom: 0px; padding: 0 0.5%; padding-top: 2px; width: 100%;}",n.customStyle&&i.each(n.customStyle,function(i,t){g+=t}),g+="</style>",d.closest("html").find("head").append(g),n.bullets===!1&&d.find("#bullet-navs").remove(),n.arrows===!1&&d.find("#left, #right").remove(),u.addClass("active "+s.in_dir1),d.find(f).addClass("active");d.find("#mac-book .hgi.active").data("index");"vertical"===n.direction&&e.addClass("vertical"),"horizontal"===n.direction?(h.click(function(){v.prev()}),c.click(function(){v.next()})):(h.click(function(){v.prev()}),c.click(function(){v.next()}))},thumbs:function(){var t=i(window).outerWidth(),a=d.attr("id"),e=480,o=960,s=1200,r=1600,l=n.customNavs[0]+" "+n.customNavs[1];"#bullet-navs"===n.customNavs[0]&&(l="none");var u=n.thumbsSize.xsmall,c=n.thumbsSize.small,h=n.thumbsSize.medium,f=n.thumbsSize.large,v=n.thumbsSize.xlarge,m="";t>e?t>e&&o>=t?(d.find(l).css({width:c,height:c}),m=c):t>o&&s>=t?(d.find(l).css({width:h,height:h}),m=h):t>s&&r>=t?(d.find(l).css({width:f,height:f}),m=f):t>r&&(d.find(l).css({width:v,height:v}),m=v):(d.find(l).css({width:u,height:u}),m=u),m+=10;if(n.fixedThumbs===!0){if("bottom"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerHeight();i(p).css("height",g-m+7)}else if("top"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerHeight();i(p).css({height:g-m,marginTop:m-7})}else if("left"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerWidth();i(p).css({width:g-m,marginLeft:m})}else if("right"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerWidth();i(p).css({width:g-m,marginRight:m})}}else{var _="#"+a+" "+n.markup[0]+" "+n.customNavs[0];"bottom"===n.navPosition?(i(_).css("margin-bottom",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginBottom:0},350)},function(){i(_).animate({marginBottom:-m+"px"},350)})):"top"===n.navPosition?(i(_).css("margin-top",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginTop:0},350)},function(){i(_).animate({marginTop:-m+"px"},350)})):"left"===n.navPosition?(i(_).css("margin-left",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginLeft:0},350)},function(){i(_).animate({marginLeft:-m+"px"},350)})):"right"===n.navPosition&&(i(_).css("margin-right",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginRight:0},350)},function(){i(_).animate({marginRight:-m+"px"},350)}))}}},m={first:function(){var t=e.find(".hgi.active").data("index"),a=e.find(".phone-holder").find('.hgi[data-index="'+parseInt(t+1)+'"]'),o=e.find(".phone-holder").find(".hgi").last().data("index"),r=e.find(".hgi.active").data("index"),l=e.find(".phone-holder").find('.hgi[data-index="'+r+'"]');e.find(".highlight.active").removeClass("active"),parseInt(t+1)>parseInt(o)?(a=e.find(".phone-holder").find('.hgi[data-index="0"]'),e.find('.highlight[data-index="0"]').addClass("active")):i("#"+p+":not(.hand)").find('.highlight[data-index="'+parseInt(t+1)+'"]').addClass("active"),0===u&&(u=1,e.find(".hgi.active").removeClass("active "+s.in_dir1+" "+s.in_dir2),a.hasClass("hgh-linner")?(l.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),a.addClass("active "+s.in_dir1),d.find(l).one(f,function(){l.removeClass(s.out_dir2),e.find(".phone-holder .hgi.active").length>1&&l.removeClass("active"),u=0,n.prevSlide.call()})):(l.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),a.addClass("active "+s.in_dir2),d.find(l).one(f,function(){l.removeClass(s.out_dir1),e.find(".phone-holder .hgi.active").length>1&&l.removeClass("active"),u=0,n.nextSlide.call()})))},second:function(){var i=e.find(".hgi.active").data("index"),t=e.find(".phone-hand").find('.hgi[data-index="'+parseInt(i+1)+'"]'),a=e.find(".phone-hand").find('.hgi[data-index="'+parseInt(i-1)+'"]'),r=e.find(".phone-hand").find(".hgi").last().data("index"),l=e.find(".phone-hand .hgi.active").data("index"),c=e.find(".phone-hand").find('.hgi[data-index="'+l+'"]');e.find(".highlight.active").removeClass("active"),0===o&&0===u&&(u=1,parseInt(i+1)>parseInt(r)?(o=1,u=0):(e.find('.highlight[data-index="'+parseInt(i+1)+'"]').addClass("active"),c.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),t.addClass("active "+s.in_dir1),d.find(c).one(f,function(){c.removeClass(s.out_dir2),e.find(".phone-hand .hgi.active").length>1&&c.removeClass("active"),u=0,n.prevSlide.call()}))),1===o&&0===u&&(u=1,parseInt(i-1)<0?(o=0,u=0):(e.find('.highlight[data-index="'+parseInt(i-1)+'"]').addClass("active"),c.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),a.addClass("active "+s.in_dir2),d.find(c).one(f,function(){c.removeClass(s.out_dir1),e.find(".phone-hand .hgi.active").length>1&&c.removeClass("active"),u=0,n.nextSlide.call()})))},third:function(){if("slider"!=n.layout)var i="#mac-screen",t=".hgi";else var i=n.markup[0],t=n.markup[1];{var a=n.customNavs[0]+" "+n.customNavs[1],e=t+".active",r=d.find(i+" "+e).data("index"),l=d.find(i).find(t+'[data-index="'+parseInt(r+1)+'"]'),c=d.find(i).find(t+'[data-index="'+parseInt(r-1)+'"]'),h=d.find(i).find(t).last().data("index"),v=d.find(i+" "+e).data("index"),m=d.find(i).find(t+'[data-index="'+v+'"]'),p=d.find(a+".active");d.find(a)}p.removeClass("active"),0===o&&0===u&&(u=1,parseInt(r+1)>parseInt(h)?(o=1,u=0):(d.find(a+'[data-index="'+parseInt(r+1)+'"]').addClass("active"),m.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),l.addClass("active "+s.in_dir2),d.find(l).one(f,function(){m.removeClass(s.out_dir1),d.find(i+" "+e).length>1&&(m.removeClass("active"),u=0)}),n.nextSlide.call())),1===o&&0===u&&(u=1,parseInt(r-1)<0?(o=0,u=0,d.find(a+'[data-index="'+parseInt(r)+'"]').addClass("active")):(d.find(a+'[data-index="'+parseInt(r-1)+'"]').addClass("active"),m.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),c.addClass("active "+s.in_dir1),d.find(m).one(f,function(){m.removeClass(s.out_dir2),d.find(i+" "+e).length>1&&(m.removeClass("active"),u=0)}),n.prevSlide.call()))}};if("default"===n.layout){var p=this.attr("id"),g='<style type="text/css" data-title="'+p+'">';g+="#"+p+" .highlight-title .fa{background: "+n.circleColor+"; color: "+n.iconColor+"}",g+="#"+p+" .highlight.active h3:after{background: "+n.activeColor+"}",g+="#"+p+" .highlight.active .fa{background: "+n.activeColor+"}",g+="#"+p+"{background: "+n.background+"}",g+="#"+p+" .hgi.animated{-webkit-animation-duration: "+n.slideSpeed+"ms!important; animation-duration: "+n.slideSpeed+"ms!important;}",g+="</style>",this.closest("html").find("head").append(g),d.find(".hgi").addClass("animated"),d.find('.hgi[data-index="'+n.activeIndex+'"]').addClass("active "+s.in_dir1),d.find('.highlight[data-index="'+n.activeIndex+'"]').addClass("active");var _="";if(d.find(".highlight").mouseenter(function(){if(!i(this).hasClass("active")&&0===u){u=1;var t=e;t.find(".highlight.active").removeClass("active"),i(this).addClass("active"),_=i(this).closest(".highlight").data("index");var a=t.find(".phone-holder").find('.hgi[data-index="'+_+'"]'),n=t.find(".phone-holder .hgi.active").data("index"),d=t.find(".phone-holder").find('.hgi[data-index="'+n+'"]');t.find(".hgi.active").removeClass(s.in_dir1+" "+s.in_dir2+" active"),a.hasClass("hgh-linner")?(d.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),a.addClass("active "+s.in_dir1),t.find(d).one(f,function(){d.removeClass(s.out_dir2),i(".hgi.active").length>1&&d.removeClass("active"),u=0})):(d.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),a.addClass("active "+s.in_dir2),t.find(d).one(f,function(){d.removeClass(s.out_dir1),i(".hgi.active").length>1&&d.removeClass("active"),u=0}))}}),d.find(".row").each(function(){var t=i(this).outerHeight(),a=(t-550)/2;i(this).css("padding",a+"px 0px")}),n.autoplay===!0)var C=setInterval(m.first,parseInt(n.autoplaySpeed));n.autoplay===!0&&e.find(".highlight").hover(function(){clearInterval(C)},function(){C=setInterval(m.first,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&e.find(".highlight").mouseenter(function(){clearInterval(C)})}else if("hand"===n.layout){var p=this.attr("id"),g='<style type="text/css" data-title="'+p+'">';g+="#"+p+" .highlight-title .fa{background: "+n.circleColor+"; color: "+n.iconColor+"}",g+="#"+p+" .highlight.active h3:after{background: "+n.activeColor+"}",g+="#"+p+" .highlight.active .fa{background: "+n.activeColor+"}",g+="#"+p+"{background: "+n.background+"}",g+="#"+p+" .hgi.animated{-webkit-animation-duration: "+n.slideSpeed+"ms; animation-duration: "+n.slideSpeed+"ms;}",g+="</style>",this.closest("html").find("head").append(g);var x=this;if(x.find(".hgi").addClass("animated"),x.find('.hgi[data-index="'+n.activeIndex+'"]').addClass("active "+s.in_dir1),x.find('.highlight[data-index="'+n.activeIndex+'"]').addClass("active"),x.on("mouseenter",".highlight",function(){if(!i(this).hasClass("active")&&0===u){u=1,e.find(".highlight.active").removeClass("active"),i(this).addClass("active");var t=i(this).data("index"),a=e,n=a.find(".phone-hand").find('.hgi[data-index="'+t+'"]'),d=a.find(".phone-hand .hgi.active").data("index"),o=a.find(".phone-hand").find('.hgi[data-index="'+d+'"]');parseInt(t)>parseInt(d)?(o.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),n.addClass("active "+s.in_dir1),a.find(o).one(f,function(){o.removeClass(s.out_dir1+" "+s.out_dir2),i(".zenith_slider.hand .hgi.active").length>1&&o.removeClass("active"),u=0})):(o.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),n.addClass("active "+s.in_dir2),a.find(o).one(f,function(){o.removeClass(s.out_dir1+" "+s.out_dir2),e.find(".hgi.active").length>1&&o.removeClass("active"),u=0}))}}),n.autoplay===!0)var C=setInterval(m.second,parseInt(n.autoplaySpeed));n.autoplay===!0&&e.find(".highlight").hover(function(){clearInterval(C)},function(){C=setInterval(m.second,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&d.find(".highlight").mouseenter(function(){clearInterval(C)})}else if("screen"===n.layout){v.init();var I=d.find("#bullet-navs li");if(I.click(function(){var t=i(this);v.bullets(t)}),n.autoplay===!0)var C=setInterval(m.third,parseInt(n.autoplaySpeed));n.autoplayPause===!0&&n.autoplay===!0&&e.find("#mac-screen").hover(function(){clearInterval(C)},function(){C=setInterval(m.third,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&e.find("#mac-screen").mouseenter(function(){clearInterval(C)});var b=document.getElementById("mac-screen"),k=new Hammer(b);k.get("swipe").set({direction:Hammer.DIRECTION_ALL}),k.on("swipeleft",function(){"horizontal"===n.direction&&v.prev()}),k.on("swiperight",function(){"horizontal"===n.direction&&v.next()}),k.on("swipeup",function(){"vertical"===n.direction&&v.prev()}),k.on("swipedown",function(){"vertical"===n.direction&&v.next()}),k.on("press",function(){clearInterval(C)}),k.on("pressup",function(){C=setInterval(m.third,parseInt(n.speed))})}else if("slider"===n.layout){v.init(),"#tf_thumbs"===n.customNavs[0]&&v.thumbs();var p="#"+d.attr("id"),g="";n.fullWidth===!0&&(d.find(n.markup[0]).css({width:"100%",margin:0,height:i(window).outerHeight()}),d.css("margin",0)),"top"===n.navPosition&&n.fixedThumbs===!1?g+=p+" "+n.customNavs[0]+"{top: 3px; }":"top"===n.navPosition&&n.fixedThumbs===!0?g+=p+" "+n.customNavs[0]+"{top: 0px; bottom: auto!important}":"left"===n.navPosition&&"vertical"===n.direction?g+="#tf_thumbs"===n.customNavs[0]?p+" "+n.customNavs[0]+"{left: 0px;}":p+" "+n.customNavs[0]+"{left: 3px;}":"right"===n.navPosition&&"vertical"===n.direction&&(g+="#tf_thumbs"===n.customNavs[0]?p+" "+n.customNavs[0]+"{right: 0px;}":p+" "+n.customNavs[0]+"{right: 3px;}"),d.closest("html").find('head style[data-title="'+p+'"]').prepend(g);var I=(n.customNavs[1],d.find(n.customNavs[0]+" "+n.customNavs[1]));if(d.find(n.markup[0]).addClass(n.style),n.thumbsBG===!1&&d.find("#tf_thumbs").addClass("no-bg"),I.click(function(){var t=i(this);v.bullets(t)}),i(window).resize(function(){"#tf_thumbs"===n.customNavs[0]&&v.thumbs()}),n.autoplay===!0)var C=setInterval(m.third,parseInt(n.autoplaySpeed));n.autoplayPause===!0&&n.autoplay===!0&&d.find(n.markup[0]).hover(function(){clearInterval(C)},function(){C=setInterval(m.third,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&n.autoplay===!0&&d.find(n.markup[0]).mouseenter(function(){clearInterval(C)});var p=d.attr("id"),b=document.getElementById(p),k=new Hammer(b);k.get("swipe").set({direction:Hammer.DIRECTION_ALL}),k.on("swipeleft",function(){"horizontal"===n.direction&&v.prev()}),k.on("swiperight",function(){"horizontal"===n.direction&&v.next()}),k.on("swipeup",function(){"vertical"===n.direction&&v.prev()}),k.on("swipedown",function(){"vertical"===n.direction&&v.next()}),k.on("press",function(){clearInterval(C)}),k.on("pressup",function(){C=setInterval(m.third,parseInt(n.autoplaySpeed))})}}}(jQuery);
10 | 


--------------------------------------------------------------------------------
/js/zenith.min.js~:
--------------------------------------------------------------------------------
1 | !function(i){"use strict";i.fn.zenith=function(t){function a(){var i,t=document.createElement("fakeelement"),a={animation:"animationend",OAnimation:"oAnimationEnd",MozAnimation:"animationend",WebkitAnimation:"webkitAnimationEnd"};for(i in a)if(void 0!==t.style[i])return a[i]}var n=i.extend({layout:"default",direction:"horizontal",animation:"Slide",background:"",activeIndex:0,circleColor:"cornsilkblue",iconColor:"#fffff0",activeColor:"crimson",autoplay:!0,autoplayStop:!1,autoplayPause:!0,autoplaySpeed:3e3,slideSpeed:500,bullets:!0,bulletsColor:"#f7f7f7",bulletsAC:"cornflowerblue",arrows:!0,prevSlide:function(){},nextSlide:function(){},firstSlide:function(){},lastSlide:function(){},animationEnd:function(){},autoplayLoop:function(){},markup:[".tf_container",".tf_slide"],width:"65%",height:"320px",margin:"60px",fullWidth:!1,style:"shadow",customStyle:[],customNavs:["#bullet-navs","li"],navPosition:"bottom",thumbsBG:!0,thumbsSize:{xsmall:45,small:65,medium:92,large:108,xlarge:128},fixedThumbs:!0},t),e=this,d=this,o=0,s=[],r=0,l="",u=0,c=n.layout,h=n.direction;this.find(".hgi").length>0&&this.find(".hgi").addClass("animated"),"slider"===n.layout&&this.find(n.markup[0]+" "+n.markup[1]).addClass("animated"),"default"===c||"hand"===c||"screen"===c||"slider"===c&&"horizontal"===h?"Slide"===n.animation?(s.in_dir1="slideInLeft",s.in_dir2="slideInRight",s.out_dir1="slideOutLeft",s.out_dir2="slideOutRight"):"Bounce"===n.animation?(s.in_dir1="bounceInLeft",s.in_dir2="bounceInRight",s.out_dir1="bounceOutLeft",s.out_dir2="bounceOutRight"):"Fade"===n.animation?(s.in_dir1="fadeInLeft",s.in_dir2="fadeInRight",s.out_dir1="fadeOutLeft",s.out_dir2="fadeOutRight"):"RotateDown"===n.animation?(s.in_dir1="rotateInDownLeft",s.in_dir2="rotateInDownRight",s.out_dir1="rotateOutDownRight",s.out_dir2="rotateOutDownLeft"):"RotateUp"===n.animation?(s.in_dir1="rotateInUpLeft",s.in_dir2="rotateInUpRight",s.out_dir1="rotateOutUpRight",s.out_dir2="rotateOutUpLeft"):"Zoom"===n.animation?(s.in_dir1="zoomInLeft",s.in_dir2="zoomInRight",s.out_dir1="zoomOutLeft",s.out_dir2="zoomOutRight"):"Flip"===n.animation&&(s.in_dir1="flipInY",s.in_dir2="flipInY",s.out_dir1="flipOutY",s.out_dir2="flipOutY"):("screen"===c||"slider"===c&&"vertical"===h)&&("Slide"===n.animation?(s.in_dir1="slideInUp",s.in_dir2="slideInDown",s.out_dir1="slideOutDown",s.out_dir2="slideOutUp"):"Bounce"===n.animation?(s.in_dir1="bounceInUp",s.in_dir2="bounceInDown",s.out_dir1="bounceOutUp",s.out_dir2="bounceOutDown"):"Fade"===n.animation?(s.in_dir1="fadeInUp",s.in_dir2="fadeInDown",s.out_dir1="fadeOutUp",s.out_dir2="fadeOutDown"):"RotateDown"===n.animation?(s.in_dir1="rotateInDownLeft",s.in_dir2="rotateInDownRight",s.out_dir1="rotateOutDownLeft",s.out_dir2="rotateOutDownRight"):"RotateUp"===n.animation?(s.in_dir1="rotateInUpLeft",s.in_dir2="rotateInUpRight",s.out_dir1="rotateOutUpLeft",s.out_dir2="rotateOutUpRight"):"Zoom"===n.animation?(s.in_dir1="zoomInUp",s.in_dir2="zoomInDown",s.out_dir1="zoomOutUp",s.out_dir2="zoomOutDown"):"Flip"===n.animation&&(s.in_dir1="flipInX",s.in_dir2="flipInX",s.out_dir1="flipOutX",s.out_dir2="flipOutX"));var f=a(),v={next:function(){if("slider"!=n.layout){var i="#mac-book",t=".hgi";d.find("#mac-book #left"),d.find("#mac-book #right")}else{var i=n.markup[0],t=n.markup[1];d.find("#left"),d.find("#right")}var a=n.customNavs[0]+" "+n.customNavs[1],e=t+".active",o=d.find(i+" "+e).data("index"),r=d.find(i+" "+t+'[data-index="'+o+'"]'),c=d.find(a+".active"),h=d.find(i+" "+t+'[data-index="'+parseInt(o-1)+'"]');parseInt(o-1)<0&&(h=d.find(t+'[data-index="'+l+'"]')),0===u&&(u=1,c.removeClass("active"),I.eq(parseInt(o-1)).addClass("active"),r.removeClass(s.in_dir1+" "+s.in_dir2).addClass(s.out_dir2),h.addClass("active "+s.in_dir1),d.find(h).one(f,function(){r.removeClass(s.out_dir2),d.find(e).length>1&&(h.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),u=0),n.animationEnd.call()}),0===parseInt(o-1)&&n.firstSlide.call(),n.nextSlide.call())},prev:function(){if("slider"!=n.layout)var i="#mac-book",t=".hgi";else var i=n.markup[0],t=n.markup[1];var a=n.customNavs[0]+" "+n.customNavs[1],e=t+".active",o=d.find(i+" "+e).data("index"),r=d.find(i+" "+t+'[data-index="'+o+'"]'),u=d.find(a+".active"),c=d.find(i+" "+t+'[data-index="'+parseInt(o+1)+'"]');u.removeClass("active"),parseInt(o+1)>parseInt(l)?(c=d.find(t+'[data-index="0"]'),I.eq(0).addClass("active")):parseInt(o+1)>parseInt(l)||I.eq(parseInt(o+1)).addClass("active"),r.removeClass(s.in_dir1+" "+s.in_dir2).addClass(s.out_dir1),c.addClass("active "+s.in_dir2),d.find(c).one(f,function(){r.removeClass(s.out_dir1),d.find(e).length>1&&c.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),n.animationEnd.call()}),parseInt(o+1)===parseInt(l)&&n.lastSlide.call(),n.prevSlide.call()},bullets:function(i){{var t=e,a=n.customNavs[0]+" "+n.customNavs[1],d=n.customNavs[1];t.find(a)}if("slider"!=n.layout)var o=".hgi.active",r=i.closest("li").data("index"),l=t.find("#mac-book .hgi.active").data("index"),c=t.find('#mac-book .hgi[data-index="'+l+'"]'),h=t.find('#mac-book .hgi[data-index="'+parseInt(r)+'"]');else var o=n.markup[1]+".active",v=n.markup[0]+" "+n.markup[1],r=i.data("index"),l=t.find(v+".active").index(),c=t.find(v+'[data-index="'+l+'"]'),h=t.find(v).eq(parseInt(r));var m=t.find(d+".active");i.hasClass("active")||0!==u||(u=1,m.removeClass("active"),t.find(a+'[data-index="'+r+'"]').addClass("active"),parseInt(r)>parseInt(m.data("index"))?(c.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),h.addClass("active "+s.in_dir2),t.find(h).one(f,function(){c.removeClass(s.out_dir1),t.find(o).length>1&&(h.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),u=0)})):(c.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),h.addClass("active "+s.in_dir1),t.find(c).one(f,function(){c.removeClass(s.out_dir2),t.find(o).length>1&&(h.siblings().removeClass("active "+s.in_dir1+" "+s.in_dir2+" "+s.out_dir1+" "+s.out_dir2),u=0)})))},init:function(){var t="#"+d.attr("id"),a="slider"===n.layout?n.markup[0]+" "+n.markup[1]:"#mac-book .hgi",o=n.activeIndex,u="slider"===n.layout?d.find(n.markup[0]+" "+n.markup[1]).eq(o):d.find('#mac-book .hgi[data-index="'+o+'"]');if("slider"!=n.layout)var c=d.find("#mac-book #left"),h=d.find("#mac-book #right"),f='#bullet-navs ul li[data-index="'+o+'"]';else var c=d.find("#left"),h=d.find("#right"),f=n.customNavs[0]+" "+n.customNavs[1]+'[data-index="'+o+'"]';var m=0;if("screen"===n.layout){var p='<li data-index=""><span class="blt"></span></li>';d.find("#bullet-navs").append("<ul></ul>"),d.find(a).each(function(){i(this).attr("data-index",m),d.find("#bullet-navs ul").append(p),d.find("#bullet-navs ul li").last().attr("data-index",m),m++})}else{if("#bullet-navs"===n.customNavs[0]){var p='<li data-index=""><span class="blt"></span></li>';d.find("#bullet-navs").append("<ul></ul>"),d.find(a).each(function(){i(this).attr("data-index",m),d.find("#bullet-navs ul").append(p),d.find("#bullet-navs ul li").last().attr("data-index",m),m++})}else d.find(n.customNavs[0]+" "+n.customNavs[1]).each(function(){i(this).attr("data-index",m),m++});m=0,d.find(a).each(function(){i(this).attr("data-index",m),m++})}r=0,l=d.find(a).last().data("index");var g=(d.find("#bullet-navs li"),'<style data-title="'+t+'" type="text/css">');g+=t+" #bullet-navs ul li span{background: "+n.bulletsColor+"}",g+=t+" #bullet-navs ul li.active span{background: "+n.bulletsAC+"}",g+=t+" "+n.markup[0]+"{height: "+n.height+"}",g+=t+" "+n.markup[0]+"{width: "+n.width+"}",g+=t+" "+n.markup[1]+"{height: 100%}",g+=t+"{margin-top: "+n.margin+"; margin-bottom: "+n.margin+"}",g+=t+" "+a+".animated{-webkit-animation-duration: "+n.slideSpeed+"ms; animation-duration: "+n.slideSpeed+"ms;}",g+="#bullet-navs"===n.customNavs[0]?t+" "+n.customNavs[0]+"{height: auto; position: absolute;bottom: 0px; padding: 0 0.5%; padding-top: 2px; width: 90%;}":t+" "+n.customNavs[0]+"{height: auto; position: absolute;bottom: 0px; padding: 0 0.5%; padding-top: 2px; width: 100%;}",n.customStyle&&i.each(n.customStyle,function(i,t){g+=t}),g+="</style>",d.closest("html").find("head").append(g),n.bullets===!1&&d.find("#bullet-navs").remove(),n.arrows===!1&&d.find("#left, #right").remove(),u.addClass("active "+s.in_dir1),d.find(f).addClass("active");d.find("#mac-book .hgi.active").data("index");"vertical"===n.direction&&e.addClass("vertical"),"horizontal"===n.direction?(h.click(function(){v.prev()}),c.click(function(){v.next()})):(h.click(function(){v.prev()}),c.click(function(){v.next()}))},thumbs:function(){var t=i(window).outerWidth(),a=d.attr("id"),e=480,o=960,s=1200,r=1600,l=n.customNavs[0]+" "+n.customNavs[1];"#bullet-navs"===n.customNavs[0]&&(l="none");var u=n.thumbsSize.xsmall,c=n.thumbsSize.small,h=n.thumbsSize.medium,f=n.thumbsSize.large,v=n.thumbsSize.xlarge,m="";t>e?t>e&&o>=t?(d.find(l).css({width:c,height:c}),m=c):t>o&&s>=t?(d.find(l).css({width:h,height:h}),m=h):t>s&&r>=t?(d.find(l).css({width:f,height:f}),m=f):t>r&&(d.find(l).css({width:v,height:v}),m=v):(d.find(l).css({width:u,height:u}),m=u),m+=10;if(n.fixedThumbs===!0){if("bottom"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerHeight();i(p).css("height",g-m+7)}else if("top"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerHeight();i(p).css({height:g-m,marginTop:m-7})}else if("left"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerWidth();i(p).css({width:g-m,marginLeft:m})}else if("right"===n.navPosition){var p="#"+a+" "+n.markup[1],g=i("#"+a+" "+n.markup[0]).outerWidth();i(p).css({width:g-m,marginRight:m})}}else{var _="#"+a+" "+n.markup[0]+" "+n.customNavs[0];"bottom"===n.navPosition?(i(_).css("margin-bottom",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginBottom:0},350)},function(){i(_).animate({marginBottom:-m+"px"},350)})):"top"===n.navPosition?(i(_).css("margin-top",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginTop:0},350)},function(){i(_).animate({marginTop:-m+"px"},350)})):"left"===n.navPosition?(i(_).css("margin-left",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginLeft:0},350)},function(){i(_).animate({marginLeft:-m+"px"},350)})):"right"===n.navPosition&&(i(_).css("margin-right",-m+"px"),i("#"+a+" "+n.markup[0]).hover(function(){i(_).animate({marginRight:0},350)},function(){i(_).animate({marginRight:-m+"px"},350)}))}}},m={first:function(){var t=e.find(".hgi.active").data("index"),a=e.find(".phone-holder").find('.hgi[data-index="'+parseInt(t+1)+'"]'),o=e.find(".phone-holder").find(".hgi").last().data("index"),r=e.find(".hgi.active").data("index"),l=e.find(".phone-holder").find('.hgi[data-index="'+r+'"]');e.find(".highlight.active").removeClass("active"),parseInt(t+1)>parseInt(o)?(a=e.find(".phone-holder").find('.hgi[data-index="0"]'),e.find('.highlight[data-index="0"]').addClass("active")):i("#"+p+":not(.hand)").find('.highlight[data-index="'+parseInt(t+1)+'"]').addClass("active"),0===u&&(u=1,e.find(".hgi.active").removeClass("active "+s.in_dir1+" "+s.in_dir2),a.hasClass("hgh-linner")?(l.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),a.addClass("active "+s.in_dir1),d.find(l).one(f,function(){l.removeClass(s.out_dir2),e.find(".phone-holder .hgi.active").length>1&&l.removeClass("active"),u=0})):(l.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),a.addClass("active "+s.in_dir2),d.find(l).one(f,function(){l.removeClass(s.out_dir1),e.find(".phone-holder .hgi.active").length>1&&l.removeClass("active"),u=0}),n.autoplayLoop.call()))},second:function(){var i=e.find(".hgi.active").data("index"),t=e.find(".phone-hand").find('.hgi[data-index="'+parseInt(i+1)+'"]'),a=e.find(".phone-hand").find('.hgi[data-index="'+parseInt(i-1)+'"]'),n=e.find(".phone-hand").find(".hgi").last().data("index"),r=e.find(".phone-hand .hgi.active").data("index"),l=e.find(".phone-hand").find('.hgi[data-index="'+r+'"]');e.find(".highlight.active").removeClass("active"),0===o&&0===u&&(u=1,parseInt(i+1)>parseInt(n)?(o=1,u=0):(e.find('.highlight[data-index="'+parseInt(i+1)+'"]').addClass("active"),l.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),t.addClass("active "+s.in_dir1),d.find(l).one(f,function(){l.removeClass(s.out_dir2),e.find(".phone-hand .hgi.active").length>1&&l.removeClass("active"),u=0}))),1===o&&0===u&&(u=1,parseInt(i-1)<0?(o=0,u=0):(e.find('.highlight[data-index="'+parseInt(i-1)+'"]').addClass("active"),l.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),a.addClass("active "+s.in_dir2),d.find(l).one(f,function(){l.removeClass(s.out_dir1),e.find(".phone-hand .hgi.active").length>1&&l.removeClass("active"),u=0})))},third:function(){if("slider"!=n.layout)var i="#mac-screen",t=".hgi";else var i=n.markup[0],t=n.markup[1];{var a=n.customNavs[0]+" "+n.customNavs[1],e=t+".active",r=d.find(i+" "+e).data("index"),l=d.find(i).find(t+'[data-index="'+parseInt(r+1)+'"]'),c=d.find(i).find(t+'[data-index="'+parseInt(r-1)+'"]'),h=d.find(i).find(t).last().data("index"),v=d.find(i+" "+e).data("index"),m=d.find(i).find(t+'[data-index="'+v+'"]'),p=d.find(a+".active");d.find(a)}p.removeClass("active"),0===o&&0===u&&(u=1,parseInt(r+1)>parseInt(h)?(o=1,u=0):(d.find(a+'[data-index="'+parseInt(r+1)+'"]').addClass("active"),m.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),l.addClass("active "+s.in_dir2),d.find(l).one(f,function(){m.removeClass(s.out_dir1),d.find(i+" "+e).length>1&&(m.removeClass("active"),u=0)}),n.nextSlide.call())),1===o&&0===u&&(u=1,parseInt(r-1)<0?(o=0,u=0,d.find(a+'[data-index="'+parseInt(r)+'"]').addClass("active")):(d.find(a+'[data-index="'+parseInt(r-1)+'"]').addClass("active"),m.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),c.addClass("active "+s.in_dir1),d.find(m).one(f,function(){m.removeClass(s.out_dir2),d.find(i+" "+e).length>1&&(m.removeClass("active"),u=0)}),n.prevSlide.call()))}};if("default"===n.layout){var p=this.attr("id"),g='<style type="text/css" data-title="'+p+'">';g+="#"+p+" .highlight-title .fa{background: "+n.circleColor+"; color: "+n.iconColor+"}",g+="#"+p+" .highlight.active h3:after{background: "+n.activeColor+"}",g+="#"+p+" .highlight.active .fa{background: "+n.activeColor+"}",g+="#"+p+"{background: "+n.background+"}",g+="#"+p+" .hgi.animated{-webkit-animation-duration: "+n.slideSpeed+"ms!important; animation-duration: "+n.slideSpeed+"ms!important;}",g+="</style>",this.closest("html").find("head").append(g),d.find(".hgi").addClass("animated"),d.find('.hgi[data-index="'+n.activeIndex+'"]').addClass("active "+s.in_dir1),d.find('.highlight[data-index="'+n.activeIndex+'"]').addClass("active");var _="";if(d.find(".highlight").mouseenter(function(){if(!i(this).hasClass("active")&&0===u){u=1;var t=e;t.find(".highlight.active").removeClass("active"),i(this).addClass("active"),_=i(this).closest(".highlight").data("index");var a=t.find(".phone-holder").find('.hgi[data-index="'+_+'"]'),n=t.find(".phone-holder .hgi.active").data("index"),d=t.find(".phone-holder").find('.hgi[data-index="'+n+'"]');t.find(".hgi.active").removeClass(s.in_dir1+" "+s.in_dir2+" active"),a.hasClass("hgh-linner")?(d.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),a.addClass("active "+s.in_dir1),t.find(d).one(f,function(){d.removeClass(s.out_dir2),i(".hgi.active").length>1&&d.removeClass("active"),u=0})):(d.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),a.addClass("active "+s.in_dir2),t.find(d).one(f,function(){d.removeClass(s.out_dir1),i(".hgi.active").length>1&&d.removeClass("active"),u=0}))}}),d.find(".row").each(function(){var t=i(this).outerHeight(),a=(t-550)/2;i(this).css("padding",a+"px 0px")}),n.autoplay===!0)var C=setInterval(m.first,parseInt(n.autoplaySpeed));n.autoplay===!0&&e.find(".highlight").hover(function(){clearInterval(C)},function(){C=setInterval(m.first,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&e.find(".highlight").mouseenter(function(){clearInterval(C)})}else if("hand"===n.layout){var p=this.attr("id"),g='<style type="text/css" data-title="'+p+'">';g+="#"+p+" .highlight-title .fa{background: "+n.circleColor+"; color: "+n.iconColor+"}",g+="#"+p+" .highlight.active h3:after{background: "+n.activeColor+"}",g+="#"+p+" .highlight.active .fa{background: "+n.activeColor+"}",g+="#"+p+"{background: "+n.background+"}",g+="#"+p+" .hgi.animated{-webkit-animation-duration: "+n.slideSpeed+"ms; animation-duration: "+n.slideSpeed+"ms;}",g+="</style>",this.closest("html").find("head").append(g);var x=this;if(x.find(".hgi").addClass("animated"),x.find('.hgi[data-index="'+n.activeIndex+'"]').addClass("active "+s.in_dir1),x.find('.highlight[data-index="'+n.activeIndex+'"]').addClass("active"),x.on("mouseenter",".highlight",function(){if(!i(this).hasClass("active")&&0===u){u=1,e.find(".highlight.active").removeClass("active"),i(this).addClass("active");var t=i(this).data("index"),a=e,n=a.find(".phone-hand").find('.hgi[data-index="'+t+'"]'),d=a.find(".phone-hand .hgi.active").data("index"),o=a.find(".phone-hand").find('.hgi[data-index="'+d+'"]');parseInt(t)>parseInt(d)?(o.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir2),n.addClass("active "+s.in_dir1),a.find(o).one(f,function(){o.removeClass(s.out_dir1+" "+s.out_dir2),i(".zenith_slider.hand .hgi.active").length>1&&o.removeClass("active"),u=0})):(o.removeClass(s.in_dir1+" "+s.in_dir2).addClass("active "+s.out_dir1),n.addClass("active "+s.in_dir2),a.find(o).one(f,function(){o.removeClass(s.out_dir1+" "+s.out_dir2),e.find(".hgi.active").length>1&&o.removeClass("active"),u=0}))}}),n.autoplay===!0)var C=setInterval(m.second,parseInt(n.autoplaySpeed));n.autoplay===!0&&e.find(".highlight").hover(function(){clearInterval(C)},function(){C=setInterval(m.second,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&d.find(".highlight").mouseenter(function(){clearInterval(C)})}else if("screen"===n.layout){v.init();var I=d.find("#bullet-navs li");if(I.click(function(){var t=i(this);v.bullets(t)}),n.autoplay===!0)var C=setInterval(m.third,parseInt(n.autoplaySpeed));n.autoplayPause===!0&&n.autoplay===!0&&e.find("#mac-screen").hover(function(){clearInterval(C)},function(){C=setInterval(m.third,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&e.find("#mac-screen").mouseenter(function(){clearInterval(C)});var b=document.getElementById("mac-screen"),k=new Hammer(b);k.get("swipe").set({direction:Hammer.DIRECTION_ALL}),k.on("swipeleft",function(){"horizontal"===n.direction&&v.prev()}),k.on("swiperight",function(){"horizontal"===n.direction&&v.next()}),k.on("swipeup",function(){"vertical"===n.direction&&v.prev()}),k.on("swipedown",function(){"vertical"===n.direction&&v.next()}),k.on("press",function(){clearInterval(C)}),k.on("pressup",function(){C=setInterval(m.third,parseInt(n.speed))})}else if("slider"===n.layout){v.init(),"#tf_thumbs"===n.customNavs[0]&&v.thumbs();var p="#"+d.attr("id"),g="";n.fullWidth===!0&&(d.find(n.markup[0]).css({width:"100%",margin:0,height:i(window).outerHeight()}),d.css("margin",0)),"top"===n.navPosition&&n.fixedThumbs===!1?g+=p+" "+n.customNavs[0]+"{top: 3px; }":"top"===n.navPosition&&n.fixedThumbs===!0?g+=p+" "+n.customNavs[0]+"{top: 0px; bottom: auto!important}":"left"===n.navPosition&&"vertical"===n.direction?g+="#tf_thumbs"===n.customNavs[0]?p+" "+n.customNavs[0]+"{left: 0px;}":p+" "+n.customNavs[0]+"{left: 3px;}":"right"===n.navPosition&&"vertical"===n.direction&&(g+="#tf_thumbs"===n.customNavs[0]?p+" "+n.customNavs[0]+"{right: 0px;}":p+" "+n.customNavs[0]+"{right: 3px;}"),d.closest("html").find('head style[data-title="'+p+'"]').prepend(g);var I=(n.customNavs[1],d.find(n.customNavs[0]+" "+n.customNavs[1]));if(d.find(n.markup[0]).addClass(n.style),n.thumbsBG===!1&&d.find("#tf_thumbs").addClass("no-bg"),I.click(function(){var t=i(this);v.bullets(t)}),i(window).resize(function(){"#tf_thumbs"===n.customNavs[0]&&v.thumbs()}),n.autoplay===!0)var C=setInterval(m.third,parseInt(n.autoplaySpeed));n.autoplayPause===!0&&n.autoplay===!0&&d.find(n.markup[0]).hover(function(){clearInterval(C)},function(){C=setInterval(m.third,parseInt(n.autoplaySpeed))}),n.autoplayStop===!0&&n.autoplay===!0&&d.find(n.markup[0]).mouseenter(function(){clearInterval(C)});var p=d.attr("id"),b=document.getElementById(p),k=new Hammer(b);k.get("swipe").set({direction:Hammer.DIRECTION_ALL}),k.on("swipeleft",function(){"horizontal"===n.direction&&v.prev()}),k.on("swiperight",function(){"horizontal"===n.direction&&v.next()}),k.on("swipeup",function(){"vertical"===n.direction&&v.prev()}),k.on("swipedown",function(){"vertical"===n.direction&&v.next()}),k.on("press",function(){clearInterval(C)}),k.on("pressup",function(){C=setInterval(m.third,parseInt(n.autoplaySpeed))})}}}(jQuery);
2 | 


--------------------------------------------------------------------------------
/multi-1.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Multiple sliders</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukpomanovic. All Rights Reserved." />
  9 |   <meta name="robots" content="noindex,follow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | 
 17 | </head>
 18 | 
 19 | <body>
 20 | 
 21 | <nav>
 22 |     <ul>
 23 |       <li><a href="default.html">Default Layout</a></li>
 24 |       <li><a href="hand.html">Hand Layout</a></li>
 25 |       <li><a href="screen.html">Screen Layout</a></li>
 26 |       <li>
 27 |           <a href="#">Slider Layout</a>
 28 |           <ul>
 29 |             <li><a href="slider.html">Regular Slider</a></li>
 30 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 31 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 32 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 33 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 34 |           </ul>
 35 |       </li>
 36 |       <li class="active"><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 37 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 38 |     </ul>
 39 |  </nav>  
 40 | 
 41 |   <section id="highlights" class="clearfix zenith_slider">
 42 |                   
 43 |     <!--The First row-->  
 44 |     <div class="row left-row">
 45 | 
 46 |        <ul>
 47 |             
 48 |           <li class="highlight lhgh" data-index="0">
 49 | 
 50 |               <div class="highlight-title">
 51 |                 <h3>Easily Customized</h3>
 52 |                 <span class="fa fa-cogs fa-2x" ></span>
 53 |               </div><!-- .highlight-title --> 
 54 | 
 55 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 56 | 
 57 |           </li><!-- .highlight .left-row -->
 58 | 
 59 |           <li class="highlight lhgh" data-index="1">
 60 | 
 61 |               <div class="highlight-title">
 62 |                 <h3>Crafted with love</h3>
 63 |                 <span class="fa fa-heart-o fa-2x" ></span>
 64 |               </div><!-- .highlight-title --> 
 65 | 
 66 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 67 | 
 68 |           </li><!-- .highlight .left-row -->
 69 | 
 70 |           <li class="highlight lhgh" data-index="2">
 71 | 
 72 |               <div class="highlight-title">
 73 |                 <h3>User Friendly</h3>
 74 |                 <span class="fa fa-user fa-2x" ></span>
 75 |               </div><!-- .highlight-title --> 
 76 | 
 77 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 78 | 
 79 |           </li><!-- .highlight .left-row -->
 80 |     
 81 |        </ul>
 82 | 
 83 |     </div><!-- .row .left-row -->
 84 |   
 85 |     <div class="highlights-phone col-md-4 col-xs-12 wht">
 86 |       
 87 |         <div class="phone-holder">
 88 | 
 89 |            <div id="fon"></div>
 90 | 
 91 |            <div class="hgh-linner hgi" data-index="0">
 92 |                 <img width="190" height="320" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen.png" class="attachment-highlight wp-post-image" alt="screen" />    
 93 |             </div>
 94 | 
 95 |             <div class="hgh-linner hgi" data-index="1">
 96 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screensdst-234x398.jpg" class="attachment-highlight wp-post-image" alt="screensdst" />    
 97 |             </div>
 98 | 
 99 |             <div class="hgh-linner hgi" data-index="2">
100 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_09-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_09" />    
101 |             </div>
102 | 
103 |             <div class="hgh-rinner hgi" data-index="3">
104 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_07-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_07" />    
105 |             </div>
106 | 
107 |             <div class="hgh-rinner hgi" data-index="4">
108 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_08-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_08" />    
109 |             </div>
110 | 
111 |             <div class="hgh-rinner hgi" data-index="5">
112 |                 <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_06-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_06" />    
113 |             </div>
114 |           
115 |         </div>
116 | 
117 |     </div>
118 | 
119 |     <!--The Second row-->
120 |     <div class="row col-md-4 col-xs-8 right-row">
121 | 
122 |        <ul>
123 | 
124 |           <li class="highlight rhgh" data-index="3">
125 | 
126 |               <div class="highlight-title">
127 |                 <span class="fa fa-desktop fa-2x" ></span>
128 |                 <h3>Fully Responsive</h3>
129 |               </div><!-- .highlight-title --> 
130 | 
131 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
132 | 
133 |           </li><!-- .highlight .left-row -->
134 | 
135 |           <li class="highlight rhgh" data-index="4">
136 | 
137 |               <div class="highlight-title">
138 |                 <span class="fa fa-home fa-2x" ></span>
139 |                 <h3>2 Homepage layouts</h3>
140 |               </div><!-- .highlight-title --> 
141 | 
142 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
143 | 
144 |           </li><!-- .highlight .left-row -->
145 | 
146 |           <li class="highlight rhgh" data-index="5">
147 | 
148 |               <div class="highlight-title">
149 |                 <span class="fa fa-users fa-2x" ></span>
150 |                 <h3>Great Support</h3>
151 |               </div><!-- .highlight-title --> 
152 | 
153 |               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
154 | 
155 |           </li><!-- .highlight .left-row -->
156 |        
157 |       </ul>
158 | 
159 |     </div><!-- .row .left-row -->
160 |   
161 |   </section><!--Highlights close-->
162 | 
163 | 
164 | 
165 |   <section id="other-one" class="hand zenith_slider">
166 | 
167 |         <div class="row">
168 | 
169 |             <div class="highlights">
170 | 
171 |                 <ul class="block" data-move-x="-150px">
172 | 
173 |                   <li class="highlight lhgh" data-index="0">
174 |                     <div class="highlight-title">
175 |                       <h3>Easily Customized</h3>
176 |                       <span class="fa fa-cogs fa-2x" ></span>
177 |                     </div><!-- .highlight-title --> 
178 | 
179 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
180 | 
181 |                   </li><!-- .highlight .left-row -->
182 | 
183 |                   <li class="highlight lhgh" data-index="1">
184 |                     <div class="highlight-title">
185 |                       <h3>Crafted with love</h3>
186 |                       <span class="fa fa-heart-o fa-2x" ></span>
187 |                     </div><!-- .highlight-title --> 
188 | 
189 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
190 | 
191 |                   </li><!-- .highlight .left-row -->
192 | 
193 |                   <li class="highlight lhgh" data-index="2">
194 | 
195 |                     <div class="highlight-title">
196 |                       <h3>User Friendly</h3>
197 |                       <span class="fa fa-user fa-2x" ></span>
198 |                     </div><!-- .highlight-title --> 
199 | 
200 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
201 | 
202 |                   </li><!-- .highlight .left-row -->
203 | 
204 |                   <li class="highlight lhgh" data-index="3">
205 | 
206 |                     <div class="highlight-title">
207 |                       <h3>Fully Responsive</h3>
208 |                       <span class="fa fa-desktop fa-2x
209 |                       " ></span>
210 |                     </div><!-- .highlight-title --> 
211 |                     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
212 | 
213 |                   </li><!-- .highlight .left-row -->
214 |                   
215 |                 </ul>
216 | 
217 |             </div>
218 | 
219 |             <div class="phone-hand">
220 | 
221 |                 <div id="inner-screen">  
222 | 
223 |                    <div class="hgi" data-index="0">
224 |                      <img width="190" height="320" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen.png" class="attachment-highlight wp-post-image" alt="screen" />    
225 |                    </div>
226 | 
227 |                    <div class="hgi" data-index="1">
228 |                      <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screensdst-234x398.jpg" class="attachment-highlight wp-post-image" alt="screensdst" />    
229 |                    </div>
230 | 
231 |                    <div class="hgi" data-index="2">
232 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_09-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_09" /> 
233 |                    </div>
234 | 
235 |                    <div class="hgi" data-index="3">
236 |                      <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_07-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_07" />    
237 |                    </div>
238 | 
239 |                 </div>
240 | 
241 |             </div>    
242 | 
243 |         </div>
244 | 
245 |   </section>
246 | 
247 |   <div class="src">
248 |         <h4>Init</h4>
249 |         <code><pre>
250 |         $('#highlights').zenith({
251 |               layout: 'default' ,
252 |               slideSpeed: 430
253 |         });
254 |         
255 |         $('#other-one').zenith({
256 |               layout: 'hand', 
257 |               autoplaySpeed : 3500, 
258 |               slideSpeed: 400
259 |         });
260 |         </pre></code>
261 |     </div>    
262 | 
263 |     <footer>
264 |       Copyright &copy; themeflection.com All rights reserved 
265 |     </footer>
266 | 
267 | <script src="js/jquery-1.9.1.min.js"></script>
268 | <script src="js/zenith.js"></script>
269 | <script type="text/javascript">
270 |       $('#highlights').zenith({
271 |           layout: 'default' ,
272 |           slideSpeed: 430
273 |       });
274 |       $('#other-one').zenith({
275 |           layout: 'hand', 
276 |           autoplaySpeed : 3500, 
277 |           slideSpeed: 400
278 |       });
279 | </script>
280 | 
281 | </body>


--------------------------------------------------------------------------------
/multi-2.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Multiple Sliders 2</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukomanovic. All Rights Reserved." />
  9 |   <meta name="robots" content="noindex,follow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | <style type="text/css">
 17 |    p{padding:20px; text-align: justify;}
 18 |    a.button{padding: 10px 20px; background: cornflowerblue; border: 1px solid aliceblue;}
 19 |    .buttons{text-align: center;}
 20 |    .tf_container .tf_slide{width: 100%; height: 470px;  text-align: center; padding-top: 160px; color: #555; }
 21 | </style>    
 22 | </head>
 23 | 
 24 | <body>
 25 | 
 26 |  <nav>
 27 |     <ul>
 28 |       <li><a href="default.html">Default Layout</a></li>
 29 |       <li><a href="hand.html">Hand Layout</a></li>
 30 |       <li><a href="screen.html">Screen Layout</a></li>
 31 |       <li>
 32 |           <a href="#">Slider Layout</a>
 33 |           <ul>
 34 |             <li><a href="slider.html">Regular Slider</a></li>
 35 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 36 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 37 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 38 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 39 |           </ul>
 40 |       </li>
 41 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 42 |       <li class="active"><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 43 |     </ul>
 44 |  </nav>  
 45 | 
 46 |  <section id="first" class="tf_slider clearfix">
 47 |        
 48 |        <div class="inner-circle clearfix">               
 49 |               
 50 |             <div class="highlights-cta">
 51 |                 <h3>Highlights Slider</h3>
 52 |                 <p>orem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 53 |                 <div class="buttons">
 54 |                   <a class="button">Live View</a>
 55 |                   <a class="button">Get It</a>
 56 |                 </div>  
 57 | 
 58 |             </div>
 59 |             
 60 |             <div id="mac-book">
 61 |                 <div class="ratio"></div>
 62 |                 <div id="mac-screen">
 63 |                     <div class="hgh-linner hgi" data-index="0">
 64 |                     <img width="190" height="320" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen.png" class="attachment-highlight wp-post-image" alt="screen" />    </div>
 65 |                           <div class="hgh-linner hgi" data-index="1">
 66 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screensdst-234x398.jpg" class="attachment-highlight wp-post-image" alt="screensdst" />    </div>
 67 |                           <div class="hgh-linner hgi" data-index="2">
 68 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_09-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_09" />    </div>
 69 |                           <div class="hgh-rinner hgi" data-index="3">
 70 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_07-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_07" />    </div>
 71 |                           <div class="hgh-rinner hgi" data-index="4">
 72 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_08-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_08" />    </div>
 73 |                           <div class="hgh-rinner hgi" data-index="5">
 74 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_06-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_06" />    </div>
 75 | 
 76 |                     <span id="left"></span>
 77 |                     <span id="right"></span>
 78 |                     <div id="bullet-navs"></div>
 79 |                 </div>
 80 |             </div>
 81 | 
 82 |       </div>    
 83 |   
 84 |     </section><!--Highlights close-->
 85 | 
 86 |     <section id="second" class="clearfix tf_slider">       
 87 |               
 88 |             <div class="tf_container">
 89 |                 <div class="tf_slide">Item 1</div>  
 90 |                 <div class="tf_slide">Item 2</div> 
 91 |                 <div class="tf_slide">Item 3</div> 
 92 |                 <div class="tf_slide">Item 4</div> 
 93 |                 <div class="tf_slide">Item 5</div> 
 94 |                 <div class="tf_slide">Item 6</div> 
 95 |                 <div class="tf_slide">Item 7</div> 
 96 | 
 97 |                 <span id="left"></span>
 98 |                 <span id="right"></span>
 99 |                 <div id="bullet-navs"></div>
100 |             </div>
101 |        
102 |     </section><!--Highlights close-->
103 | 
104 |     <section id="third" class="clearfix tf_slider">       
105 |               
106 |             <div class="tf_container">
107 |                 <div class="tf_slide">
108 |                     <h3>Item 1</h3>
109 |                     <P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
110 |                 </div>  
111 |                 <div class="tf_slide">
112 |                     <h3>Item 2</h3>
113 |                     <P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
114 |                 </div> 
115 |                 <div class="tf_slide">
116 |                     <h3>Item 3</h3>
117 |                     <P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
118 |                 </div> 
119 |                 <div class="tf_slide">
120 |                     <h3>Item 4</h3>
121 |                     <P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
122 |                 </div> 
123 |                 <div class="tf_slide">
124 |                     <h3>Item 5</h3>
125 |                     <P>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
126 |                 </div>  
127 | 
128 |                 <span id="left"></span>
129 |                 <span id="right"></span>
130 |                 <div id="bullet-navs"></div>
131 |             </div>
132 |        
133 |     </section><!--Highlights close-->
134 | 
135 |     <div class="src">
136 |         <h4>Init</h4>
137 |         <code><pre>
138 |        $('#first').zenith({
139 |             layout: 'screen', 
140 |             height: '340px',  
141 |             autoplaySpeed: 4600
142 |        });
143 | 
144 |        $('#second').zenith({
145 |             layout: 'slider', 
146 |             autoplay: true, 
147 |             slideSpeed: 550, 
148 |             style: 'shadow',
149 |             bulletsColor: 'aliceblue'
150 |        });
151 | 
152 |         $('#third').zenith({
153 |             layout: 'slider', 
154 |             autoplay: true, 
155 |             width: '80%', 
156 |             height: '400px', 
157 |             slideSpeed: 600, 
158 |             style: 'border',
159 |             customStyle: [
160 |                   '#third .tf_slide{padding: 20px; font-size: 16px; background: #fefefe;}',
161 |                   '#third .tf_slide h3{font-size: 1.3rem; text-shadow: 1px 2px 1px black;}'
162 |             ]
163 |        });
164 |         </pre></code>
165 |     </div>    
166 | 
167 |     <footer>
168 |       Copyright &copy; themeflection.com All rights reserved 
169 |     </footer>
170 | 
171 | 
172 | <script src="js/jquery-1.9.1.min.js"></script>
173 | <script src="js/zenith.js"></script>
174 | <script type="text/javascript">
175 |       $('#first').zenith({
176 |             layout: 'screen', 
177 |             height: '340px',  
178 |             autoplaySpeed: 4600
179 |       });
180 |       $('#second').zenith({
181 |             layout: 'slider', 
182 |             autoplay: true, 
183 |             slideSpeed: 550, 
184 |             style: 'shadow',
185 |             bulletsColor: 'aliceblue'
186 |       });
187 |       $('#third').zenith({
188 |             layout: 'slider', 
189 |             autoplay: true, 
190 |             width: '80%', 
191 |             height: '400px', 
192 |             slideSpeed: 600, 
193 |             style: 'border',
194 |             customStyle: [
195 |                   '#third .tf_slide{padding: 20px; font-size: 16px;background: #fefefe;}',
196 |                   '#third .tf_slide h3{font-size: 1.3rem; text-shadow: 1px 2px 1px black;}'
197 |             ]
198 |        });
199 | 
200 | </script>
201 | 
202 | </body>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | bower.json


--------------------------------------------------------------------------------
/screen.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Screen Layout</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukomanovic. All Rights Reserved." />
  9 |   <meta name="robots" content="noindex,follow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | <style type="text/css">
 17 |    p{padding:20px; text-align: justify;}
 18 |    a.button{padding: 10px 20px; background: cornflowerblue; border: 1px solid aliceblue;}
 19 |    .buttons{text-align: center;}
 20 | </style>
 21 |     
 22 | </head>
 23 | 
 24 | <body>
 25 | 
 26 | <nav>
 27 |     <ul>
 28 |       <li><a href="default.html">Default Layout</a></li>
 29 |       <li><a href="hand.html">Hand Layout</a></li>
 30 |       <li class="active"><a href="screen.html">Screen Layout</a></li>
 31 |       <li>
 32 |           <a href="#">Slider Layout</a>
 33 |           <ul>
 34 |             <li><a href="slider.html">Regular Slider</a></li>
 35 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 36 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 37 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 38 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 39 |           </ul>
 40 |       </li>
 41 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 42 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 43 |     </ul>
 44 |  </nav>  
 45 |  
 46 |     <section id="highlights" class="tf_slider">
 47 |        
 48 |        <div class="inner-circle clearfix">               
 49 |               
 50 |             <div class="highlights-cta">
 51 |                 <h3>Zenith Slider</h3>
 52 |                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</p>
 53 |                 <div class="buttons">
 54 |                   <a class="button">Live View</a>
 55 |                   <a class="button">Get It</a>
 56 |                 </div>  
 57 | 
 58 |             </div>
 59 |             
 60 |             <div id="mac-book">
 61 |                 <div class="ratio"></div>
 62 |                 <div id="mac-screen">
 63 |                     <div class="hgh-linner hgi" data-index="0">
 64 |                     <img width="190" height="320" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen.png" class="attachment-highlight wp-post-image" alt="screen" />    </div>
 65 |                           <div class="hgh-linner hgi" data-index="1">
 66 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screensdst-234x398.jpg" class="attachment-highlight wp-post-image" alt="screensdst" />    </div>
 67 |                           <div class="hgh-linner hgi" data-index="2">
 68 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_09-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_09" />    </div>
 69 |                           <div class="hgh-rinner hgi" data-index="3">
 70 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_07-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_07" />    </div>
 71 |                           <div class="hgh-rinner hgi" data-index="4">
 72 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_08-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_08" />    </div>
 73 |                           <div class="hgh-rinner hgi" data-index="5">
 74 |                     <img width="234" height="398" src="http://themeflection.com/demo/appinator/wp-content/uploads/2015/05/screen_06-234x398.jpg" class="attachment-highlight wp-post-image" alt="screen_06" />    </div>
 75 | 
 76 |                     <span id="left"></span>
 77 |                     <span id="right"></span>
 78 |                     <div id="bullet-navs"></div>
 79 |                 </div>
 80 |             </div>
 81 | 
 82 |       </div>    
 83 |   
 84 |     </section><!--Highlights close-->
 85 | 
 86 |      <div class="src">
 87 |         <h4>Init</h4>
 88 |         <code><pre>
 89 |             $('#highlights').zenith({
 90 |                 layout: 'screen'
 91 |             });
 92 |         </pre></code>
 93 |     </div>    
 94 | 
 95 |     <footer>
 96 |       Copyright &copy; themeflection.com All rights reserved 
 97 |     </footer>
 98 | 
 99 | 
100 | <script src="js/jquery-1.9.1.min.js"></script>
101 | <script src="js/zenith.js"></script>
102 | <script type="text/javascript">
103 |       $('#highlights').zenith({
104 |           layout: 'screen'
105 |       });
106 | </script>
107 | 
108 | </body>


--------------------------------------------------------------------------------
/slider.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Slider Layout</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukomanovic. All Rights Reserved." />
  9 |  <meta name="robots" content="noindex,follow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | \<link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 |     
 17 | </head>
 18 | 
 19 | <body>
 20 | 
 21 | <nav>
 22 |     <ul>
 23 |       <li><a href="default.html">Default Layout</a></li>
 24 |       <li><a href="hand.html">Hand Layout</a></li>
 25 |       <li><a href="screen.html">Screen Layout</a></li>
 26 |       <li>
 27 |           <a href="#">Slider Layout</a>
 28 |           <ul>
 29 |             <li class="active"><a href="slider.html">Regular Slider</a></li>
 30 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 31 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 32 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 33 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 34 |           </ul>
 35 |       </li>
 36 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 37 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 38 |     </ul>
 39 |  </nav>  
 40 | 
 41 |     <section id="s" class="clearfix tf_slider">       
 42 |               
 43 |             <div class="tf_container">
 44 |                 <div class="tf_slide">
 45 |                     <h2>Item 1</h2>
 46 |                     <p>Custom HTML content</p>
 47 |                 </div>  
 48 |                 <div class="tf_slide">
 49 |                     <h2>Item 2</h2>
 50 |                     <p>Some HTML with one small centered picture</p>
 51 |                     <img class="small" src="images/img5.jpg" />
 52 |                 </div> 
 53 |                 <div class="tf_slide">
 54 |                     <iframe width="100%" height="100%" src="https://www.youtube.com/embed/2hjb_5MaBpk" frameborder="0" allowfullscreen></iframe>
 55 |                 </div> 
 56 |                 <div class="tf_slide">
 57 |                     <h2>Item 4</h2>
 58 |                 </div> 
 59 |                 <div class="tf_slide">
 60 |                     <h2>Item 5</h2>
 61 |                 </div> 
 62 |                 <div class="tf_slide">
 63 |                     <img src="images/img3.jpg" alt="slide 6" />
 64 |                 </div> 
 65 |                 <div class="tf_slide">
 66 |                     <h2>Item 7</h2>
 67 |                 </div> 
 68 |            
 69 |                 <span id="left"></span>
 70 |                 <span id="right"></span>
 71 |                 <div id="bullet-navs"></div>
 72 |             </div>    
 73 | 
 74 |     </section><!--Highlights close-->
 75 | 
 76 |     <div class="src">
 77 |         <h4>Init</h4>
 78 |         <code><pre>
 79 |            $('#s').zenith({
 80 |                layout: 'slider', 
 81 |                slideSpeed: 750
 82 |            });
 83 |         </pre></code>
 84 |     </div>    
 85 | 
 86 |     <footer>
 87 |       Copyright &copy; themeflection.com All rights reserved 
 88 |     </footer>    
 89 | 
 90 | 
 91 | <script src="js/jquery-1.9.1.min.js"></script>
 92 | <script src="js/zenith.js"></script>
 93 | <script type="text/javascript">
 94 |       $('#s').zenith({
 95 |          layout: 'slider', 
 96 |          slideSpeed: 750,
 97 |          customStyle: [
 98 |            '.tf_container .tf_slide{ text-align: center; font-size: 1.29em; color: #555; }',
 99 |            '.tf_slide img.small{width: 250px; height: auto; border: 2px ridge #777}'
100 |          ]
101 |       });
102 | 
103 | </script>
104 | 
105 | </body>


--------------------------------------------------------------------------------
/tabs.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Slider with Tabs</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukomanovic. All Rights Reserved." />
  9 |  <meta name="robots" content="noindex,nofollow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | <style type="text/css">
 17 |    p{padding:20px; text-align: justify;}
 18 |    .tf_container .tf_slide{width: 100%; height: 100%; background: #fefefe; text-align: center; font-size: 1.89em; padding-top: 160px; color: #555; text-shadow: 1px 2px 1px black;}
 19 | </style>    
 20 | </head>
 21 | 
 22 | <body>
 23 | 
 24 |  <nav>
 25 |     <ul>
 26 |       <li><a href="default.html">Default Layout</a></li>
 27 |       <li><a href="hand.html">Hand Layout</a></li>
 28 |       <li><a href="screen.html">Screen Layout</a></li>
 29 |       <li>
 30 |           <a href="#">Slider Layout</a>
 31 |           <ul>
 32 |             <li><a href="slider.html">Regular Slider</a></li>
 33 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 34 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 35 |             <li class="active"><a href="tabs.html">Slider with Tabs</a></li>
 36 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 37 |           </ul>
 38 |       </li>
 39 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 40 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 41 |     </ul>
 42 |  </nav>  
 43 | 
 44 |   <section id="d" class="clearfix tf_slider">       
 45 |               
 46 |             <div class="tf_container">
 47 | 
 48 |                 <div class="tf_slide">
 49 |                         <h3 >Item 1</h3>
 50 |                         <P >Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
 51 |                 </div>  
 52 |                 <div class="tf_slide">
 53 |                         <h3 >Item 2</h3>
 54 |                         <P >Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
 55 |                 </div> 
 56 |                 <div class="tf_slide">
 57 |                         <h3 >Item 3</h3>
 58 |                         <P >Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
 59 |                 </div> 
 60 |                 <div class="tf_slide">
 61 |                         <h3 >Item 4</h3>
 62 |                         <P >Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.</P>
 63 |                 </div>  
 64 | 
 65 |                 <span id="left"></span>
 66 |                 <span id="right"></span>
 67 | 
 68 |                 <div id="tf_tabs" class="">
 69 |                     <div class="tf_tab">Tab 1</div>
 70 |                     <div class="tf_tab">Tab 2</div>
 71 |                     <div class="tf_tab">Tab 3</div>
 72 |                     <div class="tf_tab">Tab 4</div>
 73 |                 </div>
 74 | 
 75 |             </div>
 76 |        
 77 |     </section><!--Highlights close-->
 78 | 
 79 |     <div class="src">
 80 |         <h4>Init</h4>
 81 |         <code><pre>
 82 |         $('#d').zenith({ 
 83 |             layout: 'slider', 
 84 |             width: '90%', 
 85 |             height: '600px', 
 86 |             slideSpeed: 600, 
 87 |             style: 'shadow', 
 88 |             customNavs: ['#tf_tabs', '.tf_tab'], 
 89 |             customStyle: [
 90 |                 '#tf_tabs{ margin-top: 40px; bottom: auto}', 
 91 |                 '.tf_tab{display: inline-block; padding: 10px 3%; font-size: 1.15em; 
 92 |                    border: 2px solid #444; margin: 0 5px}', 
 93 |                 '.tf_tab.active{border-color: indianred}', 
 94 |                 '#d .tf_container .tf_slide{padding-top: 95px}', 
 95 |                 '.tf_tab:hover{cursor: pointer}',
 96 |                 '#d .tf_slide{padding: 20px; font-size: 16px;}',
 97 |                 '#d .tf_slide p{text-shadow: none;}',
 98 |                 '#d .tf_slide h3{font-size: 1.3rem;}'
 99 |             ],
100 |             thumbsSize: {
101 |                 xsmall : 'auto',
102 |                 small : 'auto',
103 |                 medium : 'auto',
104 |                 large : 'auto',
105 |                 xlarge : 'auto'
106 |             },
107 |             navPosition: 'top' 
108 |         });
109 | 
110 |         </pre></code>
111 |     </div>    
112 | 
113 |     <footer>
114 |       Copyright &copy; themeflection.com All rights reserved 
115 |     </footer>    
116 | 
117 | 
118 | <script src="js/jquery-1.9.1.min.js"></script>
119 | <script src="js/zenith.js"></script>
120 | <script type="text/javascript">
121 |       $('#d').zenith({ 
122 |             layout: 'slider', 
123 |             autoplay: true, 
124 |             width: '90%', 
125 |             height: '600px', 
126 |             slideSpeed: 600, 
127 |             style: 'shadow', 
128 |             customNavs: ['#tf_tabs', '.tf_tab'], 
129 |             customStyle: [
130 |                 '#tf_tabs{ margin-top: 40px; bottom: auto}', 
131 |                 '.tf_tab{display: inline-block; padding: 10px 3%; font-size: 1.15em; border: 2px solid #444; margin: 0 5px}', 
132 |                 '.tf_tab.active{border-color: indianred}', 
133 |                 '#d .tf_container .tf_slide{padding-top: 95px}', 
134 |                 '.tf_tab:hover{cursor: pointer}',
135 |                 '#d .tf_slide{padding: 20px; font-size: 16px;}',
136 |                 '#d .tf_slide p{text-shadow: none;}',
137 |                 '#d .tf_slide h3{font-size: 1.3rem;}'
138 |             ],
139 |             thumbsSize: {
140 |                 xsmall : 'auto',
141 |                 small : 'auto',
142 |                 medium : 'auto',
143 |                 large : 'auto',
144 |                 xlarge : 'auto'
145 |             },
146 |             navPosition: 'top' 
147 |         });
148 | 
149 | </script>
150 | 
151 | </body>
152 | 


--------------------------------------------------------------------------------
/testimonials.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Testimonials Slider</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukomanovic. All Rights Reserved." />
  9 |  <meta name="robots" content="noindex,nofollow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 14 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 15 | <style type="text/css">
 16 |    p{padding:20px; text-align: justify;}
 17 |    .tf_container .tf_slide{width: 100%; height: 100%; background: #fefefe; text-align: center; font-size: 1.89em; padding-top: 160px; color: #555; text-shadow: 1px 2px 1px black;}
 18 | </style>    
 19 | </head>
 20 | 
 21 | <body>
 22 | 
 23 |  <nav>
 24 |     <ul>
 25 |       <li><a href="default.html">Default Layout</a></li>
 26 |       <li><a href="hand.html">Hand Layout</a></li>
 27 |       <li><a href="screen.html">Screen Layout</a></li>
 28 |       <li>
 29 |           <a href="#">Slider Layout</a>
 30 |           <ul>
 31 |             <li><a href="slider.html">Regular Slider</a></li>
 32 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 33 |             <li><a href="thumbs.html">Slider with Thumbnails</a></li>
 34 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 35 |             <li class="active"><a href="testimonials.html">Testimonials Slider</a></li>
 36 |           </ul>
 37 |       </li>
 38 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 39 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 40 |     </ul>
 41 |  </nav>  
 42 | 
 43 |   <section id="d" class="clearfix tf_slider">       
 44 |               
 45 |             <div class="tf_container">
 46 |                 <div class="tf_slide">
 47 |                     <blockquote>
 48 |                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.
 49 |                         <span class="client">
 50 |                             <b class="name">Lou Sting</b>
 51 |                             <b class="title">CEO</b>
 52 |                         </span>
 53 |                     </blockquote>
 54 |                 </div>  
 55 |                 <div class="tf_slide">
 56 |                     <blockquote>
 57 |                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.
 58 |                         <span class="client">
 59 |                             <b class="name">Nancy Style</b>
 60 |                             <b class="title">Designer</b>
 61 |                         </span>
 62 |                     </blockquote>
 63 |                 </div> 
 64 |                 <div class="tf_slide">
 65 |                     <blockquote>
 66 |                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.
 67 |                         <span class="client">
 68 |                             <b class="name">Ana Mirkovic</b>
 69 |                             <b class="title">Menagment</b>
 70 |                         </span>
 71 |                     </blockquote>
 72 |                 </div> 
 73 |                 <div class="tf_slide">
 74 |                     <blockquote>
 75 |                         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula ege t dolor. Aenean massa.
 76 |                         <span class="client">
 77 |                             <b class="name">Milan Milosevic</b>
 78 |                             <b class="title">Lead Desginer</b>
 79 |                         </span>
 80 |                     </blockquote>
 81 |                 </div> 
 82 | 
 83 |                 <span id="left"></span>
 84 |                 <span id="right"></span>
 85 |                 <div id="tf_thumbs" class="">
 86 |                     <div class="tf_thumb"><img src="images/4.jpg"/></div>
 87 |                     <div class="tf_thumb"><img src="images/3.jpg"/></div>
 88 |                     <div class="tf_thumb"><img src="images/2.jpg"/></div>
 89 |                     <div class="tf_thumb"><img src="images/1.jpg"/></div>
 90 |                 </div>
 91 |             </div>
 92 |        
 93 |     </section><!--Highlights close-->
 94 | 
 95 |     <div class="src">
 96 |         <h4>Init</h4>
 97 |         <code><pre>
 98 |             $('#d').zenith({
 99 |                  layout: 'slider', 
100 |                  animation : 'RotateDown',
101 |                  autoplay: true, 
102 |                  width: '90%', 
103 |                  height: '420px', 
104 |                  slideSpeed: 600, 
105 |                  style: 'shadow', 
106 |                  customNavs: ['#tf_thumbs', '.tf_thumb'],
107 |                  thumbsBG  : false,
108 |                  customStyle : [
109 |                     '#d .tf_slide{padding: 105px 0; font-size: 16px;}', 
110 |                     '#d .tf_slide p{text-align: center, text-shadow: none;}',
111 |                     '#d .tf_slide h3{font-size: 1.3rem;}'
112 |                  ]
113 |            });
114 |         </pre></code>
115 |     </div>    
116 | 
117 |     <footer>
118 |       Copyright &copy; themeflection.com All rights reserved 
119 |     </footer>
120 | 
121 | 
122 | <script src="js/jquery-1.9.1.min.js"></script>
123 | <script src="js/zenith.js"></script>
124 | <script type="text/javascript">
125 |       $('#d').zenith({
126 |              layout: 'slider', 
127 |              animation : 'RotateDown',
128 |              autoplay: true, 
129 |              width: '90%', 
130 |              height: '420px', 
131 |              slideSpeed: 600, 
132 |              style: 'shadow', 
133 |              customNavs: ['#tf_thumbs', '.tf_thumb'],
134 |              thumbsBG  : false,
135 |              customStyle : [
136 |                 '#d .tf_slide{padding: 105px 0; font-size: 16px;}', 
137 |                 '#d .tf_slide p{text-align: center, text-shadow: none;}',
138 |                 '#d .tf_slide h3{font-size: 1.3rem;}'
139 |              ]
140 |        });
141 | 
142 | </script>
143 | 
144 | </body>


--------------------------------------------------------------------------------
/thumbs.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <head>
  3 | 
  4 | <title>Zenith | Slider with Thumbs</title>
  5 | <meta name="author" content="Aleksej Vukomanovic" />
  6 | <meta name="contact" content="aleksejvu@gmail.com" />
  7 | <meta name="copyright" content="Copyright (c)2015 -
  8 |  Aleksej Vukomanovic. All Rights Reserved." />
  9 | <meta name="robots" content="noindex,nofollow" />
 10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
 11 | <link rel="stylesheet" type="text/css" href="css/demo.css" />
 12 | <link rel="stylesheet" type="text/css" href="css/style.css" />
 13 | <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
 14 | <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
 15 | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 16 | <style type="text/css">
 17 |    p{padding:20px; text-align: justify;}
 18 | 
 19 | </style>    
 20 | </head>
 21 | 
 22 | <body>
 23 | 
 24 | <nav>
 25 |     <ul>
 26 |       <li><a href="default.html">Default Layout</a></li>
 27 |       <li><a href="hand.html">Hand Layout</a></li>
 28 |       <li><a href="screen.html">Screen Layout</a></li>
 29 |       <li>
 30 |           <a href="#">Slider Layout</a>
 31 |           <ul>
 32 |             <li><a href="slider.html">Regular Slider</a></li>
 33 |             <li><a href="full-width.html">Full-Width Slider</a></li>
 34 |             <li class="active"><a href="thumbs.html">Slider with Thumbnails</a></li>
 35 |             <li><a href="tabs.html">Slider with Tabs</a></li>
 36 |             <li><a href="testimonials.html">Testimonials Slider</a></li>
 37 |           </ul>
 38 |       </li>
 39 |       <li><a href="multi-1.html">Multiple Sliders eg. 1</a></li>
 40 |       <li><a href="multi-2.html">Multiple Sliders eg. 2</a></li>
 41 |     </ul>
 42 |  </nav>  
 43 | 
 44 |   <section id="first" class="clearfix tf_slider">       
 45 |               
 46 |             <div class="tf_container">
 47 | 
 48 |                 <div class="tf_slide">
 49 |                     <img data-caption="Kittens" src="images/img1.jpg" alt="slide1" />
 50 |                 </div> 
 51 | 
 52 |                 <div class="tf_slide">
 53 |                     <img data-caption="Hidden Forrest" src="images/img2.jpg" alt="slide2" />
 54 |                 </div> 
 55 | 
 56 |                 <div class="tf_slide">
 57 |                     <img src="images/img3.jpg" alt="slide3" />
 58 |                 </div> 
 59 | 
 60 |                 <div class="tf_slide">
 61 |                     <img src="images/img4.jpg" alt="slide4" />
 62 |                 </div> 
 63 | 
 64 |                 <div class="tf_slide">
 65 |                     <img src="images/img5.jpg" alt="slide5" />
 66 |                 </div>  
 67 | 
 68 |                 <span id="left"></span>
 69 |                 <span id="right"></span>
 70 | 
 71 |                 <div id="tf_thumbs" class="">
 72 |                     <div class="tf_thumb"><img src="images/thumb1.jpg"/></div>
 73 |                     <div class="tf_thumb"><img src="images/thumb2.jpg"/></div>
 74 |                     <div class="tf_thumb"><img src="images/thumb3.jpg"/></div>
 75 |                     <div class="tf_thumb"><img src="images/thumb4.jpg"/></div>
 76 |                     <div class="tf_thumb"><img src="images/thumb5.jpg"/></div>
 77 |                 </div>
 78 | 
 79 |             </div>
 80 |        
 81 |     </section><!--Highlights close-->
 82 | 
 83 |      <section id="second" class="clearfix tf_slider">       
 84 |               
 85 |             <div class="tf_container">
 86 | 
 87 |                 <div class="tf_slide">
 88 |                     <img data-caption="Kittens" src="images/img1.jpg" alt="slide1" />
 89 |                 </div> 
 90 | 
 91 |                 <div class="tf_slide">
 92 |                     <img data-caption="Hidden Forrest" src="images/img2.jpg" alt="slide2" />
 93 |                 </div> 
 94 | 
 95 |                 <div class="tf_slide">
 96 |                     <img src="images/img3.jpg" alt="slide3" />
 97 |                 </div> 
 98 | 
 99 |                 <div class="tf_slide">
100 |                     <img src="images/img4.jpg" alt="slide4" />
101 |                 </div> 
102 | 
103 |                 <div class="tf_slide">
104 |                     <img src="images/img5.jpg" alt="slide5" />
105 |                 </div>  
106 | 
107 |                 <span id="left"></span>
108 |                 <span id="right"></span>
109 | 
110 |                 <div id="tf_thumbs" class="">
111 |                     <div class="tf_thumb"><img src="images/thumb1.jpg"/></div>
112 |                     <div class="tf_thumb"><img src="images/thumb2.jpg"/></div>
113 |                     <div class="tf_thumb"><img src="images/thumb3.jpg"/></div>
114 |                     <div class="tf_thumb"><img src="images/thumb4.jpg"/></div>
115 |                     <div class="tf_thumb"><img src="images/thumb5.jpg"/></div>
116 |                 </div>
117 | 
118 |             </div>
119 |        
120 |     </section><!--Second close-->
121 | 
122 |     <section id="third" class="clearfix tf_slider">       
123 |               
124 |             <div class="tf_container">
125 | 
126 |                 <div class="tf_slide">
127 |                     <img data-caption="Kittens" src="images/img1.jpg" alt="slide1" />
128 |                 </div> 
129 | 
130 |                 <div class="tf_slide">
131 |                     <img data-caption="Hidden Forrest" src="images/img2.jpg" alt="slide2" />
132 |                 </div> 
133 | 
134 |                 <div class="tf_slide">
135 |                     <img src="images/img3.jpg" alt="slide3" />
136 |                 </div> 
137 | 
138 |                 <div class="tf_slide">
139 |                     <img src="images/img4.jpg" alt="slide4" />
140 |                 </div> 
141 | 
142 |                 <div class="tf_slide">
143 |                     <img src="images/img5.jpg" alt="slide5" />
144 |                 </div>  
145 | 
146 |                 <span id="left"></span>
147 |                 <span id="right"></span>
148 | 
149 |                 <div id="tf_thumbs" class="">
150 |                     <div class="tf_thumb"><img src="images/thumb1.jpg"/></div>
151 |                     <div class="tf_thumb"><img src="images/thumb2.jpg"/></div>
152 |                     <div class="tf_thumb"><img src="images/thumb3.jpg"/></div>
153 |                     <div class="tf_thumb"><img src="images/thumb4.jpg"/></div>
154 |                     <div class="tf_thumb"><img src="images/thumb5.jpg"/></div>
155 |                 </div>
156 | 
157 |             </div>
158 |        
159 |     </section><!--Third close-->
160 | 
161 |     <div class="src">
162 |         <h4>Init</h4>
163 |         <code><pre>
164 |         $('#first').zenith({
165 |             layout: 'slider', 
166 |             width: '90%', 
167 |             height: '600px', 
168 |             slideSpeed: 600, 
169 |             style: 'shadow', 
170 |             customNavs: ['#tf_thumbs', '.tf_thumb']
171 |         });
172 | 
173 |         $('#second').zenith({
174 |             layout: 'slider', 
175 |             animation: 'Bounce', 
176 |             width: '95%', 
177 |             height: '760px', 
178 |             slideSpeed: 670, 
179 |             style: 'border', 
180 |             customNavs: ['#tf_thumbs', '.tf_thumb'],
181 |             fixedThumbs: false
182 |         });
183 | 
184 |         $('#third').zenith({
185 |             layout: 'slider', 
186 |             width: '75%', 
187 |             height: '600px', 
188 |             slideSpeed: 600, 
189 |             style: 'shadow', 
190 |             customNavs: ['#tf_thumbs', '.tf_thumb'],
191 |             navPosition: 'right',
192 |             direction: 'vertical'
193 |         });
194 |         </pre></code>
195 |     </div>    
196 | 
197 |     <footer>
198 |       Copyright &copy; themeflection.com All rights reserved 
199 |     </footer>
200 | 
201 | 
202 | <script src="js/jquery-1.9.1.min.js"></script>
203 | <script src="js/zenith.js"></script>
204 | <script type="text/javascript">
205 |       $('#first').zenith({
206 |             layout: 'slider',
207 |             width: '90%', 
208 |             height: '600px', 
209 |             slideSpeed: 600, 
210 |             style: 'shadow', 
211 |             customNavs: ['#tf_thumbs', '.tf_thumb']
212 |       });
213 |       $('#second').zenith({
214 |             layout: 'slider', 
215 |             animation: 'Bounce', 
216 |             width: '95%', 
217 |             height: '760px', 
218 |             slideSpeed: 670, 
219 |             style: 'border', 
220 |             customNavs: ['#tf_thumbs', '.tf_thumb'],
221 |             fixedThumbs: false,
222 |             thumbsBG : false
223 |       });
224 |       $('#third').zenith({
225 |             layout: 'slider',
226 |             width: '75%', 
227 |             height: '600px', 
228 |             slideSpeed: 600, 
229 |             style: 'shadow', 
230 |             customNavs: ['#tf_thumbs', '.tf_thumb'],
231 |             navPosition: 'right',
232 |             direction: 'vertical'
233 |       });
234 | </script>
235 | 
236 | </body>


--------------------------------------------------------------------------------