Loading...
Back

#Specialty Icon Grid

showcase

Details various specialties or services in a grid, each with a dedicated icon and descriptive text.

Comprehensive Care at Clinika

Our expert team is dedicated to providing personalized, compassionate care in a modern and welcoming environment.

State-of-the-Art Facilities

Our clinic is equipped with cutting-edge technology to ensure accurate diagnoses and effective treatments for all our patients.

Expert Medical Team

Our board-certified specialists are committed to delivering the highest standard of care tailored to your unique health needs.

Personalized Treatment Plans

We create customized care plans to ensure you receive the most effective and compassionate treatment possible.

<section class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
  <div class="h-4 w-full"></div>
  <div class="mb-8 grid gap-4 lg:grid-cols-2">
    <div>
      <h5 class="text-3xl font-bold lg:text-5xl">Comprehensive Care at Clinika</h5>
    </div>
    <div class="flex items-center">
      <p class="text-base lg:text-lg">Our expert team is dedicated to providing personalized, compassionate care in a modern and welcoming environment.</p>
    </div>
  </div>
  <div class="grid gap-4 lg:grid-cols-3">
    <div class="flex flex-col rounded-lg border border-neutral-200 p-4">
      <div class="mb-8 flex h-12 w-12 items-center justify-center rounded bg-neutral-200 text-blue-600 text-xl">
        <i class="fas fa-building"></i>
      </div>
      <h4 class="mb-2 text-lg font-semibold">State-of-the-Art Facilities</h4>
      <p class="text-lg">Our clinic is equipped with cutting-edge technology to ensure accurate diagnoses and effective treatments for all our patients.</p>
    </div>
    <div class="flex flex-col rounded-lg border border-neutral-200 p-4">
      <div class="mb-8 flex h-12 w-12 items-center justify-center rounded bg-neutral-200 text-blue-600 text-xl">
        <i class="fas fa-stethoscope"></i>
      </div>
      <h4 class="mb-2 text-lg font-semibold">Expert Medical Team</h4>
      <p class="text-lg">Our board-certified specialists are committed to delivering the highest standard of care tailored to your unique health needs.</p>
    </div>
    <div class="flex flex-col rounded-lg border border-neutral-200 p-4">
      <div class="mb-8 flex h-12 w-12 items-center justify-center rounded bg-neutral-200 text-blue-600 text-xl">
        <i class="fas fa-notes-medical"></i>
      </div>
      <h4 class="mb-2 text-lg font-semibold">Personalized Treatment Plans</h4>
      <p class="text-lg">We create customized care plans to ensure you receive the most effective and compassionate treatment possible.</p>
    </div>
  </div>
</section>
Comprehensive Care at Clinika

Our expert team is dedicated to providing personalized, compassionate care in a modern and welcoming environment.

State-of-the-Art Facilities

Our clinic is equipped with cutting-edge technology to ensure accurate diagnoses and effective treatments for all our patients.

Expert Medical Team

Our board-certified specialists are committed to delivering the highest standard of care tailored to your unique health needs.

Personalized Treatment Plans

We create customized care plans to ensure you receive the most effective and compassionate treatment possible.

<section layout="container" space="m-x:auto m-y:large p-x:medium-3x tw-lg:m-y:big-3x tw-lg:p-x:big-3x">
  <div space="h:medium w:[100%]"></div>
  <div layout="grid tw-lg:grid-cols:2" space="m-b:large g:medium">
    <div>
      <h5 visual="text-size:grand font:tw-bold tw-lg:text-size:mount">Comprehensive Care at Clinika</h5>
    </div>
    <div layout="flex items:center">
      <p visual="text-size:base tw-lg:text-size:large">Our expert team is dedicated to providing personalized, compassionate care in a modern and welcoming environment.</p>
    </div>
  </div>
  <div layout="grid tw-lg:grid-cols:3" space="g:medium">
    <div layout="flex col" space="p:medium" visual="rounded:medium border-w:thin border:neutral-200">
      <div layout="flex items:center justify:center" space="m-b:large h:big w:big" visual="rounded:small bg:neutral-200 text:blue-600 text-size:big">
        <i class="fas fa-building"></i>
      </div>
      <h4 space="m-b:small" visual="text-size:large font:tw-semibold">State-of-the-Art Facilities</h4>
      <p visual="text-size:large">Our clinic is equipped with cutting-edge technology to ensure accurate diagnoses and effective treatments for all our patients.</p>
    </div>
    <div layout="flex col" space="p:medium" visual="rounded:medium border-w:thin border:neutral-200">
      <div layout="flex items:center justify:center" space="m-b:large h:big w:big" visual="rounded:small bg:neutral-200 text:blue-600 text-size:big">
        <i class="fas fa-stethoscope"></i>
      </div>
      <h4 space="m-b:small" visual="text-size:large font:tw-semibold">Expert Medical Team</h4>
      <p visual="text-size:large">Our board-certified specialists are committed to delivering the highest standard of care tailored to your unique health needs.</p>
    </div>
    <div layout="flex col" space="p:medium" visual="rounded:medium border-w:thin border:neutral-200">
      <div layout="flex items:center justify:center" space="m-b:large h:big w:big" visual="rounded:small bg:neutral-200 text:blue-600 text-size:big">
        <i class="fas fa-notes-medical"></i>
      </div>
      <h4 space="m-b:small" visual="text-size:large font:tw-semibold">Personalized Treatment Plans</h4>
      <p visual="text-size:large">We create customized care plans to ensure you receive the most effective and compassionate treatment possible.</p>
    </div>
  </div>
</section>