Documentation and examples for how to use Gameforest's included blog component with multiple variants and options.
Blogs are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Below is an example of a basic blog with mixed content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elit ante, congue sodales orci ac, ultrices pretium lectus. Maecenas lorem enim, dignissim sed lacus non, feugiat iaculis lorem. Integer eu aliquet diam. Suspendisse fringilla porta justo, vel tempus risus. Ut et enim sit amet libero fermentum aliquam et ut sem.
<div class="post">
<h2 class="post-title"><a href="blog-post.html">Lorem ipsum dolor sit amet consectetur elit</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> June 16, 2017 by <a href="profile.html">Constantine</a></span>
<span><a href="blog-post.html#comments"><i class="fa fa-comment-o"></i> 98 comments</a></span>
</div>
<div class="post-thumbnail">
<img src="http://via.placeholder.com/848x420/ddd" alt="">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elit ante, congue sodales orci ac, ultrices pretium lectus. Maecenas lorem enim, dignissim sed lacus non, feugiat iaculis lorem. Integer eu aliquet diam. Suspendisse fringilla porta justo, vel tempus risus. Ut et enim sit amet libero fermentum aliquam et ut sem.</p>
</div>Blogs are built with as little markup and styles as possible, but still manage to deliver a ton of control and customization. Below is an example of a basic blog with mixed content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elit ante, congue sodales orci ac, ultrices pretium lectus. Maecenas lorem enim, dignissim sed lacus non, feugiat iaculis lorem. Integer eu aliquet diam. Suspendisse fringilla porta justo, vel tempus risus. Ut et enim sit amet libero fermentum aliquam et ut sem.
<div class="post post-card">
<h2 class="post-title"><a href="blog-post.html">Lorem ipsum dolor sit amet consectetur elit</a></h2>
<div class="post-meta">
<span><i class="fa fa-clock-o"></i> June 16, 2017 by <a href="profile.html">Constantine</a></span>
<span><a href="blog-post.html#comments"><i class="fa fa-comment-o"></i> 98 comments</a></span>
</div>
<div class="post-thumbnail">
<img src="http://via.placeholder.com/805x420/ddd" alt="">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elit ante, congue sodales orci ac, ultrices pretium lectus. Maecenas lorem enim, dignissim sed lacus non, feugiat iaculis lorem. Integer eu aliquet diam. Suspendisse fringilla porta justo, vel tempus risus. Ut et enim sit amet libero fermentum aliquam et ut sem.</p>
</div>