Clients
Click to preview the Clients demo. View demo
Clients Style 01
Code:
html
<ul class="clients-list01">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img01.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img02.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img03.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img04.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img05.png" /></a></li>
</ul>
<ul class="clients-list01">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img06.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img07.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img08.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img09.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img10.png" /></a></li>
</ul>Clients Style 02
Code:
html
<div class="clients-bg01 pt-60 pb-60">
<div class="container color-white">
<div class="row">
<div class="col-sm-12 col-md-6">
<div class="clients-title">UNCLUTTERED LAYOUT</div>
<p class="pb-10">Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo.</p>
<ul class="clients-textlist01">
<li>Nulla molestie pulvinar aliquet.</li>
<li>egestas quis viverra</li>
<li>Vestibulum ante ipsum primis</li>
<li>Faucibus orci luctus et ultrices</li>
<li>Sed ut dolor nec orci</li>
<li>Duis aliquam molestie erat.</li>
<li>Phasellus ipsum</li>
<li>Ut et mauris vel pede varius so</li>
</ul>
</div>
<div class="col-sm-12 col-md-6">
<ul class="clients-list02">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img11.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img12.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img13.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img14.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img15.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img16.png" /></a></li>
</ul>
</div>
</div>
</div>
</div>Clients Style 03
Code:
html
<div class="clients-bg02 pt-60 pb-60">
<div class="container">
<ul class="clients-list03">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img17.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img18.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img19.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img20.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img21.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img22.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img23.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img24.png" /></a></li>
</ul>
</div>
</div>Clients Style 04
Code:
html
<div class="carousel clients-carousel01" data-autoplay="true" data-items="5" data-navigation="false" data-pagination="true">
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img25.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img26.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img27.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img28.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img29.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img30.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img25.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img26.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img27.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img28.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img29.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img30.png" /></a></div>
</div>
</div>Clients Style 05
Code:
html
<div class="carousel clients-carousel02" data-autoplay="true" data-items="5" data-navigation="true" data-pagination="false">
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img25.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img26.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img27.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img28.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img29.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img30.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img25.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img26.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img27.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img28.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img29.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img30.png" /></a></div>
</div>
</div>Clients Style 06
Code:
html
<div class="clients-bg03 pt-60 pb-60">
<div class="container color-white">
<ul class="clients-list04">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img51.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img52.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img53.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img54.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img55.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img56.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img57.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img58.png" /></a></li>
</ul>
</div>
</div>TINCIDUNT INTERDUM
Code:
html
<div class="clients-bg04 pt-60 pb-60">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6">
<ul class="clients-list02 line-dark">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img31.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img32.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img33.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img34.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img35.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img36.png" /></a></li>
</ul>
</div>
<div class="col-sm-12 col-md-6">
<div class="clients-title03">
<h3>TINCIDUNT INTERDUM</h3>
</div>
<p class="mb-20">Nunc ornare adipiscing orci eu consectetur. Ut justo libero, porttitor ac elementum luctus, blandit at dui. Donec sit amet nunc id libero sagittis mattis.</p>
<ul class="clients-textlist01">
<li>Nulla molestie pulvinar aliquet.</li>
<li>egestas quis viverra</li>
<li>Vestibulum ante ipsum primis</li>
<li>Faucibus orci luctus et ultrices posuere</li>
<li>Sed ut dolor nec orci</li>
<li>Duis aliquam molestie erat.</li>
<li>Phasellus ipsum</li>
<li>Ut et mauris vel pede varius so</li>
</ul>
</div>
</div>
</div>
</div>
<div class="carousel clients-carousel03" data-autoplay="true" data-items="6" data-navigation="true" data-pagination="false">
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img37.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img38.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img39.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img40.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img41.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img42.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img37.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img38.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img39.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img40.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img41.png" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img42.png" /></a></div>
</div>
</div>
<div class="clients-bg05 pt-10 pb-30">
<ul class="clients-list05">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img43.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img44.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img45.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img46.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img47.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img48.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img49.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img50.png" /> </a></li>
</ul>
</div>
<ul class="clients-list06">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img59.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img60.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img61.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img62.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img63.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img64.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img65.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img66.png" /></a></li>
</ul>
<div class="clients-bg06 pt-60 pb-60">
<div class="container color-white">
<ul class="clients-list07">
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img67.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img68.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img69.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img70.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img71.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img72.png" /> </a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img73.png" /></a></li>
<li><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img74.png" /></a></li>
</ul>
</div>
</div>
<div class="carousel clients-carousel04" data-autoplay="false" data-items="8" data-navigation="true" data-pagination="false">
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img75.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img76.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img77.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img78.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img79.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img80.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img81.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img82.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img75.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img76.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img77.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img78.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img79.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img80.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img81.jpg" /></a></div>
</div>
<div class="item">
<div class="img_box"><a href="#"><img alt="" src="/portals/13/Features-Images/clients-img82.jpg" /></a></div>
</div>
</div>