Skip to content

Instantly share code, notes, and snippets.

@ibby360
Created January 5, 2022 19:57
Show Gist options
  • Save ibby360/ffba69809856335760bd1f698b8fea1b to your computer and use it in GitHub Desktop.
Save ibby360/ffba69809856335760bd1f698b8fea1b to your computer and use it in GitHub Desktop.
Large column
<section class="content-inner">
<div class="container">
<div class="section-head style-1 text-center">
<h5 class="sub-title">Our Blog</h5>
<h2 class="title">Latest News Feed</h2>
</div>
<div class="row">
<div class="col-lg-3">
<div class="row">
<div class="col-lg-12 col-sm-6">
<div class="dz-card style-2 m-b30 wow fadeIn" data-wow-delay=".2s" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="dz-media">
<a href="blog-details.html"><img src="images/blog/blog-grid/pic9.jpg" alt=""></a>
<div class="dz-meta">
<ul>
<li class="post-date"><i class="las la-calendar"></i> 7 March, 2021</li>
</ul>
</div>
</div>
<div class="dz-info p-t20">
<h4 class="dz-title"><a href="blog-details.html">The Justin Bieber Guide To Business</a></h4>
<a class="link-icon text-secondary" href="blog-details.html">Read More<i class="las la-long-arrow-alt-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-6">
<div class="dz-card style-2 m-b30 wow fadeIn" data-wow-delay=".2s" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="dz-media">
<a href="blog-details.html"><img src="images/blog/blog-grid/pic10.jpg" alt=""></a>
<div class="dz-meta">
<ul>
<li class="post-date"><i class="las la-calendar"></i> 7 March, 2021</li>
</ul>
</div>
</div>
<div class="dz-info p-t20">
<h4 class="dz-title"><a href="blog-details.html">Where Is The Best Business?</a></h4>
<a class="link-icon text-secondary" href="blog-details.html">Read More<i class="las la-long-arrow-alt-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="dz-card style-2 m-b30 wow fadeIn" data-wow-delay=".2s" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="dz-media">
<a href="blog-details.html"><img src="images/blog/blog-grid/pic13.jpg" alt=""></a>
<div class="dz-meta">
<ul>
<li class="post-date"><i class="las la-calendar"></i> 7 March, 2021</li>
</ul>
</div>
</div>
<div class="dz-info p-t20">
<h4 class="dz-title"><a href="blog-details.html">Curabitur consectetur, erat vulputate tincidunt, tellus lectus imperdiet arcu.</a></h4>
<a class="link-icon text-secondary" href="blog-details.html">Read More<i class="las la-long-arrow-alt-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="row">
<div class="col-lg-12 col-sm-6">
<div class="dz-card style-2 m-b30 wow fadeIn" data-wow-delay=".2s" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="dz-media">
<a href="blog-details.html"><img src="images/blog/blog-grid/pic11.jpg" alt=""></a>
<div class="dz-meta">
<ul>
<li class="post-date"><i class="las la-calendar"></i> 7 March, 2021</li>
</ul>
</div>
</div>
<div class="dz-info p-t20">
<h4 class="dz-title"><a href="blog-details.html">Nullam sagittis, ante eu aliquam.</a></h4>
<a class="link-icon text-secondary" href="blog-details.html">Read More<i class="las la-long-arrow-alt-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-6">
<div class="dz-card style-2 m-b30 wow fadeIn" data-wow-delay=".2s" data-wow-duration="2s" style="visibility: visible; animation-duration: 2s; animation-delay: 0.2s; animation-name: fadeIn;">
<div class="dz-media">
<a href="blog-details.html"><img src="images/blog/blog-grid/pic12.jpg" alt=""></a>
<div class="dz-meta">
<ul>
<li class="post-date"><i class="las la-calendar"></i> 7 March, 2021</li>
</ul>
</div>
</div>
<div class="dz-info p-t20">
<h4 class="dz-title"><a href="blog-details.html">You Make These Business Mistakes?</a></h4>
<a class="link-icon text-secondary" href="blog-details.html">Read More<i class="las la-long-arrow-alt-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment