Blog Setup

Posts use Simple Markup. Use the Code Sample below:

Code Example

<div id="posts">

	<div class="entry clearfix">

		<!-- Post Image -->
		<div class="entry-image">
			<a href="image.jpg" data-lightbox="image"><img class="image_fade" src="image.jpg" alt="Standard Post with Image"></a>
		</div>

		<!-- Post Title -->
		<div class="entry-title">
			<h2><a href="blog-single.html">This is a Standard post with a Preview Image</a></h2>
		</div>

		<!-- Post Meta -->
		<ul class="entry-meta clearfix">
			<li><i class="icon-calendar3"></i> 10th February 2014</li>
			<li><a href="#"><i class="icon-user"></i> admin</a></li>
			<li><i class="icon-folder-open"></i> <a href="#">General</a>, <a href="#">Media</a></li>
			<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 13 Comments</a></li>
			<li><a href="#"><i class="icon-camera-retro"></i></a></li>
		</ul>

		<!-- Post Content -->
		<div class="entry-content">
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, asperiores quod est tenetur in. Eligendi, deserunt, blanditiis est quisquam doloribus voluptate id aperiam ea ipsum magni aut perspiciatis rem voluptatibus officia eos rerum deleniti quae nihil facilis repellat atque vitae voluptatem libero at eveniet veritatis ab facere.</p>
			<a href="blog-single.html">Read More →</a>
		</div>

	</div>

	...

</div>

Last Modified: June 2, 2020