1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
HTML Markup : <section class="ct-mediaSection" data-bg-image="assets/images/background-2.jpg" data-stellar-background-ratio="0.3" data-type="parallax"> <div class="ct-mediaSection-inner"> <div class="container"> <div class="ct-js-slick ct-slick-1 ct-slick-arrow-1" data-animations="true" data-autoplay="false" data-arrows="true" data-items="1" data-XSitems="1" data-SMitems="1" data-MDitems="1"> <div class="item"> <img class="ct-u-marginTop70" src="assets/images/portfolio-details-slider-person-1.jpg" alt=""/> <p class="ct-u-marginTop30"> “No one would have believed in the last years of the nine- teenth century that this world was being watched keenly and closely by intelligences greater than man’s and yet as mortal as his own limet norma ipsum delient century looper that as men busied” </p> <p class="ct-name ct-u-marginTop20 ct-u-marginBottom100">Maria Barnett - CEO</p> </div> <div class="item"> <img class="ct-u-marginTop70" src="assets/images/portfolio-details-slider-person-1.jpg" alt=""/> <p class="ct-u-marginTop30"> “No one would have believed in the last years of the nine- teenth century that this world was being watched keenly and closely by intelligences greater than man’s and yet as mortal as his own limet norma ipsum delient century looper that as men busied” </p> <p class="ct-name ct-u-marginTop20 ct-u-marginBottom100">Maria Barnett - CEO</p> </div> <div class="item"> <img class="ct-u-marginTop70" src="assets/images/portfolio-details-slider-person-1.jpg" alt=""/> <p class="ct-u-marginTop30"> “No one would have believed in the last years of the nine- teenth century that this world was being watched keenly and closely by intelligences greater than man’s and yet as mortal as his own limet norma ipsum delient century looper that as men busied” </p> <p class="ct-name ct-u-marginTop20 ct-u-marginBottom100" >Maria Barnett - CEO</p> </div> </div> </div> </div> </section> |
Change sliders navigation position by adding one of the following CSS classes to HTML markup:
- ct-slick-arrow-1,
- ct-slick-arrow-1–above,
- ct-slick-arrow-2,
- ct-slick-arrow-3,
- ct-slick-arrow-3–leftTop
- ct-slick-arrow-3–leftBottom,
- ct-slick-arrow-3–rightTop
- ct-slick-arrow-3–rightBottom,
- ct-slick-arrow-3–under