Blog Style 1
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog1">
<div class="row">
<div class=" col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/3.jpg" alt="Blog-Images" />
</a>
</div>
<div class="content-detail">
<span class="tag" >Marketing</span><hr><span class="date" >Sep 21, 2022</span>
</div>
<h5><a title="Blog Details" href="#">Sed ut perspiciatis unde omnis natus error sit voluptatem</a></h5>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/14.jpg" alt="Blog-Images" />
</a>
</div>
<div class="content-detail">
<span class="tag" >Business Strategy</span><hr><span class="date" >Sep 21, 2022</span>
</div>
<h5><a title="Blog Details" href="#">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui</a></h5>
</div>
</div>
<div class=" col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-wrapper">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/10-s.jpg" alt="Blog-Images" />
</a>
</div>
<div class="content-detail">
<span class="tag" >Development</span><hr><span class="date" >Sep 21, 2022</span>
</div>
<h5><a title="Blog Details" href="#">At vero eos et accusamus et iusto odi dignissimos ducimus qui blandi</a></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 2
Marketing
Sed ut perspiciatis unde omnis natus error sit voluptatem
Lorem ipsum dolor sit amet, consectetur adipisc ing elit, sed do eiusmod tempor
Marketing
At vero eos et accusamus et iusto odi dignissimos ducimus qui blandi
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
Marketing
Excepteur sint occaecat cupidatatear non proident, sunt in culpa qui
Ut enim ad minima veniam, quis nostrum exercita tion em ullam corporis suscipit laboriosam
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog2">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/3.jpg" alt="Blog-Images" />
</a>
<div class ="tag">
<span>Marketing</span>
</div>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Sed ut perspiciatis unde omnis natus error sit voluptatem</a></h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing elit, sed do eiusmod tempor</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/4.jpg" alt="Blog-Images" />
</a>
<div class ="tag">
<span>Marketing</span>
</div>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">At vero eos et accusamus et iusto odi dignissimos ducimus qui blandi</a></h5>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/10-s.jpg" alt="Blog-Images" />
</a>
<div class ="tag">
<span>Marketing</span>
</div>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Excepteur sint occaecat cupidatatear non proident, sunt in culpa qui</a></h5>
<p>Ut enim ad minima veniam, quis nostrum exercita tion em ullam corporis suscipit laboriosam</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 3
Excepteur sint occaecat cupidatatear non proident, sunt in culpa qui
BusinessSep 21, 2022
Ut enim ad minima veniam, quis nostrum exercita tion em ullam corporis suscipit laboriosam
At vero eos et accusamus et iusto odi dignissimos ducimus qui blandi
BusinessSep 21, 2022
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
Sed ut perspiciatis unde omnis natus error sit voluptatem
MarketingSep 21, 2022
Lorem ipsum dolor sit amet, consectetur adipisc ing elit, sed do eiusmod tempor
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog3">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/10-s.jpg" alt="Blog-Images" />
</a>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Excepteur sint occaecat cupidatatear non proident, sunt in culpa qui</a></h5>
<div class="content-detail">
<span class="tag" >Development</span><span class="date">Sep 21, 2022<span>
</div>
<p>Ut enim ad minima veniam, quis nostrum exercita tion em ullam corporis suscipit laboriosam</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/4.jpg" alt="Blog-Images" />
</a>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">At vero eos et accusamus et iusto odi dignissimos ducimus qui blandi</a></h5>
<div class="content-detail">
<span class="tag" >Business</span><span class="date">Sep 21, 2022<span>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-12">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Details" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/3.jpg" alt="Blog-Images" />
</a>
</div>
<div class="content-wrapper">
<h5><a title="Blog Details" href="#">Sed ut perspiciatis unde omnis natus error sit voluptatem</a></h5>
<div class="content-detail">
<span class="tag" >Marketing</span><span class="date">Sep 21, 2022<span>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisc ing elit, sed do eiusmod tempor</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Blog Style 4
12
AUG
DevelopmentAdmin
Excepteur sint occaecat cupidatatear non proident sunt
Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam...
<section class="blog dt-section">
<div class="container">
<div class="blog-block">
<div class="blog4">
<div class="content-block">
<div class="img-wrapper">
<a title="Blog Dteails" href="#">
<img src="../themes/custom/clear_pro/assets/images/img/elements/blog/10.jpg" alt="Blog-Images" />
</a>
<div class ="date">
<span>12</span>
<span>AUG</span>
</div>
</div>
<div class="content-wrapper">
<div class="content-detail">
<span class="tag" >Development</span><span class="creator">Admin<span>
</div>
<h3><a title="Blog Details" href="#">Excepteur sint occaecat cupidatatear non proident sunt</a></h3>
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam...</p>
<div class="button-wrapper">
<a class="read dark btn-custom2" title="Blog Details" href="#">Read More
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>