HTML markup
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<section id="home" class="ct-sliderSection onepager"> <div data-items="1" data-height="100%" class="ct-mainSlider ct-js-slick ct-slick ct-js-slick ct-slick--table"> <div data-background="../assets/images/demo-content/booze/slide1.jpg" class="item _image-overlay"> <div class="item-inner text-center"> <div class="ct-u-displayTableVertical"> <div class="ct-u-displayTableCell"> <div class="container"> <div class="row"> <div class="col-md-12"><a href="index.html"><img src="../assets/images/demo-content/booze/big-intro.png" alt="Image"></a></div> </div> </div> </div> </div> </div> </div> </div> <div class="ct-scrollDown"> <div data-bg="../assets/images/demo-content/booze/scroller.png" class="ct-scrollDown-icon ct-js-background animated activate bounce infinite"></div><a href="#intro" class="ct-js-btnScroll">Cheers<span><i class="fa fa-angle-double-down fa-lg"></i></span></a> </div> </section> |
Screenshot
Slick Slider example