Show Code
<!-- Content #11 -->
<section class="p-b-50">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="tabs-1">
<!-- Nav tabs -->
<ul class="nav nav-tabs gnx-nav-tabs centered m-b-40" role="tablist">
<li role="presentation" class="active">
<a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">
<div class="icon-box m-b-0">
<div class="icon-default icon-md">
<span><i class="icon-browser" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">Responsive</div>
</div>
</div>
</a>
</li>
<li role="presentation">
<a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">
<div class="icon-box m-b-0">
<div class="icon-default icon-md">
<span><i class="icon-strategy" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">Block Based</div>
</div>
</div>
</a>
</li>
<li role="presentation">
<a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab">
<div class="icon-box m-b-0">
<div class="icon-default icon-md">
<span><i class="icon-focus" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">Easy To Use</div>
</div>
</div>
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content p-t-15">
<div role="tabpanel" class="tab-pane fade in active" id="Section1">
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-expand" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>100% Responsive</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-mobile" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Retina Ready</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-gears" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Clean Code</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="Section2">
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-gift" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Content Blocks</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-focus" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Shortcodes</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-chat" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Free Support</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="Section3">
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-grid" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Bootstrap Grid</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-facebook" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Free Icons</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="icon-box box-left">
<div class="icon-default icon-md">
<span><i class="icon-genius" aria-hidden="true"></i></span>
</div>
<div class="box-content">
<div class="box-title">
<h4>Google Fonts</h4>
</div>
<p class="m-b-15">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
<a href="#" class="read-more">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</section>
<!--/ Content #11 -->
Full Screen
Full Width
Gradient
Kenburns
Kenburns
Particle
Video
Flip
Coverflow
Fade
No Autoplay
Vertical
Full Screen
Full Width
Full Screen
Coming Soon
Full Width
Full Width
Full Width
Full Width
Full Width
Full Width
Full Width
Full Screen
Full Screen
Full Screen
Full Screen
Full Screen
Full Screen
Full Screen
Masonry
Masonry
Masonry
Masonry
Masonry
Masonry
Masonry
Filterable Grid
Filterable Grid
Filterable Grid
Filterable Grid
Filterable Grid
Filterable Grid
