Tab Style 1

  • About us
  • Why Choose us
  • Services
  • Brand Assets
about-us

About Us

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Why Choose us

PHP
40%
Wordpress
75%
SEO
100%

Services

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Brand Assets

3000

happy clients

200

shortcodes

77%

cups of coffee

50K

followers

	
          <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>

Tab Style 2

  • About us
  • Why Choose us
  • Services
  • Brand Assets
about-us

About Us

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Why Choose us

PHP
40%
Wordpress
75%
SEO
100%

Services

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Brand Assets

3000

happy clients

200

shortcodes

77%

cups of coffee

50K

followers

	
         
         <div class="spd-row spd-padding-top-bottom-50">
  <h3 class="spd-text-center spd-padding-bottom-50">Tab Style 2</h3>
  <div id="Spd-tab2">
    <ul class="resp-tabs-list">
      <li><i class="fa fa-users"></i>About us </li>
      <li><i class="fa fa-cog"></i>Why Choose us </li>
      <li><i class="fa fa-thumbs-o-up"></i>Services </li>
      <li><i class="fa fa-download"></i>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>

Tab Style 3

  • About us
  • Why Choose us
  • Services
  • Brand Assets
about-us

About Us

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Why Choose us

PHP
40%
Wordpress
75%
SEO
100%

Services

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Brand Assets

3000

happy clients

200

shortcodes

77%

cups of coffee

50K

followers

	
          <div class="spd-row spd-padding-top-bottom-50">
  <h3 class="spd-text-center spd-padding-bottom-50">Tab Style 3</h3>
  <div id="Spd-tab3">
    <ul class="resp-tabs-list">
      <li><i class="fa fa-users"></i>About us </li>
      <li><i class="fa fa-cog"></i>Why Choose us </li>
      <li><i class="fa fa-thumbs-o-up"></i>Services </li>
      <li><i class="fa fa-download"></i>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>

Vertical Tab 1

  • About Us
  • Why Choose Us
  • Services
  • Brand Assets
about-us

About Us

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Why Choose us

PHP
40%
Wordpress
75%
SEO
100%

Services

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Brand Assets

3000

happy clients

200

shortcode & items

77%

cups of coffee

50K

followers

		           
          <div class="spd-row spd-padding-top-bottom-50">
  <h3 class="spd-padding-top-bottom-50 spd-text-center"> Vertical Tab 1</h3>
  <div id="verticalTab">
    <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-box"> <i class="fa fa-briefcase fa-3x"></i> <span class="spd-counter mediumcount">3000</span>
              <h4>happy clients</h4>
            </div>
          </div>
          <div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
            <div class="counter-box"> <i class="fa fa-globe fa-3x"></i> <span class="spd-counter mediumcount">200</span>
              <h4>shortcode &amp; items</h4>
            </div>
          </div>
          <div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
            <div class="counter-box"> <i class="fa fa-download fa-3x"></i> <span class="spd-counter mediumcount">77</span><span class="counter-ex2">%</span>
              <h4>cups of coffee</h4>
            </div>
          </div>
          <div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
            <div class="counter-box"> <i class="fa fa-send-o fa-3x"></i> <span class="spd-counter mediumcount">50</span><span class="counter-ex2">K</span>
              <h4>followers</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Vertical Tab 2

  • About Us
  • Why Choose Us
  • Services
  • Brand Assets
about-us

About Us

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Why Choose us

PHP
40%
Wordpress
75%
SEO
100%

Services

Necessitatibus saepe eveniet ut et autem quibusdam et aut officiis debitis voluptates repudiandae sint et molestiae non recusandae.

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.

Brand Assets

3000

happy clients

200

shortcode & items

77%

cups of coffee

50K

followers

		 
          <div class="spd-row spd-padding-top-bottom-50">
  <h3 class="spd-padding-top-bottom-50 spd-text-center"> Vertical Tab 2</h3>
  <div id="spd-vertical-tab2">
    <ul class="resp-tabs-list">
      <li><i class="fa fa-users"></i>About Us </li>
      <li><i class="fa fa-cog"></i>Why Choose Us </li>
      <li><i class="fa fa-thumbs-o-up"></i>Services </li>
      <li><i class="fa fa-download"></i>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-box"> <i class="fa fa-briefcase fa-3x"></i> <span class="spd-counter mediumcount">3000</span>
              <h4>happy clients</h4>
            </div>
          </div>
          <div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
            <div class="counter-box"> <i class="fa fa-globe fa-3x"></i> <span class="spd-counter mediumcount">200</span>
              <h4>shortcode &amp; items</h4>
            </div>
          </div>
          <div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
            <div class="counter-box"> <i class="fa fa-download fa-3x"></i> <span class="spd-counter mediumcount">77</span><span class="counter-ex2">%</span>
              <h4>cups of coffee</h4>
            </div>
          </div>
          <div class="spd-col-md-3 spd-col-sm-3 spd-xs-padding-bottom-50">
            <div class="counter-box"> <i class="fa fa-send-o fa-3x"></i> <span class="spd-counter mediumcount">50</span><span class="counter-ex2">K</span>
              <h4>followers</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>