<div class="spd-row spd-padding-top-bottom-50">
<h3 class="spd-text-center spd-padding-bottom-50">Tab Style 1</h3>
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li>About us </li>
<li>Why Choose us </li>
<li>Services </li>
<li>Brand Assets </li>
</ul>
<div class="resp-tabs-container">
<div>
<div class="spd-img-w spd-img-round-corners spd-img-left spd-padding-top-10"> <img src="/Portals/_default/Skins/Shadhin/images/meetOurTeam-04.jpg" alt="about-us" width="150"> </div>
<h4>About Us</h4>
<p class="spd-lead-20 spd-padding-bottom-15">Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae. </p>
<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. </p>
</div>
<div>
<h4>Why Choose us</h4>
<div class="spd-row">
<div class="skillbar clearfix " data-percent="40%">
<div class="skillbar-title" style="background: #46465e;"><span>PHP</span> </div>
<div class="skillbar-bar-style" style="background: #5a68a5;"> </div>
<div class="skill-bar-percent">40% </div>
</div>
<!-- End Skill Bar -->
<div class="skillbar clearfix " data-percent="75%">
<div class="skillbar-title" style="background: #333333;"><span>Wordpress</span> </div>
<div class="skillbar-bar-style" style="background: #525252;"> </div>
<div class="skill-bar-percent">75% </div>
</div>
<!-- End Skill Bar -->
<div class="skillbar clearfix " data-percent="100%">
<div class="skillbar-title" style="background: #27ae60;"><span>SEO</span> </div>
<div class="skillbar-bar-style" style="background: #2ecc71;"> </div>
<div class="skill-bar-percent">100% </div>
</div>
<!-- End Skill Bar -->
</div>
</div>
<div>
<h4>Services</h4>
<p class="spd-lead-20 spd-padding-bottom-15">Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae. </p>
<p>Suspendisse blandit velit Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta cursus lectus. Proin nunc erat, gravida a facilisis quis, ornare id lectus. Proin consectetur nibh quis urna gravid urna gravid eget erat suscipit in malesuada odio venenatis. </p>
</div>
<div>
<h4>Brand Assets</h4>
<div class="spd-row">
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="counter-box2">
<div class="count-inline">
<div class="count-left"> <i class="fa fa-briefcase fa-4x"></i> </div>
<div class="count-right"> <span class="spd-counter mediumcount">3000</span>
<h4>happy clients</h4>
</div>
</div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="counter-box2">
<div class="count-inline">
<div class="count-left"> <i class="fa fa-download fa-4x"></i> </div>
<div class="count-right"> <span class="spd-counter mediumcount">200</span>
<h4>shortcodes</h4>
</div>
</div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="counter-box2">
<div class="count-inline">
<div class="count-left"> <i class="fa fa-globe fa-4x"></i> </div>
<div class="count-right"> <span class="spd-counter mediumcount">77</span><span class="counter-ex2">%</span>
<h4>cups of coffee</h4>
</div>
</div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
<div class="counter-box2">
<div class="count-inline">
<div class="count-left"> <i class="fa fa-send-o fa-4x"></i> </div>
<div class="count-right"> <span class="spd-counter mediumcount">50</span><span class="counter-ex2">K</span>
<h4>followers</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>