Shortcode usage sample
<!-- Start Team #1 -->
<section id="team">
<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>Meet Our Team</h2>
<p class="gnx-subheading">Smart People For Awesome Projects</p>
<hr class="hr-small hr-color">
</div>
</div><!-- /.row -->
<div class="row">
<!-- Team Member 1 -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="team-wrapper">
<div class="team-info">
<img class="img-responsive" src="assets/images/demo-img/gnx-300x350.jpg" data-rjs="2" alt="image">
<div class="team-details">
<div class="team-content">
<div class="team-inner">
<div class="description">
<h4 class="m-t-0">Be Creative</h4>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<ul class="team-social-icon">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-label">
<h5 class="m-b-5">Melissa Green</h5>
<span class="member-role">Founder</span>
</div>
</div>
</div>
<!-- Team Member 2-->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="team-wrapper">
<div class="team-info">
<img class="img-responsive" src="assets/images/demo-img/gnx-300x350.jpg" data-rjs="2" alt="image">
<div class="team-details">
<div class="team-content">
<div class="team-inner">
<div class="description">
<h4 class="m-t-0">I Love Design</h4>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<ul class="team-social-icon">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-label">
<h5 class="m-b-5">Ben Thomson</h5>
<span class="member-role">Web Designer</span>
</div>
</div>
</div>
<!-- Team Member 3 -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="team-wrapper">
<div class="team-info">
<img class="img-responsive" src="assets/images/demo-img/gnx-300x350.jpg" data-rjs="2" alt="image">
<div class="team-details">
<div class="team-content">
<div class="team-inner">
<div class="description">
<h4 class="m-t-0">Great Team</h4>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<ul class="team-social-icon">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-label">
<h5 class="m-b-5">Mike Ross</h5>
<span class="member-role">Web Developer</span>
</div>
</div>
</div>
<!-- Team Member 4 -->
<div class="col-md-3 col-sm-3 col-xs-12">
<div class="team-wrapper">
<div class="team-info">
<img class="img-responsive" src="assets/images/demo-img/gnx-300x350.jpg" data-rjs="2" alt="image">
<div class="team-details">
<div class="team-content">
<div class="team-inner">
<div class="description">
<h4 class="m-t-0">Smile!</h4>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<ul class="team-social-icon">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="team-label">
<h5 class="m-b-5">Kathy Miller</h5>
<span class="member-role">Photographer</span>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!--/ End Team #1 -->