Post Style
Use the below code to display Post style:
<div class="post">
<div class="post-image clearfix">
[ Your Image ]
</div>
<div class="post-date">27<span>NAV</span></div>
<div class="post-details">
<div class="post-title"><h5 class="title"><a href="#"> [ Your Title ] </a></h5></div>
<div class="post-meta">
<a href="#"><i class="fa fa-user"></i> Admin</a>
<a href="#"><i aria-hidden="true" class="fa fa-heart-o"></i>98 Like</a>
<a href="#"><i class="fa fa-comments-o"></i>Comments</a>
</div>
<div class="post-content"><p> [ Your Description ] </p></div>
<a class="button small border animated right-icn" href="#"><span>Read More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></span></a>
</div>
</div>
You can change the post styles with using following classes :
| Class | Description |
|---|---|
.post |
Display the default Style of post |
.right-pos |
Display the date upper side of image. You have to move post-date div in post-image div below image. You can see example in elements-post-style.html |
.top-pos> |
Display the image in left side and upper side with date. and right side of discription with border |