28 lines
1.4 KiB
HTML
28 lines
1.4 KiB
HTML
|
|
<div class="masonry-item no-default-style col-md-6">
|
|
<article class="post post-medium border-0 pb-0 mb-5">
|
|
<div class="post-image">
|
|
<a href="blog-post.html">
|
|
<img src="img/blog/medium/blog-70.jpg" class="img-fluid img-thumbnail img-thumbnail-no-borders rounded-0 w-100" alt="How to Find Your Ideal Life Partner" />
|
|
<div class="date p-absolute z-index-2 top-10 right-10 mr-0 mr-3 pl-1 pt-1">
|
|
<span class="day bg-color-light font-weight-extra-bold py-2 text-color-dark">15</span>
|
|
<span class="month text-1 bg-color-light line-height-9 text-default w-100 top-2 d-block py-0"><span class="text-1">JAN</span></span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="post-content bg-color-light p-4">
|
|
|
|
<h2 class="font-weight-bold text-5 line-height-6 mt-0 mb-2"><a href="blog-post.html">How to Find Your Ideal Life Partner</a></h2>
|
|
<p>Euismod atras vulputate iltricies etri elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
|
|
|
|
<div class="post-meta m-0 p-0">
|
|
<span><i class="far fa-user"></i> By <a href="#">John Doe</a> </span>
|
|
<span><i class="far fa-folder"></i> <a href="#">Lifestyle</a>, <a href="#">Travel</a> </span>
|
|
<span><i class="far fa-comments"></i> <a href="#">12 Comments</a></span>
|
|
<span class="d-block mt-2"><a href="blog-post.html" class="btn btn-xs btn-light text-1 text-uppercase">Read More</a></span>
|
|
</div>
|
|
|
|
</div>
|
|
</article>
|
|
</div> |