Tabs
Dynamic tabbed interfaces.
Tab #1 #
- Accountancy(8,087)
- Administration(11,732)
- Advertising(379)
- Aerospace(35)
- Apprenticeships(10,278)
- Automotive(263)
- Banking(1,729)
- Call Centre(1,843)
- Catering(5,067)
- Digital(2,636)
- Education(6,624)
- Engineering(12,180)
- Finance(3,791)
- FMCG(4,634)
- Graduate(8,797)
- Healthcare(6,786)
- Hospitality(5,029)
- HR(2,593)
- Management Consultancy(174)
- Manufacturing(5,212)
- Marketing(5,281)
- Media(1,513)
- Nursing(2,949)
- Oil and Gas(169)
- PA(1,680)
- Part-time(10,942)
- Pharmaceutical(1,166)
- Retail(6,905)
- Sales(23,246)
- Science(1,790)
- Secretarial(1,569)
- Senior Appointments(515)
- Social Work(768)
- Teaching(3,548)
- Telecoms(220)
- Temporary(17,272)
- Accountancy(8,087)
- Administration(11,732)
- Advertising(379)
- Aerospace(35)
- Apprenticeships(10,278)
- Automotive(263)
- Banking(1,729)
- Call Centre(1,843)
- Catering(5,067)
- Digital(2,636)
- Education(6,624)
- Engineering(12,180)
- Finance(3,791)
- FMCG(4,634)
- Graduate(8,797)
- Healthcare(6,786)
- Hospitality(5,029)
- HR(2,593)
- Management Consultancy(174)
- Manufacturing(5,212)
- Marketing(5,281)
- Media(1,513)
- Nursing(2,949)
- Oil and Gas(169)
- PA(1,680)
- Part-time(10,942)
- Pharmaceutical(1,166)
- Retail(6,905)
- Sales(23,246)
- Science(1,790)
- Secretarial(1,569)
- Senior Appointments(515)
- Social Work(768)
- Teaching(3,548)
- Telecoms(220)
- Temporary(17,272)
- Accountancy(8,087)
- Administration(11,732)
- Advertising(379)
- Aerospace(35)
- Apprenticeships(10,278)
- Automotive(263)
- Banking(1,729)
- Call Centre(1,843)
- Catering(5,067)
- Digital(2,636)
- Education(6,624)
- Engineering(12,180)
- Finance(3,791)
- FMCG(4,634)
- Graduate(8,797)
- Healthcare(6,786)
- Hospitality(5,029)
- HR(2,593)
- Management Consultancy(174)
- Manufacturing(5,212)
- Marketing(5,281)
- Media(1,513)
- Nursing(2,949)
- Oil and Gas(169)
- PA(1,680)
- Part-time(10,942)
- Pharmaceutical(1,166)
- Retail(6,905)
- Sales(23,246)
- Science(1,790)
- Secretarial(1,569)
- Senior Appointments(515)
- Social Work(768)
- Teaching(3,548)
- Telecoms(220)
- Temporary(17,272)
<div class="py-6">
<div class="container">
<ul class="nav nav-pills tab-style-02 row font-size-lg" role="tablist">
<li class="nav-item col-md-4">
<a class="nav-link active" id="category-tab" data-toggle="tab"
href="#category"
role="tab"
aria-controls="category" aria-selected="true">Jobs By Categories</a>
</li>
<li class="nav-item col-md-4">
<a class="nav-link" id="location-tab" data-toggle="tab" href="#location"
role="tab"
aria-controls="location" aria-selected="false">Jobs By Location</a>
</li>
<li class="nav-item col-md-4">
<a class="nav-link" id="popular-search-tab" data-toggle="tab"
href="#popular-search"
role="tab"
aria-controls="popular-search" aria-selected="false">Popular
Search</a>
</li>
</ul>
</div>
<div class=" bg-dark">
<div class="tab-content">
<div class="tab-pane fade show active" id="category" role="tabpanel"
aria-labelledby="category-tab">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Accountancy</a><span
class="d-inline-block text-primary ml-1">(8,087)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Administration</a><span
class="d-inline-block text-primary ml-1">(11,732)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Advertising</a><span
class="d-inline-block text-primary ml-1">(379)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Aerospace</a><span
class="d-inline-block text-primary ml-1">(35)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Apprenticeships</a><span
class="d-inline-block text-primary ml-1">(10,278)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Automotive</a><span
class="d-inline-block text-primary ml-1">(263)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Banking</a><span
class="d-inline-block text-primary ml-1">(1,729)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Call Centre</a><span
class="d-inline-block text-primary ml-1">(1,843)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Catering</a><span
class="d-inline-block text-primary ml-1">(5,067)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Digital</a><span
class="d-inline-block text-primary ml-1">(2,636)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Education</a><span
class="d-inline-block text-primary ml-1">(6,624)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Engineering</a><span
class="d-inline-block text-primary ml-1">(12,180)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Finance</a><span
class="d-inline-block text-primary ml-1">(3,791)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">FMCG</a><span
class="d-inline-block text-primary ml-1">(4,634)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Graduate</a><span
class="d-inline-block text-primary ml-1">(8,797)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Healthcare</a><span
class="d-inline-block text-primary ml-1">(6,786)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Hospitality</a><span
class="d-inline-block text-primary ml-1">(5,029)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">HR</a><span
class="d-inline-block text-primary ml-1">(2,593)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Management
Consultancy</a><span
class="d-inline-block text-primary ml-1">(174)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Manufacturing</a><span
class="d-inline-block text-primary ml-1">(5,212)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Marketing</a><span
class="d-inline-block text-primary ml-1">(5,281)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Media</a><span
class="d-inline-block text-primary ml-1">(1,513)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Nursing</a><span
class="d-inline-block text-primary ml-1">(2,949)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Oil and Gas</a><span
class="d-inline-block text-primary ml-1">(169)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">PA</a><span
class="d-inline-block text-primary ml-1">(1,680)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Part-time</a><span
class="d-inline-block text-primary ml-1">(10,942)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Pharmaceutical</a><span
class="d-inline-block text-primary ml-1">(1,166)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Retail</a><span
class="d-inline-block text-primary ml-1">(6,905)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Sales</a><span
class="d-inline-block text-primary ml-1">(23,246)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Science</a><span
class="d-inline-block text-primary ml-1">(1,790)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Secretarial</a><span
class="d-inline-block text-primary ml-1">(1,569)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Senior
Appointments</a><span
class="d-inline-block text-primary ml-1">(515)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Social Work</a><span
class="d-inline-block text-primary ml-1">(768)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Teaching</a><span>(3,548)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Telecoms</a><span>(220)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Temporary</a><span>(17,272)</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="location" role="tabpanel"
aria-labelledby="location-tab">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Accountancy</a><span
class="d-inline-block text-primary ml-1">(8,087)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Administration</a><span
class="d-inline-block text-primary ml-1">(11,732)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Advertising</a><span
class="d-inline-block text-primary ml-1">(379)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Aerospace</a><span
class="d-inline-block text-primary ml-1">(35)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Apprenticeships</a><span
class="d-inline-block text-primary ml-1">(10,278)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Automotive</a><span
class="d-inline-block text-primary ml-1">(263)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Banking</a><span
class="d-inline-block text-primary ml-1">(1,729)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Call
Centre</a><span
class="d-inline-block text-primary ml-1">(1,843)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Catering</a><span
class="d-inline-block text-primary ml-1">(5,067)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Digital</a><span
class="d-inline-block text-primary ml-1">(2,636)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Education</a><span
class="d-inline-block text-primary ml-1">(6,624)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Engineering</a><span
class="d-inline-block text-primary ml-1">(12,180)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Finance</a><span
class="d-inline-block text-primary ml-1">(3,791)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">FMCG</a><span
class="d-inline-block text-primary ml-1">(4,634)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Graduate</a><span
class="d-inline-block text-primary ml-1">(8,797)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Healthcare</a><span
class="d-inline-block text-primary ml-1">(6,786)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Hospitality</a><span
class="d-inline-block text-primary ml-1">(5,029)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">HR</a><span
class="d-inline-block text-primary ml-1">(2,593)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Management
Consultancy</a><span
class="d-inline-block text-primary ml-1">(174)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Manufacturing</a><span
class="d-inline-block text-primary ml-1">(5,212)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Marketing</a><span
class="d-inline-block text-primary ml-1">(5,281)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Media</a><span
class="d-inline-block text-primary ml-1">(1,513)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Nursing</a><span
class="d-inline-block text-primary ml-1">(2,949)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Oil and
Gas</a><span
class="d-inline-block text-primary ml-1">(169)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">PA</a><span
class="d-inline-block text-primary ml-1">(1,680)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Part-time</a><span
class="d-inline-block text-primary ml-1">(10,942)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Pharmaceutical</a><span
class="d-inline-block text-primary ml-1">(1,166)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Retail</a><span
class="d-inline-block text-primary ml-1">(6,905)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Sales</a><span
class="d-inline-block text-primary ml-1">(23,246)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Science</a><span
class="d-inline-block text-primary ml-1">(1,790)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Secretarial</a><span
class="d-inline-block text-primary ml-1">(1,569)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Senior
Appointments</a><span
class="d-inline-block text-primary ml-1">(515)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Social
Work</a><span
class="d-inline-block text-primary ml-1">(768)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Teaching</a><span>(3,548)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Telecoms</a><span>(220)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Temporary</a><span>(17,272)</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="popular-search" role="tabpanel"
aria-labelledby="popular-search-tab">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Accountancy</a><span
class="d-inline-block text-primary ml-1">(8,087)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Administration</a><span
class="d-inline-block text-primary ml-1">(11,732)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Advertising</a><span
class="d-inline-block text-primary ml-1">(379)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Aerospace</a><span
class="d-inline-block text-primary ml-1">(35)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Apprenticeships</a><span
class="d-inline-block text-primary ml-1">(10,278)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Automotive</a><span
class="d-inline-block text-primary ml-1">(263)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Banking</a><span
class="d-inline-block text-primary ml-1">(1,729)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Call
Centre</a><span
class="d-inline-block text-primary ml-1">(1,843)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Catering</a><span
class="d-inline-block text-primary ml-1">(5,067)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Digital</a><span
class="d-inline-block text-primary ml-1">(2,636)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Education</a><span
class="d-inline-block text-primary ml-1">(6,624)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Engineering</a><span
class="d-inline-block text-primary ml-1">(12,180)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Finance</a><span
class="d-inline-block text-primary ml-1">(3,791)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">FMCG</a><span
class="d-inline-block text-primary ml-1">(4,634)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Graduate</a><span
class="d-inline-block text-primary ml-1">(8,797)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Healthcare</a><span
class="d-inline-block text-primary ml-1">(6,786)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Hospitality</a><span
class="d-inline-block text-primary ml-1">(5,029)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">HR</a><span
class="d-inline-block text-primary ml-1">(2,593)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Management
Consultancy</a><span
class="d-inline-block text-primary ml-1">(174)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Manufacturing</a><span
class="d-inline-block text-primary ml-1">(5,212)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Marketing</a><span
class="d-inline-block text-primary ml-1">(5,281)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Media</a><span
class="d-inline-block text-primary ml-1">(1,513)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Nursing</a><span
class="d-inline-block text-primary ml-1">(2,949)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Oil and
Gas</a><span
class="d-inline-block text-primary ml-1">(169)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">PA</a><span
class="d-inline-block text-primary ml-1">(1,680)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Part-time</a><span
class="d-inline-block text-primary ml-1">(10,942)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Pharmaceutical</a><span
class="d-inline-block text-primary ml-1">(1,166)</span>
</li>
</ul>
</div>
<div class="col-sm-6 col-md-3">
<ul class="list-group list-group-flush list-group-borderless py-6">
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Retail</a><span
class="d-inline-block text-primary ml-1">(6,905)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Sales</a><span
class="d-inline-block text-primary ml-1">(23,246)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Science</a><span
class="d-inline-block text-primary ml-1">(1,790)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Secretarial</a><span
class="d-inline-block text-primary ml-1">(1,569)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Senior
Appointments</a><span
class="d-inline-block text-primary ml-1">(515)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#" class="text-white ">Social
Work</a><span
class="d-inline-block text-primary ml-1">(768)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Teaching</a><span>(3,548)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Telecoms</a><span>(220)</span>
</li>
<li class="list-group-item bg-transparent p-0">
<a href="#"
class="text-white ">Temporary</a><span>(17,272)</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Tab #2 #
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
sequi nesciunt
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem
<ul class="nav nav-pills tab-style-01 mb-5" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="all-tab" data-toggle="tab" href="#all"
role="tab"
aria-controls="all" aria-selected="true">all</a>
</li>
<li class="nav-item">
<a class="nav-link" id="featured-tab" data-toggle="tab" href="#feature"
role="tab"
aria-controls="featured" aria-selected="false">featured</a>
</li>
<li class="nav-item">
<a class="nav-link" id="best-rate-tab" data-toggle="tab"
href="#best-rate" role="tab"
aria-controls="best-rate" aria-selected="false">best rate</a>
</li>
<li class="nav-item">
<a class="nav-link" id="most view-tab" data-toggle="tab"
href="#most-view" role="tab"
aria-controls="most-view" aria-selected="false">most view </a>
</li>
<li class="nav-item">
<a class="nav-link" id="popular-tab" data-toggle="tab" href="#popular"
role="tab"
aria-controls="popular" aria-selected="false">popular</a>
</li>
<li class="nav-item">
<a class="nav-link" id="ad-director-tab" data-toggle="tab"
href="#ad-directory" role="tab"
aria-controls="ad-directory" aria-selected="false">ad directory</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="all" role="tabpanel"
aria-labelledby="all-tab">
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="feature" role="tabpanel"
aria-labelledby="feature-tab">
Lorem ipsum dolor sit amet, consectetur adipiscing 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
</div>
<div class="tab-pane fade" id="best-rate" role="tabpanel"
aria-labelledby="best-rate-tab">
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="tab-pane fade" id="most-view" role="tabpanel"
aria-labelledby="most-view-tab">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo
</div>
<div class="tab-pane fade" id="popular" role="tabpanel"
aria-labelledby="popular-tab">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut
fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem
sequi nesciunt
</div>
<div class="tab-pane fade" id="ad-directory" role="tabpanel"
aria-labelledby="ad-director-tab">
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet,
consectetur, adipisci velit, sed quia non numquam eius modi tempora
incidunt ut labore et dolore magnam aliquam quaerat voluptatem
</div>
</div>Tab #3 #
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
Temporibus autem quibusdam et aut officiis debitis aut rerum
necessitatibus saepe eveniet ut et voluptates repudiandae sint et
molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
perferendis doloribus asperiores repellat.
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. 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.
<ul class="nav nav-pills tab-style-01 text-capitalize font-size-lg text-primary mb-5 justify-content-center"
role="tablist">
<li class="nav-item">
<a class="nav-link active" id="all2-tab" data-toggle="tab" href="#all2"
role="tab"
aria-controls="all2" aria-selected="true">all</a>
</li>
<li class="nav-item">
<a class="nav-link" id="latest-tab" data-toggle="tab" href="#latest"
role="tab"
aria-controls="latest" aria-selected="false">Latest</a>
</li>
<li class="nav-item">
<a class="nav-link" id="best-rating-tab" data-toggle="tab"
href="#best-rating" role="tab"
aria-controls="best-rating" aria-selected="false">Best Rating</a>
</li>
<li class="nav-item">
<a class="nav-link" id="most-view2-tab" data-toggle="tab"
href="#most-view2" role="tab"
aria-controls="most-view2" aria-selected="false">most view </a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="all2" role="tabpanel"
aria-labelledby="all2-tab">
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="latest" role="tabpanel"
aria-labelledby="latest-tab">
Temporibus autem quibusdam et aut officiis debitis aut rerum
necessitatibus saepe eveniet ut et voluptates repudiandae sint et
molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente
delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut
perferendis doloribus asperiores repellat.
</div>
<div class="tab-pane fade" id="best-rating" role="tabpanel"
aria-labelledby="best-rating-tab">
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
</div>
<div class="tab-pane fade" id="most-view2" role="tabpanel"
aria-labelledby="most-view2-tab">
Et harum quidem rerum facilis est et expedita distinctio. 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.
</div>
</div>Tab #4 #
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
<ul class="nav nav-pills tab-style-05 tab-horizontal mb-5 border-bottom"
role="tablist">
<li class="nav-item">
<a class="nav-link active" id="tab-01-tab" data-toggle="tab"
href="#tab-01"
role="tab" aria-controls="tab-01" aria-selected="true">Tab 01</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-02-tab" data-toggle="tab" href="#tab-02"
role="tab" aria-controls="tab-02" aria-selected="false">Tab
02</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-03-tab" data-toggle="tab" href="#tab-03"
role="tab" aria-controls="tab-03" aria-selected="false">Tab
03</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab-04-tab" data-toggle="tab" href="#tab-04"
role="tab" aria-controls="tab-04" aria-selected="false">Tab
04</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="tab-01" role="tabpanel"
aria-labelledby="tab-01-tab">
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="tab-02" role="tabpanel"
aria-labelledby="tab-02-tab">
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="tab-03" role="tabpanel"
aria-labelledby="tab-03-tab">
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="tab-04" role="tabpanel"
aria-labelledby="tab-04-tab">
No one rejects, dislikes, or avoids pleasure itself, because it is
pleasure, but because those who do not know is blend mol how to
pursue
pleasure ration ignitation.Lorem ipsum dolor sit amet..
</div>
</div>Tab #5 #
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
<div class="row">
<div class="col-md-2">
<div class="nav flex-md-column nav-pills tab-style-05 tab-vertical"
id="v-pills-tab" role="tablist"
aria-orientation="vertical">
<a class="nav-link active" id="v-pills-tab-01-tab"
data-toggle="pill"
href="#v-pills-tab-01" role="tab" aria-controls="v-pills-tab-01"
aria-selected="true">Tab 01</a>
<a class="nav-link" id="v-pills-tab-02-tab" data-toggle="pill"
href="#v-pills-tab-02" role="tab"
aria-controls="v-pills-tab-02" aria-selected="false">Tab 02</a>
<a class="nav-link" id="v-pills-tab-03-tab" data-toggle="pill"
href="#v-pills-tab-03" role="tab"
aria-controls="v-pills-tab-03"
aria-selected="false">Tab 03</a>
<a class="nav-link" id="v-pills-tab-04-tab" data-toggle="pill"
href="#v-pills-tab-04" role="tab"
aria-controls="v-pills-tab-04"
aria-selected="false">Tab 04</a>
</div>
</div>
<div class="col-md-10">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-tab-01"
role="tabpanel" aria-labelledby="v-pills-tab-01-tab">
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="v-pills-tab-02" role="tabpanel"
aria-labelledby="v-pills-tab-02-tab">
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="v-pills-tab-03" role="tabpanel"
aria-labelledby="v-pills-tab-03-tab">
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
</div>
<div class="tab-pane fade" id="v-pills-tab-04" role="tabpanel"
aria-labelledby="v-pills-tab-04-tab">
No one rejects, dislikes, or avoids pleasure itself, because it
is pleasure, but because those who do not know is blend mol how
to pursue pleasure ration ignitation.Lorem ipsum dolor sit
ametNo one rejects, dislikes, or avoids pleasure itself, because
it is pleasure, but because those who do not know is blend mol
how to pursue pleasure ration ignitation. Lorem ipsum dolor sit
amet know is blend mol how to pursue pleasure ration
ignitation.Lorem ipsum dolor sit amet.No one rejects, dislikes,
or avoids pleasure itself, because Lorem ipsum dolor sit amet
know is blend mol how to pursue pleasure ration ignitation.Lorem
ipsum dolor sit amet..
</div>
</div>
</div>
</div>