Gallery with Carousel
Gallery with Carousel - Autoplay
Gallery with Carousel - Caption - Loop
Feature Box with Carousel - No Loop
Feature Box with Carousel - Loop
![](image/photo-pt-a.jpg)
Financial Consulting
Lorem ipsum dolor sit amet, conse ctetur adip isicing elit, sed do eius mod tempor incididunt fuga platea ut labore et.
![](image/photo-pt-b.jpg)
Taxes Consulting
Lorem ipsum dolor sit amet, conse ctetur adip isicing elit, sed do eius mod tempor incididunt fuga platea ut labore et.
![](image/photo-pt-f.jpg)
Business Audit
Lorem ipsum dolor sit amet, conse ctetur adip isicing elit, sed do eius mod tempor incididunt fuga platea ut labore et.
![](image/photo-pt-d.jpg)
General Consulting
Lorem ipsum dolor sit amet, conse ctetur adip isicing elit, sed do eius mod tempor incididunt fuga platea ut labore et.
![](image/photo-pt-c.jpg)
Account Audit
Lorem ipsum dolor sit amet, conse ctetur adip isicing elit, sed do eius mod tempor incididunt fuga platea ut labore et.
Hints:
Apply .has-carousel
class to enable carousel.
Addtionally use data-items="4"
for how many item visible, data-delay="4000"
for time out when carousel autoplay, data-auto="1"
for autoplay enable, data-loop="1"
for loop carousel, data-dots="1"
for visible dots navigation, data-navs="1"
for visible next/prev arrow and also data-margin="30"
to control margin.
<ul class="gallery-list has-carousel" data-items="4" data-navs="1" data-margin="30" data-auto="1"> <li> </li> <li> </li> </ul>