Horizontal Tab Style 1
-
Financial
-
Criminal
-
Divorce
Financial Law
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.
Criminal Law
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.
Divorce Law
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.
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="horizontaltab tab-style1">
<ul class="resp-tabs-list hor_1">
<li><i class="fas fa-user-tie"></i>
<div class="tab-box">
<h6>Financial</h6>
</div>
</li>
<li><i class="fas fa-balance-scale-left"></i>
<div class="tab-box">
<h6>Criminal</h6>
</div>
</li>
<li><i class="fas fa-gavel"></i>
<div class="tab-box">
<h6>Divorce</h6>
</div>
</li>
</ul>
<div class="resp-tabs-container hor_1">
<div>
<div class="row">
<div class="col-lg-5 mb-1-9 mb-lg-0">
<img src="img/content/tab-content-01.jpg" alt="..." class="border border-width-8 d-block mx-auto">
</div>
<div class="col-lg-7 ps-lg-1-9">
<h4 class="mb-3 text-capitalize">Financial Law</h4>
<p class="mb-0">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.</p>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-lg-5 order-1 order-lg-2 mb-1-9 mb-lg-0">
<img src="img/content/tab-content-02.jpg" alt="..." class="border border-width-8 d-block mx-auto">
</div>
<div class="col-lg-7 order-2 order-lg-1 pe-lg-1-9">
<h4 class="mb-3 text-capitalize">Criminal Law</h4>
<p class="mb-0">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.</p>
</div>
</div>
</div>
<div>
<div class="row">
<div class="col-lg-5 mb-1-9 mb-lg-0">
<img src="img/content/tab-content-03.jpg" alt="..." class="border border-width-8 d-block mx-auto">
</div>
<div class="col-lg-7 ps-lg-1-9">
<h4 class="mb-3 text-capitalize">Divorce Law</h4>
<p class="mb-0">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.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Horizontal Tab Style 2
-
Family Law
-
Criminal Law
-
Financial Law
-
Banking Law
Family Law
“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”
One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.
- Maecenas vitae luctus nibh pharetra luctus est.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
Criminal Law
“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”
One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.
- Maecenas vitae luctus nibh pharetra luctus est.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
Financial Law
“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”
One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.
- Maecenas vitae luctus nibh pharetra luctus est.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
Banking Law
“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”
One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.
- Maecenas vitae luctus nibh pharetra luctus est.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
<div class="row justify-content-center">
<div class="col-xl-10">
<div class="horizontaltab tab-style2">
<ul class="resp-tabs-list hor_1">
<li class="tab1">
<div class="tab-box">
<i class="ti-user"></i>
<h6>Family Law</h6>
</div>
</li>
<li class="tab2">
<div class="tab-box">
<i class="ti-target"></i>
<h6>Criminal Law</h6>
</div>
</li>
<li class="tab3">
<div class="tab-box">
<i class="ti-money"></i>
<h6>Financial Law</h6>
</div>
</li>
<li class="tab4">
<div class="tab-box">
<i class="ti-stamp"></i>
<h6>Banking Law</h6>
</div>
</li>
</ul>
<div class="resp-tabs-container hor_1">
<div class="first">
<div class="row align-items-xl-center">
<div class="col-lg-5 mb-1-9 mb-lg-0">
<div class="text-center text-lg-start">
<img src="img/content/tab-content-04.jpg" class="border-radius-10" alt="...">
</div>
</div>
<div class="col-lg-7 ps-lg-2-5">
<div class="pl-lg-3 pl-xl-0">
<h3 class="mb-3">Family Law</h3>
<p class="text-primary lead font-weight-600">“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”</p>
<p class="mb-4">One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.</p>
<ul class="list-style1 mb-0">
<li>Maecenas vitae luctus nibh pharetra luctus est.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="second">
<div class="row align-items-xl-center">
<div class="col-lg-7 mt-1-9 mt-lg-0 order-2 order-lg-1 pe-lg-2-5">
<h3 class="mb-3">Criminal Law</h3>
<p class="text-primary lead font-weight-600">“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”</p>
<p class="mb-4">One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.</p>
<ul class="list-style1 mb-0">
<li>Maecenas vitae luctus nibh pharetra luctus est.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
<div class="col-lg-5 order-1 order-lg-2">
<div class="text-center text-lg-end">
<img src="img/content/tab-content-05.jpg" class="border-radius-10" alt="...">
</div>
</div>
</div>
</div>
<div class="third">
<div class="row align-items-xl-center">
<div class="col-lg-5 mb-1-9 mb-lg-0">
<div class="text-center text-lg-start">
<img src="img/content/tab-content-06.jpg" class="border-radius-10" alt="...">
</div>
</div>
<div class="col-lg-7 ps-lg-2-5">
<h3 class="mb-3">Financial Law</h3>
<p class="text-primary lead font-weight-600">“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”</p>
<p class="mb-4">One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.</p>
<ul class="list-style1 mb-0">
<li>Maecenas vitae luctus nibh pharetra luctus est.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
</div>
</div>
<div class="four">
<div class="row align-items-xl-center">
<div class="col-lg-7 mt-1-9 mt-lg-0 order-2 order-lg-1 pe-lg-2-5">
<h3 class="mb-3">Banking Law</h3>
<p class="text-primary lead font-weight-600">“Vivamus ut tellus sed tellus finibus egestas. Mauris adipiscing aliquet et nisl nec eleifend adipiscing elit.”</p>
<p class="mb-4">One Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, architecto ullam tenetur quia nemo ratione.</p>
<ul class="list-style1 mb-0">
<li>Maecenas vitae luctus nibh pharetra luctus est.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
<div class="col-lg-5 order-1 order-lg-2">
<div class="text-center text-lg-end">
<img src="img/content/tab-content-07.jpg" class="border-radius-10" alt="...">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>