Shortcode Usage Sample
<!-- Start BlogNews section -->
<section class="blog-news p-t-90 p-b-60">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 p-b-40 text-center">
<h2>Latest Blog News</h2>
<p class="gnx-subheading">Great Care For People & Projects</p>
<hr class="hr-small hr-color">
</div>
<div class="clearfix"></div>
<!-- Blog Post 1 -->
<div class="col-md-4">
<div class="blog-post">
<a href="#" class="post-image">
<img src="assets/images/demo-img/gnx-400x225.jpg" class="img-responsive" data-rjs="2" alt="image">
</a>
<div class="gnx-blog-content">
<!-- Meta data -->
<div class="post-meta">
<a href="#" class="post-date f-s-12 f-w-400 text-uppercase">
<i class="fa fa-calendar-o" aria-hidden="true"></i>
February 10 2018
</a>
<a href="#" class="post-comments pull-right"><i class="fa fa-comments-o"></i>
<span>18</span>
</a>
</div>
<!-- Post Title -->
<a href="#" class="post-title">
<h4 class="f-s-17 m-b-0">Blog Post Title</h4>
</a>
<!-- Post Text -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat ...</p>
<!-- Link -->
<a href="#" class="gnx-btn btn-small gnx-btn-dark" role="button">Read More</a>
</div>
</div>
</div>
<!-- Blog Post 3 -->
<div class="col-md-4">
<div class="blog-post">
<a href="#" class="post-image">
<img src="assets/images/demo-img/gnx-400x225.jpg" class="img-responsive" data-rjs="2" alt="image">
</a>
<div class="gnx-blog-content">
<!-- Meta data -->
<div class="post-meta">
<a href="#" class="post-date f-s-12 f-w-400 text-uppercase">
<i class="fa fa-calendar-o" aria-hidden="true"></i>
February 10 2018
</a>
<a href="#" class="post-comments pull-right"><i class="fa fa-comments-o"></i>
<span>18</span>
</a>
</div>
<!-- Post Title -->
<a href="#" class="post-title">
<h4 class="f-s-17 m-b-0">Blog Post Title</h4>
</a>
<!-- Post Text -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat ...</p>
<!-- Link -->
<a href="#" class="gnx-btn btn-small gnx-btn-dark" role="button">Read More</a>
</div>
</div>
</div>
<!-- Blog Post 3 -->
<div class="col-md-4">
<div class="blog-post">
<a href="#" class="post-image">
<img src="assets/images/demo-img/gnx-400x225.jpg" class="img-responsive" data-rjs="2" alt="image">
</a>
<div class="gnx-blog-content">
<!-- Meta data -->
<div class="post-meta">
<a href="#" class="post-date f-s-12 f-w-400 text-uppercase">
<i class="fa fa-calendar-o" aria-hidden="true"></i>
February 10 2018
</a>
<a href="#" class="post-comments pull-right"><i class="fa fa-comments-o"></i>
<span>18</span>
</a>
</div>
<!-- Post Title -->
<a href="#" class="post-title">
<h4 class="f-s-17 m-b-0">Blog Post Title</h4>
</a>
<!-- Post Text -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ex ea consequat ...</p>
<!-- Link -->
<a href="#" class="gnx-btn btn-small gnx-btn-dark" role="button">Read More</a>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!-- End BlogNews section -->