Tracem
<div class="tracem-banner-one-area">
<div class="container-fluid">
<div class="row">
<div class="col tracem-shrink">
<div class="tracem-banner-one swiper-container">
<div class="tracem-banner-one-wrapper swiper-wrapper">
<div class="single-banner-text background-image swiper-slide" style="background-image: url(images/banner/1.jpg);">
<div class="banner-left">
<div class="tracem-ovh">
<h3>Madcap coffee Company</h3>
</div>
<div class="tracem-ovh">
<h4>Creative Design</h4>
</div>
<div class="btn-generic">
<a href="#">
<span>
<span>view project</span>
</span>
</a>
</div>
<div class="portfolio-extra-info">
<span class="total-view">
<i class="fas fa-eye"></i> 530
</span>
<span class="total-like">
<i class="fas fa-heart"></i> 68
</span>
<span class="total-comment">
<a href="#"><i class="fas fa-comment"></i> 25</a>
</span>
</div>
</div>
<div class="banner-right">
<div class="tracem-ovh">
<h2>Creative Design</h2>
</div>
</div>
</div>
<div class="single-banner-text background-image swiper-slide" style="background-image: url(images/banner/2.jpg);">
<div class="banner-left">
<div class="tracem-ovh">
<h3>Nutshell Of Design</h3>
</div>
<div class="tracem-ovh">
<h4>Deisgn Factory</h4>
</div>
<div class="btn-generic">
<a href="#">
<span>
<span>view project</span>
</span>
</a>
</div>
<div class="portfolio-extra-info">
<span class="total-view">
<i class="fas fa-eye"></i> 427
</span>
<span class="total-like">
<i class="fas fa-heart"></i> 38
</span>
<span class="total-comment">
<a href="#"><i class="fas fa-comment"></i> 20</a>
</span>
</div>
</div>
<div class="banner-right">
<div class="tracem-ovh">
<h2>Deisgn Factory</h2>
</div>
</div>
</div>
<div class="single-banner-text background-image swiper-slide" style="background-image: url(images/banner/3.jpg);">
<div class="banner-left">
<div class="tracem-ovh">
<h3>Horses Of Skull</h3>
</div>
<div class="tracem-ovh">
<h4>Design Scope</h4>
</div>
<div class="btn-generic">
<a href="#">
<span>
<span>view project</span>
</span>
</a>
</div>
<div class="portfolio-extra-info">
<span class="total-view">
<i class="fas fa-eye"></i> 619
</span>
<span class="total-like">
<i class="fas fa-heart"></i> 79
</span>
<span class="total-comment">
<a href="#"><i class="fas fa-comment"></i> 40</a>
</span>
</div>
</div>
<div class="banner-right">
<div class="tracem-ovh">
<h2>Design Scope</h2>
</div>
</div>
</div>
<div class="single-banner-text background-image swiper-slide" style="background-image: url(images/banner/4.jpg);">
<div class="banner-left">
<div class="tracem-ovh">
<h3>Teethes of the adept</h3>
</div>
<div class="tracem-ovh">
<h4>Intro Design</h4>
</div>
<div class="btn-generic">
<a href="#">
<span>
<span>view project</span>
</span>
</a>
</div>
<div class="portfolio-extra-info">
<span class="total-view">
<i class="fas fa-eye"></i> 619
</span>
<span class="total-like">
<i class="fas fa-heart"></i> 79
</span>
<span class="total-comment">
<a href="#"><i class="fas fa-comment"></i> 40</a>
</span>
</div>
</div>
<div class="banner-right">
<div class="tracem-ovh">
<h2>Intro Design</h2>
</div>
</div>
</div>
</div>
</div>
<div class="banner-social-area">
<ul>
<li><a href="https://www.facebook.com/themestrace/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-dribbble"></i></a></li>
<li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>