HTML markup (example for one item)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<div class="ct-topBar ct-u-paddingBoth10 ct-u-positionRelative" data-background="#f6f6f6"> <div class="container"> <div class="row"> <div class="col-sm-12 ct-u-positionStatic"> <div class="ct-js-slick ct-slick ct-slick-arrows--type2 ct-slickarrow--middleCorners" data-LGitems="7" data-MDitems="5" data-SMitems="3" data-XSitems="2" data-adaptiveHeight="true" data-dots="false" data-arrows="true"> <div class="item"><!-- item [1] --> <a href="#" class="ct-flagBox ct-u-centered"> <figure> <img src="../assets/images/demo-content/flag-italy.jpg" alt="Flag"/> <figcaption class="text-uppercase">Italy</figcaption> </figure> </a> </div> </div> </div> </div> </div> </div> |
JavaScript
<script src=”../assets/js/slick/js/slick.js”></script>
<script src=”../assets/js/slick/js/init.js”></script>
Screenshot
Top bar