Icon With Text
Style 1
Appropriately Empowerer
Dynamically Appropriately
<div class="row mt-n4">
<div class="col-sm-6 mt-4">
<div class="d-flex align-items-center border-xl-end">
<div class="flex-shrink-0 me-4">
<img src="img/icons/icon-34.png" alt="..." class="w-55px">
</div>
<div class="flex-grow-1">
<h4 class="h5 mb-0">Appropriately Empowerer</h4>
</div>
</div>
</div>
<div class="col-sm-6 mt-4">
<div class="d-flex align-items-center ps-xl-2-4 ps-sm-4">
<div class="flex-shrink-0 me-4">
<img src="img/icons/icon-35.png" alt="..." class="w-55px">
</div>
<div class="flex-grow-1">
<h4 class="h5 mb-0">Dynamically Appropriately</h4>
</div>
</div>
</div>
</div>
Style 2
Paeditaric Ophthalmology
We have gathered only qualified specialists with extensive experience in the hospital field.
Read more
Surgical Procedures
We have gathered only qualified specialists with extensive experience in the hospital field.
Read more
<div class="row g-0">
<div class="col-md-6 wow fadeIn" data-wow-delay="100ms">
<div class="card card-style06 bg-hover-color border-0 bg-img rounded-0 cover-background overflow-visible" data-background="img/services/service-07.jpg">
<div class="card-body z-index-3 position-relative">
<div class="card-icon">
<img src="img/icons/icon-39.png" class="w-55px" alt="...">
</div>
<h3 class="mb-3 h4"><a href="service-details.html" class="text-white">Paeditaric Ophthalmology</a></h3>
<p class="text-white">We have gathered only qualified specialists with extensive experience in the hospital field.</p>
<a href="service-details.html" class="text-white">Read more</a>
<a href="service-details.html">
<i class="ti-arrow-right display-30 ps-1"></i>
</a>
</div>
</div>
</div>
<div class="col-md-6 wow fadeIn" data-wow-delay="150ms">
<div class="card card-style06 border-0 bg-img rounded-0 cover-background overflow-visible" data-background="img/services/service-09.jpg">
<div class="card-body z-index-3 position-relative service-body">
<div class="card-icon">
<img src="img/icons/icon-36.png" class="w-55px" alt="...">
</div>
<h3 class="mb-3 h4"><a href="service-details.html">Surgical Procedures</a></h3>
<p>We have gathered only qualified specialists with extensive experience in the hospital field.</p>
<a href="service-details.html">Read more</a>
<a href="service-details.html">
<i class="ti-arrow-right display-30 ps-1"></i>
</a>
</div>
</div>
</div>
</div>
Style 3
Appropriately Empowerer
An ideal mix of involvement and skill to further our focus on technology.
Dynamically Appropriately
An ideal mix of involvement and skill to further our focus on technology.
<div class="why-us-style01 bg-dark p-1-9">
<div class="d-flex why-us-items border-bottom border-color-light-white pb-1-6 pb-sm-2-6 mb-1-6 mb-sm-2-6 w-xl-90">
<div class="flex-shrink-0 why-us-icon">
<img src="img/icons/icon-41.png" class="w-50px" alt="...">
</div>
<div class="flex-grow-1">
<h4 class="text-white">Appropriately Empowerer</h4>
<p class="text-white mb-0">An ideal mix of involvement and skill to further our focus on technology.</p>
</div>
</div>
<div class="d-flex why-us-items w-xl-90">
<div class="flex-shrink-0 why-us-icon">
<img src="img/icons/icon-40.png" class="w-50px" alt="...">
</div>
<div class="flex-grow-1">
<h4 class="text-white">Dynamically Appropriately</h4>
<p class="text-white mb-0">An ideal mix of involvement and skill to further our focus on technology.</p>
</div>
</div>
</div>
Style 4
<div class="bg-light p-1-9">
<div class="row mt-n1-9">
<div class="col-md-6 mt-1-9 wow fadeIn" data-wow-delay="100ms">
<div class="card card-style02 border-0 rounded-0">
<div class="card-body p-1-9 p-xl-5">
<div class="card-img d-flex align-items-center mb-1-6">
<div class="flex-shrink-0 card-icon">
<img src="img/icons/icon-18.png" class="position-relative w-35px z-index-9" alt="...">
</div>
<div class="flex-grow-1">
<h3 class="h5 mb-0"><a href="service-details.html">Paeditaric Ophthalmology</a></h3>
</div>
</div>
<div class="position-relative z-index-9">
<p>We have gathered only qualified specialists with extensive experience in the hospital field.</p>
<a href="service-details.html" class="mb-0">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
</div>
<div class="bg-img card-bg-img" data-overlay-dark="6" data-background="img/services/service-13.jpg"></div>
</div>
</div>
<div class="col-md-6 mt-1-9 wow fadeIn" data-wow-delay="150ms">
<div class="card card-style02 border-0 rounded-0">
<div class="card-body p-1-9 p-xl-5">
<div class="card-img d-flex align-items-center mb-1-6">
<div class="flex-shrink-0 card-icon">
<img src="img/icons/icon-20.png" class="position-relative w-35px z-index-9" alt="...">
</div>
<div class="flex-grow-1">
<h3 class="h5 mb-0"><a href="service-details.html">Surgical Procedures</a></h3>
</div>
</div>
<div class="position-relative z-index-9">
<p>We have gathered only qualified specialists with extensive experience in the hospital field.</p>
<a href="service-details.html" class="mb-0">Read more <i class="ti-arrow-right align-middle ms-1"></i></a>
</div>
</div>
<div class="bg-img coverbackground card-bg-img" data-overlay-dark="6" data-background="img/services/service-11.jpg"></div>
</div>
</div>
</div>
</div>
Style 5
Switches Compone
There are many variations of majority have simply free text.
Emergency Callout
There are many variations of majority have simply free text.
<div class="bg-secondary py-1-9 py-md-6 py-xl-8 px-1-9 px-xxl-5 border-radius-5">
<div class="row mt-n1-6">
<div class="col-md-6 mt-1-6">
<div class="d-flex feature-box-01">
<div class="flex-shrink-0 me-1-6 me-sm-2-6">
<img src="img/icons/icon-14.png" alt="..." class="w-55px">
</div>
<div class="flex-grow-1">
<h3 class="mb-2 h4 text-white">Switches Compone</h3>
<p class="mb-0 text-white">There are many variations of majority have simply free text.</p>
</div>
</div>
</div>
<div class="col-md-6 mt-1-6">
<div class="d-flex feature-box-01">
<div class="flex-shrink-0 me-1-6 me-sm-2-6">
<img src="img/icons/icon-13.png" alt="..." class="w-55px">
</div>
<div class="flex-grow-1">
<h3 class="mb-2 h4 text-white">Emergency Callout</h3>
<p class="mb-0 text-white">There are many variations of majority have simply free text.</p>
</div>
</div>
</div>
</div>
</div>
Style 5
Vision Diagnosis
Eye care professionals can help you choose the best eyewear and lenses for your needs and lifestyle.
Read More
Laser Correction
Eye care professionals can help you choose the best eyewear and lenses for your needs and lifestyle.
Read More
<div class="service-style1 bg-primary p-1-9">
<div class="position-relative">
<div class="row g-4">
<div class="col-md-6">
<div class="service-grid">
<div class="flex-shrink-0 icon">
<img src="img/icons/icon-09.png" class="w-60px" alt="...">
</div>
<div class="flex-grow-1">
<h3 class="h4"><a href="service-details.html">Vision Diagnosis</a></h3>
<p>Eye care professionals can help you choose the best eyewear and lenses for your needs and lifestyle.</p>
<a href="service-details.html" class="half-line-btn">Read More</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="service-grid">
<div class="flex-shrink-0 icon">
<img src="img/icons/icon-11.png" class="w-60px" alt="...">
</div>
<div class="flex-grow-1">
<h3 class="h4"><a href="service-details.html">Laser Correction</a></h3>
<p>Eye care professionals can help you choose the best eyewear and lenses for your needs and lifestyle.</p>
<a href="service-details.html" class="half-line-btn">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>