Icon Boxes

<div class="container">
  <!-- Two Columns Icon Boxes -->
  <div class="row text-left">
    <div class="col-sm-6">
      <div class="icon-box box-left">
        <div class="icon-default icon-md">
          <span><i class="icon-anchor" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Responsive</h4>
          </div>
          <p class="m-b-15">Geniux 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-6">
      <div class="icon-box box-left">
        <div class="icon-default icon-md">
          <span><i class="icon-layers" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Block Based</h4>
          </div>
          <p class="m-b-15">Geniux 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-6">
      <div class="icon-box box-left">
        <div class="icon-default icon-md">
          <span><i class="icon-telescope" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Clean Code</h4>
          </div>
          <p class="m-b-15">Geniux 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-6">
      <div class="icon-box box-left">
        <div class="icon-default icon-md">
          <span><i class="icon-trophy" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Unique Design</h4>
          </div>
          <p class="m-b-15">Geniux 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><!-- /.row -->
  <!-- /Two Columns Icon Boxes -->
</div><!-- /.container -->

<div class="container">
  <!-- /Three Columns Icon Boxes -->
  <div class="row">
    <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">Geniux 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">Geniux 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-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">Geniux 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><!-- /.row -->
  <div class="row">
    <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>Free Support</h4>
          </div>
          <p class="m-b-15">Geniux 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-layers" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Block Based</h4>
          </div>
          <p class="m-b-15">Geniux 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-strategy" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Unique Design</h4>
          </div>
          <p class="m-b-15">Geniux 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><!-- /.row -->
  <!-- /Three Columns Icon Boxes -->
</div><!-- /.container -->

<div class="container">
  <!-- Side Icons Boxes Image Center -->
  <div class="row m-t-50 m-b-50">
    <div class="col-sm-4">
      <div class="icon-box box-right">
        <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>Responsive</h4>
          </div>
          <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
      </div>
      <div class="icon-box box-right">
        <div class="icon-default icon-md">
          <span><i class="icon-layers" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Block Based</h4>
          </div>
          <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
      </div>
      <div class="icon-box box-right">
        <div class="icon-default icon-md">
          <span><i class="icon-lightbulb" aria-hidden="true"></i></span>
        </div>
        <div class="box-content">
          <div class="box-title">
            <h4>Clean Code</h4>
          </div>
          <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
      </div>
    </div>
    <div class="col-sm-4 m-b-60">
      <img class="img-responsive" src="assets/images/demo-img/phone-mask.png" data-rjs="2" alt="iphone"/>
    </div>
    <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
      </div>
      <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
      </div>
      <div class="icon-box box-left">
        <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">
            <h4>Unique Design</h4>
          </div>
          <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
  <!-- /Side Icons Boxes Image Center -->
</div><!-- /.container -->

<div class="container">
  <!-- Nav Tabs Icon Boxes -->
  <div class="row">
    <div class="col-md-12 col-xs-12">
      <ul class="nav nav-tabs centered m-b-50" role="tablist">
        <li role="presentation" class="active"><a href="#all" aria-controls="all" role="tab" data-toggle="tab">Tab One</a></li>
        <li role="presentation"><a href="#tab_two" aria-controls="tab_two" role="tab" data-toggle="tab">Tab Two</a></li>
        <li role="presentation"><a href="#tab_three" aria-controls="tab_three" role="tab" data-toggle="tab">Tab Three</a></li>
      </ul>

      <div class="tab-content text-left ">
        <div role="tabpanel" class="tab-pane fade in active m-b-15" id="all">
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Responsive</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-layers" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Block Based</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-lightbulb" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Clean Code</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Unique Design</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
        </div>
        <div role="tabpanel" class="tab-pane fade m-b-15" id="tab_two">
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-lifesaver" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Free Support</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-speedometer" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Ultra Speed</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-puzzle" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Block Based</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-tablet" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Retina Ready</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Responsive</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
        </div>
        <div role="tabpanel" class="tab-pane fade m-b-15" id="tab_three">

          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Ready Blocks</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-globe" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Responsive</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-tools" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Shortcodes</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Free Icons</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
        </div>
      </div><!-- /.tab-content -->
    </div>
  </div><!-- /.row -->
  <!-- /Nav Tabs Icon Boxes -->
</div><!-- /.container -->

<div class="container">
  <!-- Nav Pills Icon Boxes -->
  <div class="row">
    <div class="col-md-12 col-xs-12">
      <ul class="nav nav-pills centered m-b-50" role="tablist" id="myPill">
        <li role="presentation" class="active"><a href="#tab-1" aria-controls="tab-1" role="tab" data-toggle="tab">Tab One</a></li>
        <li role="presentation"><a href="#tab_2" aria-controls="tab_2" role="tab" data-toggle="tab">Tab Two</a></li>
        <li role="presentation"><a href="#tab_3" aria-controls="tab_3" role="tab" data-toggle="tab">Tab Three</a></li>
      </ul>

      <div class="tab-content text-left">
        <div role="tabpanel" class="tab-pane fade in active m-b-15" id="tab-1">
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Responsive</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-layers" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Block Based</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-lightbulb" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Clean Code</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Unique Design</h4>
                </div>
                <p class="m-b-15">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
        </div>
        <div role="tabpanel" class="tab-pane fade m-b-15" id="tab_2">
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-lifesaver" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Free Support</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-speedometer" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Ultra Speed</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-puzzle" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Block Based</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-tablet" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Retina Ready</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Ready Blocks</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
        </div>
        <div role="tabpanel" class="tab-pane fade m-b-15" id="tab_3">

          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Ready Blocks</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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">
                  <h4>Unique Design</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-globe" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Responsive</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <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>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-tools" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Shortcodes</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
          <div class="col-sm-6">
            <div class="icon-box box-left m-b-30">
              <div class="icon-default icon-md">
                <span><i class="icon-trophy" aria-hidden="true"></i></span>
              </div>
              <div class="box-content">
                <div class="box-title">
                  <h4>Free Icons</h4>
                </div>
                <p>Geniux ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</p>
              </div>
            </div>
          </div><!-- /.col-sm-6 -->
        </div>
      </div><!-- /.tab-content -->
    </div>
  </div><!-- /.row -->
  <!-- /Nav Pills Icon Boxes -->
</div><!-- /.container -->