Book Appoinment
Tab Style #01
-
Neurology
Nnde omnis iste -
Dental
Nnde omnis iste -
Health Care
Nnde omnis iste
Neurology
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.
Dental
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.
Health Care
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-xl-10">
<div class="horizontaltab tab-style1">
<ul class="resp-tabs-list hor_1">
<li><i class="fas fa-user-md"></i>
<div class="tab-box">
<h6>Neurology</h6><span>Nnde omnis iste</span></div>
</li>
<li><i class="fas fa-medkit"></i>
<div class="tab-box">
<h6>Dental</h6><span>Nnde omnis iste</span></div>
</li>
<li><i class="far fa-hospital"></i>
<div class="tab-box">
<h6>Health Care</h6><span>Nnde omnis iste</span></div>
</li>
</ul>
<div class="resp-tabs-container hor_1">
<div>
<div class="row">
<div class="col-md-5 mb-1-9 mb-md-0"><img src="img/content/tab-content-01.jpg" alt="" class="border border-width-8" /></div>
<div class="col-md-7">
<h5>Neurology</h5>
<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-md-5 order-1 order-lg-2 mb-1-9 mb-md-0"><img src="img/content/tab-content-02.jpg" alt="" class="border border-width-8" /></div>
<div class="col-md-7 order-2 order-lg-1">
<h5>Dental</h5>
<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-md-5 mb-1-9 mb-md-0"><img src="img/content/tab-content-03.jpg" alt="" class="border border-width-8" /></div>
<div class="col-md-7">
<h5>Health Care</h5>
<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>
Tab Style #02
-
Neurology
-
Dental Care
-
Cardiology
-
Haematology
Neurology
“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. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
Dental Care
“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. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
Cardiology
“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. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
Haematology
“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. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.
- Maecenas pharetra ante vel est lobortis
- Lorem ipsum dolor sit amet, consectetur.
<div class="row">
<div class="col-lg-12">
<!-- start tabs -->
<div class="horizontaltab tab-style2">
<ul class="resp-tabs-list hor_1">
<li class="tab1">
<div class="tab-box">
<i class="fas fa-brain"></i>
<h6>Neurology</h6>
</div>
</li>
<li class="tab2">
<div class="tab-box">
<i class="fas fa-tooth"></i>
<h6>Dental Care</h6>
</div>
</li>
<li class="tab3">
<div class="tab-box">
<i class="fas fa-heartbeat"></i>
<h6>Cardiology</h6>
</div>
</li>
<li class="tab4">
<div class="tab-box">
<i class="fas fa-tint"></i>
<h6>Haematology</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-6 col-xl-5 mb-1-9 mb-lg-0">
<div class="pr-xxl-4 text-center text-lg-left">
<img src="img/content/tab-content-05.jpg" class="border-radius-10" alt="...">
</div>
</div>
<div class="col-lg-6 offset-xl-1">
<div class="pl-lg-3 pl-xl-0">
<h3 class="mb-3">Neurology</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-style2 mb-0">
<li>Maecenas vitae luctus nibh. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.</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-6 mt-1-9 mt-lg-0 order-2 order-lg-1">
<div class="pr-lg-3 pr-xl-0">
<h3 class="mb-3">Dental Care</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-style2 mb-0">
<li>Maecenas vitae luctus nibh. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-xl-5 offset-xl-1 order-1 order-lg-2">
<div class="pl-xxl-4 text-center text-lg-right">
<img src="img/content/tab-content-06.jpg" class="border-radius-10" alt="...">
</div>
</div>
</div>
</div>
<div class="third">
<div class="row align-items-xl-center">
<div class="col-lg-6 col-xl-5 mb-1-9 mb-lg-0">
<div class="pr-xxl-4 text-center text-lg-left">
<img src="img/content/tab-content-04.jpg" class="border-radius-10" alt="...">
</div>
</div>
<div class="col-lg-6 offset-xl-1">
<div class="pl-lg-3 pl-xl-0">
<h3 class="mb-3">Cardiology</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-style2 mb-0">
<li>Maecenas vitae luctus nibh. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="four">
<div class="row align-items-xl-center">
<div class="col-lg-6 mt-1-9 mt-lg-0 order-2 order-lg-1">
<div class="pr-lg-3 pr-xl-0">
<h3 class="mb-3">Haematology</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-style2 mb-0">
<li>Maecenas vitae luctus nibh. Curabitur pharetra luctus est, sit amet aliquam ex posuere id.</li>
<li>Maecenas pharetra ante vel est lobortis</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</div>
</div>
<div class="col-lg-6 col-xl-5 offset-xl-1 order-1 order-lg-2">
<div class="pl-xxl-4 text-center text-lg-right">
<img src="img/content/tab-content-05.jpg" class="border-radius-10" alt="...">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end tabs -->
</div>
</div>
