Porto includes the responsive and powerfull jquery plugin Owl Carousel2.
1 2 3 4 5 6 7 8 9 10 11 12
<div class="owl-carousel stage-margin" data-plugin-options="{'items': 6, 'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'stagePadding': 40}"> <div><img alt="project-5" class="img-responsive img-rounded" src="/portals/22/img/projects/project-5.jpg" /></div> <div><img alt="project-6" class="img-responsive img-rounded" src="/portals/22/img/projects/project-6.jpg" /></div> <div><img alt="project-7" class="img-responsive img-rounded" src="/portals/22/img/projects/project-7.jpg" /></div> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> <div><img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /></div> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> <div><img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /></div> <div><img alt="project-4" class="img-responsive img-rounded" src="/portals/22/img/projects/project-4.jpg" /></div> </div>
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
<div class="owl-carousel show-nav-hover" data-plugin-options="{'items': 6, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}"> <div> <img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /> </div> <div> <img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /> </div> <div> <img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /> </div> <div> <img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /> </div> <div> <img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /> </div> <div> <img alt="project-4" class="img-responsive img-rounded" src="/portals/22/img/projects/project-4.jpg" /> </div> <div> <img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /> </div> <div> <img alt="project-4" class="img-responsive img-rounded" src="/portals/22/img/projects/project-4.jpg" /> </div> <div> <img alt="project-5" class="img-responsive img-rounded" src="/portals/22/img/projects/project-5.jpg" /> </div> <div> <img alt="project-6" class="img-responsive img-rounded" src="/portals/22/img/projects/project-6.jpg" /> </div> <div> <img alt="project-7" class="img-responsive img-rounded" src="/portals/22/img/projects/project-7.jpg" /> </div> <div> <img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /> </div> <div> <img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /> </div> <div> <img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /> </div> </div>
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
<div class="owl-carousel show-nav-title" data-plugin-options="{'items': 6, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}"> <div> <img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /> </div> <div> <img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /> </div> <div> <img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /> </div> <div> <img alt="project-4" class="img-responsive img-rounded" src="/portals/22/img/projects/project-4.jpg" /> </div> <div> <img alt="project-5" class="img-responsive img-rounded" src="/portals/22/img/projects/project-5.jpg" /> </div> <div> <img alt="project-6" class="img-responsive img-rounded" src="/portals/22/img/projects/project-6.jpg" /> </div> <div> <img alt="project-7" class="img-responsive img-rounded" src="/portals/22/img/projects/project-7.jpg" /> </div> <div> <img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /> </div> <div> <img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /> </div> <div> <img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /> </div> </div>
1 2 3 4
<div class="owl-carousel" data-plugin-options="{'items': 1}"> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> </div>
<div class="owl-carousel" data-plugin-options="{'items': 1, 'animateOut': 'fadeOut'}"> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> </div>
1 2 3 4 5 6
<div class="owl-carousel" data-plugin-options="{'autoHeight': true, 'center': true, 'margin': 10}"> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> <div><img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /></div> <div><img alt="project-4" class="img-responsive img-rounded" src="/portals/22/img/projects/project-4.jpg" /></div> </div>
<div class="owl-carousel" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 3}, '1199': {'items': 3}}, 'loop': false, 'autoHeight': true, 'margin': 10}"> <div><img alt="project-5" class="img-responsive img-rounded" src="/portals/22/img/projects/project-5.jpg" /></div> <div><img alt="project-6" class="img-responsive img-rounded" src="/portals/22/img/projects/project-6.jpg" /></div> <div><img alt="project-7" class="img-responsive img-rounded" src="/portals/22/img/projects/project-7.jpg" /></div> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> <div><img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /></div> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> <div><img alt="project-3" class="img-responsive img-rounded" src="/portals/22/img/projects/project-3.jpg" /></div> <div><img alt="project-4" class="img-responsive img-rounded" src="/portals/22/img/projects/project-4.jpg" /></div> </div>
1 2 3 4 5 6 7 8 9 10 11 12 13 14
<div class="owl-carousel nav-bottom rounded-nav" data-plugin-options="{'loop': false, 'nav': true, 'dots': false}"> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> </div>
<div class="owl-carousel" data-plugin-options="{'items': 4}"> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> </div>
<div class="owl-carousel" data-plugin-options="{'items': 4, 'autoplay': true, 'autoplayTimeout': 3000}"> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> </div>
<div class="owl-carousel stage-margin rounded-nav" data-plugin-options="{'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'stagePadding': 40}"> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> </div>
<div class="owl-carousel nav-bottom" data-plugin-options="{'loop': false, 'nav': true, 'dots': false}"> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> <div><img alt="logo-5" class="img-responsive" src="/portals/22/img/logos/logo-5.png" /></div> <div><img alt="logo-4" class="img-responsive" src="/portals/22/img/logos/logo-4.png" /></div> <div><img alt="logo-3" class="img-responsive" src="/portals/22/img/logos/logo-3.png" /></div> <div><img alt="logo-2" class="img-responsive" src="/portals/22/img/logos/logo-2.png" /></div> <div><img alt="logo-1" class="img-responsive" src="/portals/22/img/logos/logo-1.png" /></div> <div><img alt="logo-6" class="img-responsive" src="/portals/22/img/logos/logo-6.png" /></div> </div>
Criminal Law
Business Law
Divorce Law
Accident Law
Health Law
Capital Law
<div class="owl-carousel owl-team-carousel show-nav-title " data-plugin-options="{'items': 4, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}"> <div class="center mb-lg"> <a href="#"> <img alt="Lawyer" src="/portals/22/Law/lawyer.jpg" class="img-responsive" /> <span class="btn-text-indent">Lawyer</span> </a> <h4 class="mt-md mb-none">Rose Doe</h4> <p class="mb-none">Criminal Law</p> <span class="thumb-info-social-icons mt-sm pb-none"> <a href="http://www.facebook.com"><em class="fa fa-facebook"></em> <span>Facebook</span> </a> <a href="http://www.twitter.com"><em class="fa fa-twitter"></em> <span>Twitter</span> </a> <a href="http://www.linkedin.com"><em class="fa fa-linkedin"></em> <span>Linkedin</span> </a> </span> </div> <div class="center mb-lg"> <a href="#"> <img alt="Lawyer-1" src="/portals/22/Law/lawyer1.jpg" class="img-responsive" /> <span class="btn-text-indent">Lawyer-1</span> </a> <h4 class="mt-md mb-none">Jeff Doe</h4> <p class="mb-none">Business Law</p> <span class="thumb-info-social-icons mt-sm pb-none"> <a href="http://www.facebook.com"><em class="fa fa-facebook"></em> <span>Facebook</span> </a> <a href="http://www.twitter.com"><em class="fa fa-twitter"></em> <span>Twitter</span> </a> <a href="http://www.linkedin.com"><em class="fa fa-linkedin"></em> <span>Linkedin</span> </a> </span> </div> <div class="center mb-lg"> <a href="#"> <img alt="Lawyer-2" src="/portals/22/Law/lawyer2.jpg" class="img-responsive" /> <span class="btn-text-indent">Lawyer-2</span> </a> <h4 class="mt-md mb-none">Craig Doe</h4> <p class="mb-none">Divorce Law</p> <span class="thumb-info-social-icons mt-sm pb-none"> <a href="http://www.facebook.com"><em class="fa fa-facebook"></em> <span>Facebook</span> </a> <a href="http://www.twitter.com"><em class="fa fa-twitter"></em> <span>Twitter</span> </a> <a href="http://www.linkedin.com"><em class="fa fa-linkedin"></em> <span>Linkedin</span> </a> </span> </div> <div class="center mb-lg"> <a href="#"> <img alt="Lawyer-3" src="/portals/22/Law/lawyer3.jpg" class="img-responsive" /> <span class="btn-text-indent">Lawyer-3</span> </a> <h4 class="mt-md mb-none">Richard Doe</h4> <p class="mb-none">Accident Law</p> <span class="thumb-info-social-icons mt-sm pb-none"> <a href="http://www.facebook.com"><em class="fa fa-facebook"></em> <span>Facebook</span> </a> <a href="http://www.twitter.com"><em class="fa fa-twitter"></em> <span>Twitter</span> </a> <a href="http://www.linkedin.com"><em class="fa fa-linkedin"></em> <span>Linkedin</span> </a> </span> </div> <div class="center mb-lg"> <a href="#"> <img alt="Lawyer-4" src="/portals/22/Law/lawyer4.jpg" class="img-responsive" /> <span class="btn-text-indent">Lawyer-4</span> </a> <h4 class="mt-md mb-none">Amanda Doe</h4> <p class="mb-none">Health Law</p> <span class="thumb-info-social-icons mt-sm pb-none"> <a href="http://www.facebook.com"><em class="fa fa-facebook"></em> <span>Facebook</span> </a> <a href="http://www.twitter.com"><em class="fa fa-twitter"></em> <span>Twitter</span> </a> <a href="http://www.linkedin.com"><em class="fa fa-linkedin"></em> <span>Linkedin</span> </a> </span> </div> <div class="center mb-lg"> <a href="#"> <img alt="Lawyer-5" src="/portals/22/Law/lawyer5.jpg" class="img-responsive" /> <span class="btn-text-indent">Lawyer-5</span> </a> <h4 class="mt-md mb-none">Jessica Doe</h4> <p class="mb-none">Capital Law</p> <span class="thumb-info-social-icons mt-sm pb-none"> <a href="http://www.facebook.com"><em class="fa fa-facebook"></em> <span>Facebook</span> </a> <a href="http://www.twitter.com"><em class="fa fa-twitter"></em> <span>Twitter</span> </a> <a href="http://www.linkedin.com"><em class="fa fa-linkedin"></em> <span>Linkedin</span> </a> </span> </div> </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.
1 2 3 4 5 6 7 8 9 10 11
<div class="row"> <div class="col-md-12"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;</p> <div class="owl-carousel nav-inside pull-left mr-lg mb-sm" data-plugin-options="{'items': 1, 'margin': 10, 'animateOut': 'fadeOut'}" style="width: 250px;"> <div><img alt="project-1" class="img-responsive img-rounded" src="/portals/22/img/projects/project-1.jpg" /></div> <div><img alt="project-2" class="img-responsive img-rounded" src="/portals/22/img/projects/project-2.jpg" /></div> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href="#">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.</p> </div> </div>
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 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107
<div class="owl-carousel full-width" data-plugin-options="{'items': 5, 'loop': false, 'nav': true, 'dots': false}"> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-1" src="/portals/22/img/projects/project.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-2" src="/portals/22/img/projects/project-2.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-4" src="/portals/22/img/projects/project-4.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-5" src="/portals/22/img/projects/project-5.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-6" src="/portals/22/img/projects/project-6.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-1" src="/portals/22/img/projects/project.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> <div> <a href="../../Portfolio/Single-Project"> <div class="thumb-info thumb-info-centered-info thumb-info-no-borders"> <span class="thumb-info-wrapper"> <img alt="Project-Image-4" src="/portals/22/img/projects/project-4.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Project Title</span> <span class="thumb-info-type">Project Type</span> </span> <span class="thumb-info-action-icon"> <em class="fa fa-link"></em> </span> </span> </div> <span class="btn-text-indent">Single Project</span> </a> </div> </div>
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
<div class="owl-carousel manual" id="videos"> <div class="item-video" data-merge="3"> <a class="owl-video" href="http://vimeo.com/67957799"> <span class="btn-text-indent">vimeo</span> </a> </div> <div class="item-video" data-merge="1"> <a class="owl-video" href="https://www.youtube.com/watch?v=oNBBijn4JuY"> <span class="btn-text-indent">youtube</span> </a> </div> <div class="item-video" data-merge="2"> <a class="owl-video" href="http://www.youtube.com/watch?v=oNBBijn4JuY"> <span class="btn-text-indent">youtube</span> </a> </div> <div class="item-video" data-merge="1"> <a class="owl-video" href="http://www.youtube.com/watch?v=oNBBijn4JuY"><span class="btn-text-indent">Video</span></a> </div> <div class="item-video" data-merge="2"> <a class="owl-video" href="http://www.youtube.com/watch?v=oNBBijn4JuY"> <span class="btn-text-indent">youtube</span> </a> </div> <div class="item-video" data-merge="3"> <a class="owl-video" href="https://www.youtube.com/watch?v=oNBBijn4JuY"> <span class="btn-text-indent">youtube</span> </a> </div> <div class="item-video" data-merge="1"> <a class="owl-video" href="http://www.youtube.com/watch?v=oNBBijn4JuY"> <span class="btn-text-indent">youtube</span> </a> </div> <div class="item-video" data-merge="2"> <a class="owl-video" href="https://www.youtube.com/watch?v=oNBBijn4JuY"> <span class="btn-text-indent">youtube</span> </a> </div> </div>