Tabs

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="nav nav-tabs nav-border-top" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home8" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features8" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages8" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements8" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui8" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio8" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop8" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home8" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features8" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages8" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements8" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui8" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio8" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop8" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="nav nav-tabs nav-border-bottom" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home9" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features9" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages9" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements9" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui9" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio9" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop9" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home9" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features9" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages9" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements9" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui9" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio9" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop9" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="nav nav-tabs nav-justified" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home10" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features10" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages10" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements10" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui10" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio10" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop10" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home10" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features10" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages10" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements10" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui10" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio10" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop10" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="nav nav-pills" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home7" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features7" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages7" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements7" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui7" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio7" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop7" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home7" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features7" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages7" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements7" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui7" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio7" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop7" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="tabs-filled nav nav-tabs" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home2" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features2" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages2" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements2" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui2" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio2" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop2" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home2" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features2" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages2" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements2" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui2" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio2" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop2" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="tabs-filled tabs-center nav nav-tabs" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home3" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features3" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages3" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements3" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui3" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio3" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop3" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home3" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features3" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages3" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements3" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui3" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio3" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop3" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="tabs-filled tabs-a-right nav nav-tabs" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home4" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features4" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages4" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements4" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui4" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio4" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop4" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home4" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features4" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages4" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements4" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui4" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio4" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop4" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<!-- Nav tabs -->
<ul class="tabs-filled tabs-border nav nav-tabs" role="tablist">
  <li class="nav-item active">
    <a class="nav-link" data-toggle="tab" href="#home5" role="tab">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#features5" role="tab">Features</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#pages5" role="tab">Pages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#elements5" role="tab">Elements</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#ui5" role="tab">UI</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#portfolio5" role="tab">Portfolio</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#shop5" role="tab">Shop</a>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane fade in active" id="home5" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.</p>
  </div>
  <div class="tab-pane" id="features5" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="pages5" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid</p>
  </div>
  <div class="tab-pane fade" id="elements5" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
  </div>
  <div class="tab-pane fade" id="ui5" role="tabpanel">
    <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.<br>                Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.<br>                Completely synergize resource sucking relationships via premier niche markets. Professionally cultivate one-to-one customer service with robust ideas. Dynamically innovate resource-leveling customer service for state of the art customer service.<br>                Objectively innovate empowered manufactured products whereas parallel platforms. Holisticly predominate extensible testing procedures for reliable supply chains. Dramatically engage top-line web services vis-a-vis cutting-edge deliverables.</p>
  </div>
  <div class="tab-pane fade" id="portfolio5" role="tabpanel">
    <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
  </div>
  <div class="tab-pane fade" id="shop5" role="tabpanel">
    <p class="content">Huchen elephantnose fish largemouth bass lake whitefish goosefish goblin shark scaly dragonfish lefteye flounder mahi-mahi snake eel. Spanish mackerel oceanic flyingfish longneck eel hussar blue eye. Climbing gourami monkeyface prickleback sandperch, crestfish whiting topminnow pleco Redfin perch; marblefish lungfish carp dorab flashlight fish, cavefish pollock kelpfish oceanic flyingfish.Tiger barb sweeper zebrafish dojo loach creek chub, 'sarcastic fringehead rohu, ronquil, mud catfish Modoc sucker; Dolly Varden trout: yellowbelly tail catfish torrent catfish golden trout cepalin jawfish.' Beachsalmon ground shark grunion yellow-edged moray yellow perch antenna codlet loach catfish loach goby cichlid. Sabertooth Canthigaster rostrata ghost flathead gar cobbler thornyhead cusk-eel Australasian salmon.' Tarwhine lined sole dorab pickerel buri, viperfish boga Quillfish climbing gourami blue eye northern pearleye</p>
  </div>
</div>

<div class="side-tabs side-icons margin-small">
  <div class="row">
    <div class="container">
      <div class="col-xs-12 col-sm-2">
        <ul class="nav nav-tabs side-tab">
          <li class="active">
            <a href="#hello2" data-toggle="tab"><i class='fa fa-comment-o'></i></a>
          </li>
          <li>
            <a href="#well2" data-toggle="tab"><i class='fa fa-heart-o'></i></a>
          </li>
          <li>
            <a href="#swell2" data-toggle="tab"><i class='fa fa-question-circle-o'></i></a>
          </li>
        </ul>
      </div>
      <div class="col-xs-offset-1 col-xs-10 col-sm-offset-0 col-sm-8">
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade in active" id="hello2">
            <h3 class="tab-title text-center text-uppercase m-b">I said hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</i>
            <br><br>
            <i class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</i>
          </div>
          <div class="tab-pane fade" id="well2">
            <h3 class="tab-title text-center text-uppercase m-b">Well, hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</i>
            <br><br>
            <i class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</i>
          </div>
          <div class="tab-pane fade" id="swell2">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re lookin&#x27; swell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</i>
            <br><br>
            <i class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</i>
          </div>
          <div class="tab-pane fade" id="can2">
            <h3 class="tab-title text-center text-uppercase m-b">I can tell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</i>
            <br><br>
            <i class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</i>
          </div>
          <div class="tab-pane fade" id="glowin2">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still glowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</i>
            <br><br>
            <i class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</i>
          </div>
          <div class="tab-pane fade" id="crowin2">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still crowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</i>
            <br><br>
            <i class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</i>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-2">
        <!-- required for floating -->
        <!-- Nav tabs -->
        <ul class="nav nav-tabs side-tab">
          <li><a href="#can2" data-toggle="tab"><i class='fa fa-envelope-o'></i></a></li>
          <li><a href="#glowin2" data-toggle="tab"><i class='fa fa-hdd-o'></i></a></li>
          <li><a href="#crowin2" data-toggle="tab"><i class='fa fa-folder-open-o'></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="side-tabs side-icons margin-small">
  <div class="row">
    <div class="container">
      <div class="col-xs-12 col-sm-2">
        <ul class="nav nav-tabs side-tab">
          <li class="active">
            <a href="#hello" data-toggle="tab"><i class='fa fa-comment-o'></i></a>
          </li>
           
          <li>
            <a href="#well" data-toggle="tab"><i class='fa fa-heart-o'></i></a>
          </li>

          <li>
            <a href="#swell" data-toggle="tab"><i class='fa fa-question-circle-o'></i></a>
          </li>
        </ul>
      </div>
      <div class="col-xs-offset-1 col-xs-10 col-sm-offset-0 col-sm-10">
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade in active" id="hello">
            <h3 class="tab-title text-center text-uppercase m-b">I said hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="well">
            <h3 class="tab-title text-center text-uppercase m-b">Well, hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="swell">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re lookin&#x27; swell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="can">
            <h3 class="tab-title text-center text-uppercase m-b">I can tell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="glowin">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still glowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="crowin">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still crowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="side-tabs side-icons margin-small">
  <div class="row">
    <div class="container">
      <div class="col-xs-offset-1 col-xs-10 col-sm-offset-0 col-sm-10">
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade in active" id="hello3">
            <h3 class="tab-title text-center text-uppercase m-b">I said hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="well3">
            <h3 class="tab-title text-center text-uppercase m-b">Well, hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="swell3">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re lookin&#x27; swell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="can3">
            <h3 class="tab-title text-center text-uppercase m-b">I can tell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="glowin3">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still glowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
          <div class="tab-pane fade" id="crowin3">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still crowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</i>
            <br><br>
            <i class="content">
              Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI. Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.
            </i>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-2">
        <ul class="nav nav-tabs side-tab">
          <li class="active">
            <a href="#hello3" data-toggle="tab"><i class='fa fa-comment-o'></i></a>
          </li>
          <li>
            <a href="#well3" data-toggle="tab"><i class='fa fa-heart-o'></i></a>
          </li>
          <li>
            <a href="#swell3" data-toggle="tab"><i class='fa fa-question-circle-o'></i></a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="side-tabs side-tab-sided margin-small">
  <div class="row">
    <div class="container">
      <div class="col-xs-12 col-sm-2">
        <ul class="nav nav-tabs side-tab tabs-left">
          <li class="active">
            <a href="#hello5" data-toggle="tab">Hello, Dolly</a>
          </li>
           
          <li>
            <a href="#well5" data-toggle="tab">Well, hello</a>
          </li>

          <li>
            <a href="#swell5" data-toggle="tab">Lookin' swell</a>
          </li>
        </ul>
      </div>
      <div class="col-xs-offset-1 col-xs-10 col-sm-offset-0 col-sm-8">
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade in active" id="hello5">
            <h3 class="tab-title text-center text-uppercase m-b">I said hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="well5">
            <h3 class="tab-title text-center text-uppercase m-b">Well, hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="swell5">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re lookin&#x27; swell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="can5">
            <h3 class="tab-title text-center text-uppercase m-b">I can tell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="glowin5">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still glowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="crowin5">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still crowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-2">
        <!-- required for floating -->
        <!-- Nav tabs -->
        <ul class="nav nav-tabs side-tab tabs-right">
          <li><a href="#can5" data-toggle="tab">I can tell</a></li>
          <li><a href="#glowin5" data-toggle="tab">Still glowin'</a></li>
          <li><a href="#crowin5" data-toggle="tab">Still crowin'</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="side-tabs side-tab-sided side-tabs-styled side-tabs-outline margin-small">
  <div class="row">
    <div class="container">
      <div class="col-xs-12 col-sm-2">
        <ul class="nav nav-tabs side-tab tabs-left">
          <li class="active">
            <a href="#hello4" data-toggle="tab">Hello, Dolly</a>
          </li>
           
          <li>
            <a href="#well4" data-toggle="tab">Well, hello</a>
          </li>

          <li>
            <a href="#swell4" data-toggle="tab">Lookin' swell</a>
          </li>
        </ul>
      </div>
      <div class="col-xs-offset-1 col-xs-10 col-sm-offset-0 col-sm-8">
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade in active" id="hello4">
            <h3 class="tab-title text-center text-uppercase m-b">I said hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="well4">
            <h3 class="tab-title text-center text-uppercase m-b">Well, hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="swell4">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re lookin&#x27; swell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="can4">
            <h3 class="tab-title text-center text-uppercase m-b">I can tell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="glowin4">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still glowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="crowin4">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still crowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-2">
        <!-- required for floating -->
        <!-- Nav tabs -->
        <ul class="nav nav-tabs side-tab tabs-right">
          <li><a href="#can4" data-toggle="tab">I can tell</a></li>
          <li><a href="#glowin4" data-toggle="tab">Still glowin'</a></li>
          <li><a href="#crowin4" data-toggle="tab">Still crowin'</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="side-tabs side-tab-sided side-tabs-styled side-tabs-inset margin-small">
  <div class="row">
    <div class="container">
      <div class="col-xs-12 col-sm-2">
        <ul class="nav nav-tabs side-tab tabs-left">
          <li class="active">
            <a href="#hello6" data-toggle="tab">Hello, Dolly</a>
          </li>
           
          <li>
            <a href="#well6" data-toggle="tab">Well, hello</a>
          </li>

          <li>
            <a href="#swell6" data-toggle="tab">Lookin' swell</a>
          </li>
        </ul>
      </div>
      <div class="col-xs-offset-1 col-xs-10 col-sm-offset-0 col-sm-8">
        <!-- Tab panes -->
        <div class="tab-content">
          <div class="tab-pane fade in active" id="hello6">
            <h3 class="tab-title text-center text-uppercase m-b">I said hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="well6">
            <h3 class="tab-title text-center text-uppercase m-b">Well, hello, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="swell6">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re lookin&#x27; swell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="can6">
            <h3 class="tab-title text-center text-uppercase m-b">I can tell, Dolly</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="glowin6">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still glowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
          <div class="tab-pane fade" id="crowin6">
            <h3 class="tab-title text-center text-uppercase m-b">You&#x27;re still crowin&#x27;</h3>
            <i class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis</i>
          </div>
        </div>
      </div>
      <div class="col-xs-12 col-sm-2">
        <!-- required for floating -->
        <!-- Nav tabs -->
        <ul class="nav nav-tabs side-tab tabs-right">
          <li><a href="#can6" data-toggle="tab">I can tell</a></li>
          <li><a href="#glowin6" data-toggle="tab">Still glowin'</a></li>
          <li><a href="#crowin6" data-toggle="tab">Still crowin'</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>