Carousel

Porto includes the responsive and powerfull jquery plugin FlexSlider.

HTML Shortcode

Add Text/HTML module to the page with the below HTML content.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<div class="flexslider" data-plugin-options="{'animation':'slide', 'animationLoop': true, 'maxItems': 1}">
    <ul class="slides">
        <li>
            <img alt="" class="img-responsive" src="/Portals/0/img/projects/project.jpg" />
        </li>
        <li>
            <img alt="" class="img-responsive" src="/Portals/0/img/projects/project-1.jpg" />
        </li>
        <li>
            <img alt="" class="img-responsive" src="/Portals/0/img/projects/project-2.jpg" />
        </li>
    </ul>
</div>