<div class="row">
   <div class="col-md-12">
      <h1 class="vendor-tab-head text-center">Top picks from Microsoft</h1>
      <nav class="all-vendor-tabs">
         <div class="nav nav-tabs" id="nav-tab" role="tablist">
            <a class="nav-item nav-link" id="nav-home-tab" data-toggle="tab" href="#officetab" role="tab" aria-controls="officetab" aria-selected="true">
            <img src="images/office365-icon.png">
            <span>Office 365</span>
            </a>
            <a class="nav-item nav-link active" id="nav-profile-tab" data-toggle="tab" href="#surfacetab" role="tab" aria-controls="nav-profile" aria-selected="false">
            <img src="images/surface-icon.png">
            <span>Surface</span>
            </a>
            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">
            <img src="images/isv-icon.png">
            <span>ISV</span>
            </a>
            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">
            <img src="images/dynamic365-icon.png">
            <span>Dynamics 365</span>
            </a>
            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">
            <img src="images/azure-icon.png">
            <span>Azure Plans</span>
            </a>
            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">
            <img src="images/software-icon.png">
            <span>Perpetual Software</span>
            </a>
            <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">
            <img src="images/all-products-icon.png">
            <span>All Products</span>
            </a>
         </div>
      </nav>
   </div>
</div>