Eng
ES
IT
Carousels Style 1
Entertainment
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Entertainment
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Entertainment
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Entertainment
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
<section class="sec-pad-90" id="carousels-1">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="heading-1">
<h2>Carousels Style 1</h2> </div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-12 carousel-nav-right wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="owl-carousel owl-theme carousels-1">
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Entertainment/entertainment2.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"> <img src="../themes/news_pro/images/Categories/Fashion/post_10.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Fashion</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Business/business7.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Business</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"> <img src="../themes/news_pro/images/Categories/Technology/tech1.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Technology</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img"> <img src="img/carousel/5.jpg" alt="Carousel"> </div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Entertainment/entertainment2.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Fashion/post_10.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Fashion</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Business/business7.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Business</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Technology/tech1.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Technology</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="img/carousel/5.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 2
<section class="sec-pad-90" id="carousels-1">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-md-12 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="heading-1">
<h2>Carousels Style 1</h2> </div>
</div>
</div>
<div class="col-12 carousel-nav-right wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="owl-carousel owl-theme carousels-1">
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Entertainment/entertainment2.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"> <img src="../themes/news_pro/images/Categories/Fashion/post_10.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Fashion</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Business/business7.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Business</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"> <img src="../themes/news_pro/images/Categories/Technology/tech1.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Technology</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img"> <img src="img/carousel/5.jpg" alt="Carousel"> </div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Entertainment/entertainment2.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Fashion/post_10.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Fashion</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Business/business7.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Business</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="../themes/news_pro/images/Categories/Technology/tech1.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Technology</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousels-style-1">
<div class="carousel-style-1-img">
<a href="#" title="tag"><img src="img/carousel/5.jpg" alt="Carousel"></a>
</div>
<div class="carousel-style-1-details">
<div class="carousel-style-1-tag">
<h5>Entertainment</h5> <a href="#" title="tag"><h4>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h4></a> </div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
</section>
Carousels Style 3
<section class="sec-pad-100" id="carousels-3">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-md-12">
<div class="heading-1 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<h2>Carousels Style 3</h2> </div>
</div>
</div>
<div class="owl-carousel owl-theme owl-nav-right carousels-2 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="item">
<div class="row gx-2">
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousel"> </div>
<div class="carousel-3-content">
<h5><span>Fashion</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolo</h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 ">
<div class="row gx-2">
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Sports</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Technology/tech01.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Tech</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Business/02.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Business</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Travel/post-image2-600x460.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Travel</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row gx-2">
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousel"> </div>
<div class="carousel-3-content">
<h5><span>Fashion</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolo</h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 ">
<div class="row gx-2">
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Sports</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Technology/tech01.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Tech</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Business/02.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Business</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Travel/post-image2-600x460.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Travel</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row gx-2">
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousel"> </div>
<div class="carousel-3-content">
<h5><span>Fashion</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolo</h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 ">
<div class="row gx-2">
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Sports</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-lg-0 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Technology/tech01.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Tech</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Business/02.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Business</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-6 mt-2">
<div class="carousel-3-wapper">
<div class="carousel-3-right-img"> <img src="../themes/news_pro/images/Categories/Travel/post-image2-600x460.jpg" alt="carousel"> </div>
<div class="carousel-3-right-content">
<h5><span>Travel</span></h5> <a href="#" title="tag"><h3>Laboris nisi ut aliquip ex ea commodo consequat. </h3></a>
<h6><span class="line-1"></span>July 4, 2021 <span class="line-2"></span></h6> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 4
- Sports
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Fashion
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Technology
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Sports
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Fashion
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Technology
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Sports
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Fashion
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
- Technology
- july 4, 2021
Laboris nisi ut aliquip ex ea commodo consequat. Duis aute
<section class="sec-pad-100" id="carousels-4">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-md-12">
<div class="heading-1 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<h2>Carousels Style 4</h2> </div>
</div>
</div>
<div class="owl-carousel owl-theme owl-nav-right carousels-4 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Sports</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Fashion</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Technology/tech4.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Technology</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Sports</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Fashion</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Technology/tech4.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Technology</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Sports</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Fashion</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
<div class="item">
<div class="carousel-4-wapper">
<div class="carousel-4-img"> <img src="../themes/news_pro/images/Categories/Technology/tech4.jpg" alt="carousels"> </div>
<div class="carousel-4-content">
<div class="tag">
<ul>
<li><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 30"><title>tag</title><path d="M26,1H6A1,1,0,0,0,5,2V7H18a1,1,0,0,1,0,2H5V30a1,1,0,0,0,1.51.86L16,25.17l9.49,5.69A1,1,0,0,0,26,31a1,1,0,0,0,.49-.13A1,1,0,0,0,27,30V2A1,1,0,0,0,26,1Z" transform="translate(-5 -1)"></path></svg></i> Technology</li>
<li> <i class=" fas fa-calendar"></i> july 4, 2021 </li>
</ul> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat. Duis aute </h4></a> </div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 5
<section class="sec-pad-100" id="carousels-5">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-md-12">
<div class="heading-1 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<h2>Carousels Style 5</h2> </div>
</div>
</div>
<div class="owl-carousel owl-theme owl-nav-right carousels-5 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s">
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Fashion</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Technology/tech4.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Technology</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Food/2.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Food</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Travel/travel4.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Travel</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Health/health5.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Health</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Health</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Fashion/fasion03.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Fashion</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Technology/tech4.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Technology</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Food/2.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Food</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Travel/travel4.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Travel</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Health/health5.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Health</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
<div class="item">
<div class="carousel-5-wapper">
<div class="carousel-5-img"> <img src="../themes/news_pro/images/Categories/Sports/football1-min.jpg" alt="carousels"> </div>
<div class="carousel-5-tag">
<h6><i><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.84 73.9"><title>tag-1</title><path d="M84.4,15.5a8.39,8.39,0,0,0-6-2.5H54.9a10.53,10.53,0,0,0-7.1,3.1L16.7,47.2a12,12,0,0,0-.3,16.9L35.9,83.6A11.51,11.51,0,0,0,44,86.9a12.35,12.35,0,0,0,8.7-3.6L83.8,52.2A10.57,10.57,0,0,0,86.9,45V21.5A8.39,8.39,0,0,0,84.4,15.5ZM72.9,41.9a10.38,10.38,0,0,1-14.8,0,10.47,10.47,0,1,1,14.8,0Z" transform="translate(-13.06 -13)"></path></svg></i> Health</h6> </div>
<div class="carousel-5-content"> <a href="#" title="tag"><h4>Laboris nisi ut aliquip ex ea commodo consequat.</h4></a>
<h6>july 4, 2021</h6> </div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 6
<section class="sec-pad-170 wow fadeInUp" data-wow-duration=".75s" data-wow-delay=".15s" id="carousel-6">
<div class="container">
<div class="row ">
<div class="col-12">
<div class="owl-carousel owl-theme owl-nav-right carousels-6">
<div class="item">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-9">
<div class="carousel-6-wapper">
<div class="carousel-6-title">
<h4>Travel</h4> <a href="#" title="tag"><h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</h2></a> </div>
<div class="carousel-6-date">
<h5>July 4, 2021 <span class="dot"></span> 2 View <span class="dot"></span> Admin</h5> </div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-9">
<div class="carousel-6-wapper">
<div class="carousel-6-title">
<h4>Travel</h4> <a href="#" title="tag"><h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</h2></a> </div>
<div class="carousel-6-date">
<h5>July 4, 2021 <span class="dot"></span> 2 View <span class="dot"></span> Admin</h5> </div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-lg-9">
<div class="carousel-6-wapper">
<div class="carousel-6-title">
<h4>Travel</h4> <a href="#" title="tag"><h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</h2></a> </div>
<div class="carousel-6-date">
<h5>July 4, 2021 <span class="dot"></span> 2 View <span class="dot"></span> Admin</h5> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>