1630 lines
118 KiB
HTML
1630 lines
118 KiB
HTML
<div class="overflow-x-hidden">
|
||
<div class="relative z-[1] overflow-hidden bg-black pt-[82px] sm:-mx-[250px] sm:rounded-b-[50%] lg:-mx-[150px] lg:pt-[106px]">
|
||
<div class="relative">
|
||
<img src="/assets/images/banner-lefticon.png" alt="banner-lefticon" class="absolute left-0 top-20 sm:left-[250px] lg:left-[150px]" />
|
||
<img src="/assets/images/banner-rightIcon.png" alt="banner-rightIcon" class="absolute right-0 -top-4 sm:right-[250px] lg:right-[150px]" />
|
||
<div class="container bg-[url(/assets/images/world-map.png)] bg-cover">
|
||
<div class="relative">
|
||
<div
|
||
class="relative w-full pb-14 pt-14 text-center text-white md:max-w-[550px] ltr:md:text-left rtl:md:text-right lg:max-w-[757px] lg:pb-52 xl:pt-36"
|
||
>
|
||
<h2 class="relative z-10 text-3xl font-extrabold sm:text-5xl lg:text-[70px] lg:leading-[89px]">
|
||
Intelligent <span class="italic text-primary">automation </span> <span class="italic text-secondary">for</span> healthcare.
|
||
</h2>
|
||
<p class="z-10 mt-7 text-lg font-semibold">Simplify the day-to-day operations of your employees and increase the flow of patients</p>
|
||
<button type="button" class="btn mx-auto mt-10 block bg-white py-[18px] px-8 rtl:ml-auto lg:mx-0">Read More</button>
|
||
<span class="absolute top-[60px] -right-[120px] hidden rtl:right-auto rtl:-left-[135px] lg:block xl:top-[150px] ltr:xl:-right-[120px]">
|
||
<img src="/assets/images/healthcare/bgimagehelt.svg" class="rtl:rotate-y-180" alt="" />
|
||
</span>
|
||
</div>
|
||
<div class="absolute bottom-0 hidden w-full max-w-[300px] ltr:-right-10 rtl:-left-10 md:block lg:max-w-[450px]">
|
||
<img src="/assets/images/healthcare/healthcare-banner.png" class="rtl:rotate-y-180" alt="" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="-mt-48 bg-gradient-to-t from-white/[55%] to-transparent pt-72 pb-12 dark:bg-gradient-to-t dark:from-transparent dark:to-white/5 lg:pb-24">
|
||
<div class="container">
|
||
<div class="heading text-center">
|
||
<h6 class="!text-secondary">Our Specialties</h6>
|
||
<h4>Experience in multiple decease</h4>
|
||
</div>
|
||
<div class="grid grid-cols-1 gap-[30px] text-center sm:grid-cols-2 lg:grid-cols-3" data-aos="fade-up" data-aos-duration="1000">
|
||
<div
|
||
class="group rounded-[32px] border-2 border-transparent bg-white p-6 shadow-md duration-200 hover:border-secondary hover:bg-secondary/20 dark:border-white/[0.1] dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.04] dark:to-transparent dark:!shadow-none dark:hover:bg-secondary"
|
||
>
|
||
<a
|
||
href="javascript:"
|
||
class="shadow- mx-auto flex h-[88px] w-[88px] items-center justify-center rounded-full bg-primary shadow-[0_15px_30px_rgba(71,189,255,0.4)] group-hover:bg-black group-hover:shadow-[0_15px_30px_rgba(199,55,253,0.4)]"
|
||
>
|
||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_15_102387)">
|
||
<path
|
||
d="M19.6875 5.3125H22.5625C23.325 5.3125 24.0563 5.6154 24.5954 6.15457C25.1346 6.69374 25.4375 7.425 25.4375 8.1875V19.6875C25.4375 22.7375 24.2259 25.6626 22.0692 27.8192C19.9126 29.9759 16.9875 31.1875 13.9375 31.1875C10.8875 31.1875 7.96244 29.9759 5.80577 27.8192C3.6491 25.6626 2.4375 22.7375 2.4375 19.6875V8.1875C2.4375 7.425 2.7404 6.69374 3.27957 6.15457C3.81874 5.6154 4.55 5.3125 5.3125 5.3125H8.1875"
|
||
stroke="white"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M34.0625 19.6875C34.0625 21.2125 34.6683 22.675 35.7466 23.7534C36.825 24.8317 38.2875 25.4375 39.8125 25.4375C41.3375 25.4375 42.8 24.8317 43.8784 23.7534C44.9567 22.675 45.5625 21.2125 45.5625 19.6875C45.5625 18.1625 44.9567 16.7 43.8784 15.6216C42.8 14.5433 41.3375 13.9375 39.8125 13.9375C38.2875 13.9375 36.825 14.5433 35.7466 15.6216C34.6683 16.7 34.0625 18.1625 34.0625 19.6875V19.6875Z"
|
||
stroke="url(#paint0_linear_15_102387)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M13.9375 31.1875V32.625C13.9375 36.0562 15.3006 39.3469 17.7268 41.7732C20.1531 44.1994 23.4438 45.5625 26.875 45.5625C30.3062 45.5625 33.5969 44.1994 36.0232 41.7732C38.4494 39.3469 39.8125 36.0562 39.8125 32.625V25.4375"
|
||
stroke="white"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M8.1875 2.4375V9.625"
|
||
stroke="url(#paint1_linear_15_102387)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M19.6875 2.4375V9.625"
|
||
stroke="url(#paint2_linear_15_102387)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</g>
|
||
<defs>
|
||
<linearGradient id="paint0_linear_15_102387" x1="40" y1="12.5" x2="40" y2="26.5" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
<linearGradient id="paint1_linear_15_102387" x1="8.6875" y1="2.4375" x2="8.6875" y2="9.625" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
<linearGradient id="paint2_linear_15_102387" x1="20.1875" y1="2.4375" x2="20.1875" y2="9.625" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
<clipPath id="clip0_15_102387">
|
||
<rect width="48" height="48" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<h5 class="mt-8 text-[22px] font-extrabold leading-6 text-black dark:text-white dark:group-hover:text-black">General</h5>
|
||
<p class="mt-4 text-lg font-semibold dark:group-hover:text-black">
|
||
We provide a general medical check - up & consultation of our best doctors team.
|
||
</p>
|
||
<a
|
||
href="javascript:"
|
||
class="mx-auto mt-8 flex h-[45px] w-[45px] items-center justify-center rounded-full bg-[#F3F4F6] transition group-hover:bg-black dark:bg-gray-dark"
|
||
>
|
||
<svg
|
||
width="20"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="text-black transition group-hover:text-white dark:text-white"
|
||
>
|
||
<path
|
||
d="M9.41083 14.4109L10.5892 15.5892L16.1783 10.0001L10.5892 4.41089L9.41083 5.58922L12.9883 9.16672H5V10.8334H12.9883L9.41083 14.4109Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<div
|
||
class="group rounded-[32px] border-2 border-transparent bg-white p-6 shadow-md duration-200 hover:border-secondary hover:bg-secondary/20 dark:border-white/[0.1] dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.04] dark:to-transparent dark:!shadow-none dark:hover:bg-secondary"
|
||
>
|
||
<a
|
||
href="javascript:"
|
||
class="mx-auto flex h-[88px] w-[88px] items-center justify-center rounded-full bg-primary shadow-[0_15px_30px_rgba(71,189,255,0.4)] group-hover:bg-black group-hover:shadow-[0_15px_30px_rgba(199,55,253,0.4)]"
|
||
>
|
||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M25.5788 13.2328C25.0829 13.4594 24.5441 13.5767 23.9989 13.5767C23.4537 13.5767 22.9149 13.4594 22.4191 13.2328C12.7899 8.83425 5.94987 13.7553 5.94987 26.3751C5.82683 31.2874 7.65873 36.0477 11.0431 39.6102C14.4276 43.1727 19.0877 45.2462 23.9999 45.3751C28.912 45.2462 33.5722 43.1727 36.9566 39.6102C40.341 36.0477 42.1729 31.2874 42.0499 26.3751C42.233 22.7102 41.3866 19.0673 39.6065 15.8586"
|
||
stroke="white"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M37.8948 10.7284C40.4918 8.1314 41.3941 4.82312 39.9101 3.33913C38.4261 1.85513 35.1178 2.75739 32.5208 5.35438C29.9238 7.95137 29.0216 11.2597 30.5056 12.7436C31.9896 14.2276 35.2978 13.3254 37.8948 10.7284Z"
|
||
stroke="url(#paint0_linear_15_102438)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path d="M24 13.5767V5.4751" stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path
|
||
d="M23.9999 13.5764C21.8699 15.1665 20.1537 17.2458 18.9963 19.6387C17.8389 22.0316 17.2742 24.6678 17.3499 27.3248C17.2432 33.9594 19.6143 40.3953 23.9999 45.3748"
|
||
stroke="url(#paint1_linear_15_102438)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<defs>
|
||
<linearGradient id="paint0_linear_15_102438" x1="40.5" y1="2" x2="30" y2="14" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
<linearGradient id="paint1_linear_15_102438" x1="20.6715" y1="13.5764" x2="20.6715" y2="45.3748" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<h5 class="mt-8 text-[22px] font-extrabold leading-6 text-black dark:text-white dark:group-hover:text-black">Nutrition</h5>
|
||
<p class="mt-4 text-lg font-semibold dark:group-hover:text-black">
|
||
Nutrition Services treats healthy individuals as well as those being seen for acute or chronic illnesses.
|
||
</p>
|
||
<a
|
||
href="javascript:"
|
||
class="mx-auto mt-8 flex h-[45px] w-[45px] items-center justify-center rounded-full bg-[#F3F4F6] transition group-hover:bg-black dark:bg-gray-dark"
|
||
>
|
||
<svg
|
||
width="20"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="text-black transition group-hover:text-white dark:text-white"
|
||
>
|
||
<path
|
||
d="M9.41083 14.4109L10.5892 15.5892L16.1783 10.0001L10.5892 4.41089L9.41083 5.58922L12.9883 9.16672H5V10.8334H12.9883L9.41083 14.4109Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<div
|
||
class="group rounded-[32px] border-2 border-transparent bg-white p-6 shadow-md duration-200 hover:border-secondary hover:bg-secondary/20 dark:border-white/[0.1] dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.04] dark:to-transparent dark:!shadow-none dark:hover:bg-secondary"
|
||
>
|
||
<a
|
||
href="javascript:"
|
||
class="mx-auto flex h-[88px] w-[88px] items-center justify-center rounded-full bg-primary shadow-[0_15px_30px_rgba(71,189,255,0.4)] group-hover:bg-black group-hover:shadow-[0_15px_30px_rgba(199,55,253,0.4)]"
|
||
>
|
||
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M3.64288 3.64282L27.5775 9.22701C32.3504 10.3408 36.6061 13.0365 39.6526 16.8758C42.6991 20.715 44.3572 25.472 44.3572 30.3731V44.3571"
|
||
stroke="white"
|
||
stroke-width="2.375"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M3.64288 28.0715L19.3532 34.8048C20.3295 35.2233 21.1615 35.919 21.7463 36.8058C22.331 37.6926 22.6428 38.7314 22.6429 39.7936V44.3572"
|
||
stroke="white"
|
||
stroke-width="2.375"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M3.64288 18.5714L24.0272 25.9108C24.1505 27.1185 24.6752 28.2499 25.5172 29.1244C26.3592 29.9989 27.47 30.5659 28.6722 30.7348C29.8743 30.9038 31.0984 30.6649 32.1488 30.0564C33.1993 29.4478 34.0154 28.5048 34.4669 27.3779C34.9183 26.251 34.979 25.0053 34.6393 23.8399C34.2995 22.6744 33.579 21.6565 32.5927 20.9487C31.6064 20.2409 30.4114 19.8841 29.1985 19.9354C27.9856 19.9866 26.8249 20.4429 25.9018 21.2314L3.64288 11.7856"
|
||
stroke="url(#paint0_linear_27_8106)"
|
||
stroke-width="2.375"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M36.2143 44.3572L37.5714 32.5374C36.5539 33.6943 35.3012 34.6207 33.8969 35.2548C32.4927 35.8889 30.9693 36.216 29.4286 36.2143L30.7857 44.3572"
|
||
stroke="url(#paint1_linear_27_8106)"
|
||
stroke-width="2.375"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<defs>
|
||
<linearGradient id="paint0_linear_27_8106" x1="35.0001" y1="30" x2="1.00006" y2="13.5" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
<linearGradient id="paint1_linear_27_8106" x1="33.5" y1="32.5374" x2="33.5" y2="44.3572" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="white" />
|
||
<stop offset="1" stop-color="white" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<h5 class="mt-8 text-[22px] font-extrabold leading-6 text-black dark:text-white dark:group-hover:text-black">Orthopedic</h5>
|
||
<p class="mt-4 text-lg font-semibold dark:group-hover:text-black">
|
||
Our orthopedic team has completed over 7000+ surgeries and many more to come.
|
||
</p>
|
||
<a
|
||
href="javascript:"
|
||
class="mx-auto mt-8 flex h-[45px] w-[45px] items-center justify-center rounded-full bg-[#F3F4F6] transition group-hover:bg-black dark:bg-gray-dark"
|
||
>
|
||
<svg
|
||
width="20"
|
||
height="20"
|
||
viewBox="0 0 20 20"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="text-black transition group-hover:text-white dark:text-white"
|
||
>
|
||
<path
|
||
d="M9.41083 14.4109L10.5892 15.5892L16.1783 10.0001L10.5892 4.41089L9.41083 5.58922L12.9883 9.16672H5V10.8334H12.9883L9.41083 14.4109Z"
|
||
fill="currentColor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-14 pb-[160p] lg:py-[100px]">
|
||
<div class="container">
|
||
<div class="heading text-center">
|
||
<h6 class="!text-secondary">Team. Peoples. Support</h6>
|
||
<h4>As featured with medical companies</h4>
|
||
</div>
|
||
</div>
|
||
<div class="mx-auto w-4/5 py-10">
|
||
<swiper [config]="config">
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_298_1769)">
|
||
<mask id="mask0_298_1769" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="30" height="30">
|
||
<circle cx="15" cy="15" r="15" fill="#C4C4C4" />
|
||
</mask>
|
||
<g mask="url(#mask0_298_1769)">
|
||
<circle cx="7.86398" cy="-2.66231" r="12.4449" transform="rotate(-22 7.86398 -2.66231)" fill="#47BDFF" />
|
||
<circle cx="22.1375" cy="32.6639" r="12.4449" transform="rotate(-22 22.1375 32.6639)" fill="#47BDFF" />
|
||
<circle cx="-2.6629" cy="22.1365" r="12.4449" transform="rotate(-22 -2.6629 22.1365)" fill="#B476E5" />
|
||
<circle cx="32.337" cy="7.05449" r="12.4449" transform="rotate(-22 32.337 7.05449)" fill="#B476E5" />
|
||
</g>
|
||
</g>
|
||
<defs>
|
||
<clipPath id="clip0_298_1769">
|
||
<rect width="30" height="30" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Camera</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M2 12.7576C2 6.26406 7.26406 1 13.7576 1V17.2417C13.7576 23.7352 8.49355 28.9993 2 28.9993V12.7576Z" fill="#FFBD11" />
|
||
<path
|
||
d="M15.4633 7.38899C15.4633 3.86045 18.3237 1 21.8522 1C25.3808 1 28.2412 3.86045 28.2412 7.38899V7.75786C28.2412 11.2864 25.3808 14.1469 21.8522 14.1469C18.3237 14.1469 15.4633 11.2864 15.4633 7.75786V7.38899Z"
|
||
fill="#47BDFF"
|
||
/>
|
||
<path
|
||
d="M15.4633 22.2425C15.4633 18.714 18.3237 15.8535 21.8522 15.8535C25.3808 15.8535 28.2412 18.714 28.2412 22.2425V22.6114C28.2412 26.1399 25.3808 29.0004 21.8522 29.0004C18.3237 29.0004 15.4633 26.1399 15.4633 22.6114V22.2425Z"
|
||
fill="#B476E5"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Startup</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_301_1299)">
|
||
<rect x="5.55554" y="5.55469" width="18.8889" height="18.8889" rx="8" fill="#47BDFF" />
|
||
<rect x="9.42285" width="2.88247" height="4.44444" rx="1.44123" fill="#B476E5" />
|
||
<rect x="13.559" width="2.88247" height="4.44444" rx="1.44123" fill="#B476E5" />
|
||
<rect x="17.696" width="2.88247" height="4.44444" rx="1.44123" fill="#B476E5" />
|
||
<rect y="20.5762" width="2.88247" height="4.44444" rx="1.44123" transform="rotate(-90 0 20.5762)" fill="#B476E5" />
|
||
<rect y="16.4395" width="2.88247" height="4.44444" rx="1.44123" transform="rotate(-90 0 16.4395)" fill="#B476E5" />
|
||
<rect y="12.3047" width="2.88247" height="4.44444" rx="1.44123" transform="rotate(-90 0 12.3047)" fill="#B476E5" />
|
||
<rect
|
||
x="25.5558"
|
||
y="20.5762"
|
||
width="2.88247"
|
||
height="4.44444"
|
||
rx="1.44123"
|
||
transform="rotate(-90 25.5558 20.5762)"
|
||
fill="#B476E5"
|
||
/>
|
||
<rect
|
||
x="25.5558"
|
||
y="16.4395"
|
||
width="2.88247"
|
||
height="4.44444"
|
||
rx="1.44123"
|
||
transform="rotate(-90 25.5558 16.4395)"
|
||
fill="#B476E5"
|
||
/>
|
||
<rect
|
||
x="25.5558"
|
||
y="12.3047"
|
||
width="2.88247"
|
||
height="4.44444"
|
||
rx="1.44123"
|
||
transform="rotate(-90 25.5558 12.3047)"
|
||
fill="#B476E5"
|
||
/>
|
||
<rect x="9.42285" y="25.5547" width="2.88247" height="4.44444" rx="1.44123" fill="#B476E5" />
|
||
<rect x="13.559" y="25.5547" width="2.88247" height="4.44444" rx="1.44123" fill="#B476E5" />
|
||
<rect x="17.696" y="25.5547" width="2.88247" height="4.44444" rx="1.44123" fill="#B476E5" />
|
||
</g>
|
||
<defs>
|
||
<clipPath id="clip0_301_1299">
|
||
<rect width="30" height="30" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Software</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M16.7705 5.24752C16.7705 3.4509 18.9554 2.56542 20.2062 3.85514L29.1466 13.0738C29.5085 13.4469 29.7109 13.9463 29.7109 14.4661V25.0644C29.7109 26.861 27.526 27.7465 26.2752 26.4568L17.3348 17.2381C16.9729 16.865 16.7705 16.3656 16.7705 15.8457V5.24752Z"
|
||
fill="#47BDFF"
|
||
/>
|
||
<path
|
||
d="M8.75098 4.93502C8.75098 3.1384 10.9359 2.25292 12.1867 3.54264L21.1271 12.7613C21.489 13.1344 21.6914 13.6338 21.6914 14.1536V24.7519C21.6914 26.5485 19.5064 27.434 18.2556 26.1443L9.31526 16.9256C8.95337 16.5525 8.75098 16.0531 8.75098 15.5332V4.93502Z"
|
||
fill="#FFBD11"
|
||
/>
|
||
<path
|
||
d="M1 5.24752C1 3.4509 3.18492 2.56542 4.43571 3.85514L13.3761 13.0738C13.738 13.4469 13.9404 13.9463 13.9404 14.4661V25.0644C13.9404 26.861 11.7555 27.7465 10.5047 26.4568L1.56429 17.2381C1.20239 16.865 1 16.3656 1 15.8457V5.24752Z"
|
||
fill="#B476E5"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Techlify</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<mask id="mask0_301_1325" style="mask-type: alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="28" height="30">
|
||
<path
|
||
d="M12.0903 0.695468C13.6964 -0.231822 15.6753 -0.231823 17.2814 0.695467L25.7762 5.59995C27.3823 6.52724 28.3717 8.24094 28.3717 10.0955V19.9045C28.3717 21.7591 27.3823 23.4728 25.7762 24.4001L17.2814 29.3045C15.6753 30.2318 13.6964 30.2318 12.0903 29.3045L3.59552 24.4001C1.98941 23.4728 1 21.7591 1 19.9045V10.0955C1 8.24094 1.98941 6.52724 3.59552 5.59995L12.0903 0.695468Z"
|
||
fill="#C4C4C4"
|
||
/>
|
||
</mask>
|
||
<g mask="url(#mask0_301_1325)">
|
||
<rect width="17.3224" height="17.3224" transform="matrix(0.866025 0.5 -0.866025 0.5 14.686 -1.06055)" fill="#B476E5" />
|
||
<rect width="15.939" height="15.939" transform="matrix(0.866025 0.5 -2.20305e-08 1 0.881958 7.72656)" fill="#47BDFF" />
|
||
<rect width="15.939" height="15.939" transform="matrix(0.866025 -0.5 2.20305e-08 1 14.686 15.6973)" fill="#FFBD11" />
|
||
</g>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Blockly</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M12.7673 26.3704C12.5926 26.3704 12.4091 26.3529 12.2256 26.3005C11.0285 26.0034 10.2946 24.7888 10.5916 23.5918L15.0653 5.69711C15.3711 4.50006 16.5857 3.77484 17.7827 4.06318C18.9798 4.36899 19.705 5.58353 19.4079 6.78058L14.9342 24.6753C14.6809 25.6888 13.7721 26.3704 12.7673 26.3704Z"
|
||
fill="#47BDFF"
|
||
/>
|
||
<path
|
||
d="M23.2896 21.8976C22.7129 21.8976 22.1449 21.6791 21.7081 21.2422C20.8343 20.3685 20.8343 18.953 21.7081 18.0792L24.6002 15.1871L21.7081 12.2949C20.8343 11.4211 20.8343 10.0056 21.7081 9.13189C22.5818 8.25812 23.9973 8.25812 24.8711 9.13189L29.3448 13.6056C30.2185 14.4793 30.2185 15.8948 29.3448 16.7686L24.8711 21.2422C24.4342 21.6791 23.8663 21.8976 23.2896 21.8976Z"
|
||
fill="#B476E5"
|
||
/>
|
||
<path
|
||
d="M6.7105 21.8976C6.13382 21.8976 5.56587 21.6791 5.12899 21.2422L0.655323 16.7686C-0.218441 15.8948 -0.218441 14.4793 0.655323 13.6056L5.12899 9.13189C6.00275 8.25812 7.41825 8.25812 8.29201 9.13189C9.16578 10.0056 9.16578 11.4211 8.29201 12.2949L5.39986 15.1871L8.29201 18.0792C9.16578 18.953 9.16578 20.3685 8.29201 21.2422C7.85513 21.6791 7.28718 21.8976 6.7105 21.8976Z"
|
||
fill="#B476E5"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Codelify</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<rect y="3" width="28.5828" height="24.7945" rx="2" fill="#47BDFF" />
|
||
<path
|
||
d="M28.0001 10.8555H15.9614C14.8569 10.8555 13.9614 11.7509 13.9614 12.8555V17.9394C13.9614 19.044 14.8569 19.9394 15.9614 19.9394H28.0001C29.1046 19.9394 30.0001 19.044 30.0001 17.9394V12.8555C30.0001 11.7509 29.1046 10.8555 28.0001 10.8555Z"
|
||
fill="#B476E5"
|
||
/>
|
||
<circle cx="18.3508" cy="15.3979" r="2.27099" fill="white" />
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Financely</span>
|
||
</a>
|
||
</ng-template>
|
||
<ng-template swiperSlide>
|
||
<a href="javascript:" class="flex items-center gap-3">
|
||
<div>
|
||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M14.4159 6.37499C14.4159 3.95781 12.8496 2 10.9159 2C8.98433 2 7.41589 3.95781 7.41589 6.37499C7.41589 8.78998 8.98433 10.75 10.9159 10.75C12.8496 10.75 14.4159 8.78998 14.4159 6.37499Z"
|
||
fill="#B476E5"
|
||
/>
|
||
<path
|
||
d="M7.99998 12.791C7.99998 10.3738 6.43373 8.41602 4.49999 8.41602C2.56625 8.41602 1 10.3738 1 12.791C1 15.2082 2.56625 17.166 4.49999 17.166C6.43373 17.166 7.99998 15.2082 7.99998 12.791Z"
|
||
fill="#B476E5"
|
||
/>
|
||
<path
|
||
d="M29 12.791C29 10.3738 27.4337 8.41602 25.5 8.41602C23.5662 8.41602 22 10.3738 22 12.791C22 15.2082 23.5662 17.166 25.5 17.166C27.4337 17.166 29 15.2082 29 12.791Z"
|
||
fill="#B476E5"
|
||
/>
|
||
<path
|
||
d="M22.5841 6.37499C22.5841 3.95781 21.0157 2 19.0841 2C17.1504 2 15.5841 3.95781 15.5841 6.37499C15.5841 8.78998 17.1504 10.75 19.0841 10.75C21.0157 10.75 22.5841 8.78998 22.5841 6.37499Z"
|
||
fill="#B476E5"
|
||
/>
|
||
<path
|
||
d="M24.8808 23.0331C24.7561 21.8825 24.3864 20.7712 23.7958 19.7759C23.5267 19.3362 23.2708 18.9009 23.017 18.4787C20.928 14.9569 19.1255 11.9141 14.9999 11.9141C10.8743 11.9141 9.08052 14.9569 6.99147 18.4787C6.73991 18.9031 6.48178 19.3362 6.21272 19.7781C5.6221 20.7712 5.25022 21.8825 5.12772 23.0331C4.9571 24.4922 5.41866 25.9556 6.39647 27.0537C7.40709 28.1846 8.85303 28.8321 10.3711 28.83H19.6374C21.1555 28.8321 22.6014 28.1846 23.612 27.0537C24.5877 25.9556 25.0492 24.4922 24.8808 23.0331Z"
|
||
fill="#47BDFF"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<span class="text-xl font-bold text-black dark:text-white">Veterinary</span>
|
||
</a>
|
||
</ng-template>
|
||
</swiper>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="px-5">
|
||
<div class="relative mx-auto w-full max-w-[1440px] overflow-hidden rounded-[32px] bg-black py-16">
|
||
<span class="absolute ltr:-right-[30px] rtl:-left-[30px] rtl:rotate-y-180">
|
||
<svg width="244" height="244" viewBox="0 0 244 244" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle
|
||
cx="122"
|
||
cy="122"
|
||
r="121"
|
||
stroke="url(#paint0_linear_991_12443)"
|
||
stroke-opacity="0.5"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-dasharray="12 8"
|
||
/>
|
||
<defs>
|
||
<linearGradient id="paint0_linear_991_12443" x1="218.5" y1="209" x2="156" y2="141.5" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#47BDFF" />
|
||
<stop offset="1" stop-color="#47BDFF" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</span>
|
||
<span class="absolute top-10 rounded-full ltr:-left-[60px] rtl:-right-[60px] rtl:rotate-y-180">
|
||
<svg width="244" height="244" viewBox="0 0 244 244" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle
|
||
cx="122"
|
||
cy="122"
|
||
r="121"
|
||
stroke="url(#paint0_linear_991_12442)"
|
||
stroke-opacity="0.5"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-dasharray="12 8"
|
||
/>
|
||
<defs>
|
||
<linearGradient id="paint0_linear_991_12442" x1="86.5" y1="8.5" x2="183.5" y2="149.5" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#B476E5" />
|
||
<stop offset="1" stop-color="#B476E5" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</span>
|
||
<span class="absolute inset-x-0 top-0 -left-[30px]">
|
||
<img src="/assets/images/healthcare/shadow.png" alt="" />
|
||
</span>
|
||
<div class="container">
|
||
<div class="grid space-y-10 text-center sm:grid-cols-3 sm:space-y-0" data-aos="fade-up" data-aos-duration="1000">
|
||
<div class="border-gray-dark ltr:sm:border-r-4 rtl:sm:border-l-4">
|
||
<span class="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-[rgba(71,189,255,0.15)]">
|
||
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M23.0401 15.2275L18.2177 21.6559C17.9478 22.0158 17.5459 22.2538 17.1005 22.3174C16.6551 22.381 16.2027 22.2651 15.8427 21.9952C15.7788 21.9466 15.7184 21.8937 15.6618 21.8368L13.0357 19.2221"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M23.0401 30.4955L18.2177 36.9238C18.0841 37.102 17.9166 37.2522 17.7249 37.3657C17.5332 37.4792 17.321 37.5538 17.1005 37.5853C16.88 37.6168 16.6554 37.6046 16.4396 37.5493C16.2238 37.494 16.021 37.3968 15.8427 37.2631C15.7788 37.2146 15.7184 37.1616 15.6618 37.1048L13.0357 34.4877"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M55.4464 38.8713C55.4467 38.673 55.4079 38.4767 55.3322 38.2935C55.2565 38.1104 55.1454 37.9439 55.0052 37.8038C54.8651 37.6636 54.6986 37.5525 54.5154 37.4768C54.3323 37.4011 54.136 37.3623 53.9377 37.3626H46.3988V29.8236C46.3991 29.6254 46.3603 29.4291 46.2846 29.2459C46.2089 29.0628 46.0977 28.8963 45.9576 28.7562C45.8174 28.616 45.651 28.5049 45.4678 28.4292C45.2847 28.3535 45.0883 28.3146 44.8901 28.3149H38.8599C38.6617 28.3146 38.4654 28.3535 38.2822 28.4292C38.099 28.5049 37.9326 28.616 37.7924 28.7562C37.6523 28.8963 37.5411 29.0628 37.4654 29.2459C37.3897 29.4291 37.3509 29.6254 37.3512 29.8236V37.3626H29.8123C29.6141 37.3623 29.4177 37.4011 29.2346 37.4768C29.0514 37.5525 28.885 37.6636 28.7448 37.8038C28.6046 37.9439 28.4935 38.1104 28.4178 38.2935C28.3421 38.4767 28.3033 38.673 28.3036 38.8713V44.9015C28.3033 45.0997 28.3421 45.296 28.4178 45.4792C28.4935 45.6624 28.6046 45.8288 28.7448 45.969C28.885 46.1091 29.0514 46.2202 29.2346 46.2959C29.4177 46.3717 29.6141 46.4105 29.8123 46.4102H37.3512V53.9491C37.3509 54.1473 37.3897 54.3436 37.4654 54.5268C37.5411 54.71 37.6523 54.8764 37.7924 55.0166C37.9326 55.1567 38.099 55.2679 38.2822 55.3436C38.4654 55.4193 38.6617 55.4581 38.8599 55.4578H44.8901C45.0883 55.4581 45.2847 55.4193 45.4678 55.3436C45.651 55.2679 45.8174 55.1567 45.9576 55.0166C46.0977 54.8764 46.2089 54.71 46.2846 54.5268C46.3603 54.3436 46.3991 54.1473 46.3988 53.9491V46.4102H53.9377C54.136 46.4105 54.3323 46.3717 54.5154 46.2959C54.6986 46.2202 54.8651 46.1091 55.0052 45.969C55.1454 45.8288 55.2565 45.6624 55.3322 45.4792C55.4079 45.296 55.4467 45.0997 55.4464 44.9015V38.8713Z"
|
||
stroke="url(#paint0_linear_73_7998)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M21.5179 48.6494H7.94643C7.04659 48.6494 6.1836 48.2919 5.54732 47.6556C4.91103 47.0193 4.55357 46.1564 4.55357 45.2565V7.93509C4.55357 7.03525 4.91103 6.17227 5.54732 5.53598C6.1836 4.8997 7.04659 4.54224 7.94643 4.54224H31.9882C32.8878 4.54303 33.7502 4.90101 34.3858 5.53747L40.882 12.0314C41.197 12.3466 41.4469 12.7208 41.6172 13.1326C41.7876 13.5443 41.8752 13.9857 41.875 14.4313V21.5065"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path d="M30.5699 5.34985V15.8519H41.8749" stroke="#47BDFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
|
||
<defs>
|
||
<linearGradient id="paint0_linear_73_7998" x1="38.0001" y1="26" x2="49.0001" y2="55" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#47BDFF" />
|
||
<stop offset="1" stop-color="#47BDFF" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</span>
|
||
<h2
|
||
class="mt-6 mb-4 text-[40px] font-extrabold leading-[50px] text-white"
|
||
[countUp]="22"
|
||
[options]="{startVal :0 ,duration: 10,suffix: '+',enableScrollSpy:true,scrollSpyOnce : true}"
|
||
[reanimateOnClick]="false"
|
||
>
|
||
{{0}}
|
||
</h2>
|
||
<p class="text-lg font-bold">Health Sections</p>
|
||
</div>
|
||
<div class="border-gray-dark ltr:sm:border-r-4 rtl:sm:border-l-4">
|
||
<span class="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-[rgba(180,118,229,0.15)]">
|
||
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M18.8103 43.5125C20.199 43.0292 21.552 42.4488 22.8591 41.7754"
|
||
stroke="#B476E5"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M12.2983 55.4464C16.5756 55.4464 20.0431 51.9789 20.0431 47.7017C20.0431 43.4244 16.5756 39.9569 12.2983 39.9569C8.02103 39.9569 4.55357 43.4244 4.55357 47.7017C4.55357 51.9789 8.02103 55.4464 12.2983 55.4464Z"
|
||
stroke="#B476E5"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M12.3231 48.8077C11.6985 48.8077 11.1921 48.3012 11.1921 47.6767C11.1921 47.0522 11.6985 46.5458 12.3231 46.5458"
|
||
stroke="#B476E5"
|
||
stroke-width="3"
|
||
/>
|
||
<path
|
||
d="M12.3232 48.8077C12.9478 48.8077 13.4541 48.3012 13.4541 47.6767C13.4541 47.0522 12.9478 46.5458 12.3232 46.5458"
|
||
stroke="#B476E5"
|
||
stroke-width="3"
|
||
/>
|
||
<path
|
||
d="M50.7124 53.2772L49.7669 55.2767L38.4461 48.0771C37.4155 47.4213 36.6598 46.4116 36.3212 45.2379C35.9826 44.0642 36.0842 42.8071 36.6071 41.703C37.1292 40.5958 38.0389 39.7182 39.1642 39.236C40.2895 38.7537 41.5523 38.7003 42.7143 39.086L55.4465 43.2773L54.4988 45.2768"
|
||
stroke="url(#paint0_linear_73_8080)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M33.6191 34.6256C39.5 30 47.7017 22.3345 47.7017 15.6845C47.7017 3.54936 32.4723 0.2402 27.7969 11.2715C23.1012 0.2402 7.8718 3.54936 7.8718 15.6845C7.8718 26.044 26.9758 38.3216 27.7879 38.8509C30.3913 40.5563 35.2182 42.6124 36.4691 42.0175"
|
||
stroke="#B476E5"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<defs>
|
||
<linearGradient id="paint0_linear_73_8080" x1="36" y1="40.5" x2="55" y2="50.5" gradientUnits="userSpaceOnUse">
|
||
<stop stop-color="#B476E5" />
|
||
<stop offset="1" stop-color="#B476E5" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</span>
|
||
<h2
|
||
class="mt-6 mb-4 text-[40px] font-extrabold leading-[50px] text-white"
|
||
[countUp]="145"
|
||
[options]="{startVal :0 ,duration: 10,suffix: '+',enableScrollSpy:true,scrollSpyOnce : true}"
|
||
[reanimateOnClick]="false"
|
||
>
|
||
{{0}}
|
||
</h2>
|
||
<p class="text-lg font-bold">Different Services</p>
|
||
</div>
|
||
<div>
|
||
<span class="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-[rgba(71,189,255,0.15)]">
|
||
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M30.095 19.2491C34.1549 19.2491 37.4462 15.9579 37.4462 11.8979C37.4462 7.83799 34.1549 4.54675 30.095 4.54675C26.035 4.54675 22.7438 7.83799 22.7438 11.8979C22.7438 15.9579 26.035 19.2491 30.095 19.2491Z"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M41.5357 30.5588C40.6909 28.238 39.1525 26.2332 37.1293 24.8167C35.1061 23.4001 32.696 22.6403 30.2262 22.6403C27.7564 22.6403 25.3464 23.4001 23.3232 24.8167C21.3 26.2332 19.7615 28.238 18.9167 30.5588"
|
||
stroke="url(#paint0_linear_73_8073)"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M11.3393 55.4533L6.78383 49.7578C5.34013 47.9531 4.5536 45.7107 4.55359 43.3996V31.7033C4.55359 30.8034 4.91105 29.9405 5.54733 29.3042C6.18362 28.6679 7.0466 28.3104 7.94645 28.3104V28.3104C8.84629 28.3104 9.70927 28.6679 10.3456 29.3042C10.9818 29.9405 11.3393 30.8034 11.3393 31.7033V40.1786"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M21.518 55.1433V48.3576C21.52 46.3447 20.924 44.3766 19.8057 42.7029L17.2226 38.835C17.002 38.4677 16.7092 38.1489 16.3618 37.8981C16.0145 37.6472 15.6198 37.4694 15.2017 37.3755C14.7837 37.2817 14.3509 37.2736 13.9296 37.3518C13.5083 37.4301 13.1073 37.593 12.7508 37.8307V37.8307C12.1093 38.2594 11.6463 38.9076 11.4488 39.6535C11.2514 40.3995 11.3332 41.1919 11.6787 41.8818L14.7323 46.9643"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M48.6607 55.4533L53.2162 49.7578C54.6599 47.9531 55.4464 45.7107 55.4464 43.3996V31.7033C55.4464 30.8034 55.089 29.9405 54.4527 29.3042C53.8164 28.6679 52.9534 28.3104 52.0536 28.3104C51.1537 28.3104 50.2907 28.6679 49.6545 29.3042C49.0182 29.9405 48.6607 30.8034 48.6607 31.7033V40.1786"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<path
|
||
d="M38.4821 55.1433V48.3576C38.4801 46.3447 39.0761 44.3765 40.1944 42.7028L42.7775 38.8282C42.9981 38.4608 43.2909 38.1421 43.6383 37.8912C43.9856 37.6404 44.3803 37.4626 44.7984 37.3687C45.2164 37.2748 45.6492 37.2667 46.0705 37.345C46.4918 37.4232 46.8928 37.5861 47.2493 37.8239V37.8239C47.8916 38.2519 48.3555 38.8998 48.5538 39.6458C48.7521 40.3918 48.671 41.1845 48.3259 41.875L45.2678 46.9642"
|
||
stroke="#47BDFF"
|
||
stroke-width="3"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
<defs>
|
||
<linearGradient
|
||
id="paint0_linear_73_8073"
|
||
x1="30.2262"
|
||
y1="22.6403"
|
||
x2="30.2262"
|
||
y2="30.5588"
|
||
gradientUnits="userSpaceOnUse"
|
||
>
|
||
<stop stop-color="#47BDFF" />
|
||
<stop offset="1" stop-color="#47BDFF" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</span>
|
||
<h2
|
||
class="mt-6 mb-4 text-[40px] font-extrabold leading-[50px] text-white"
|
||
[countUp]="3500"
|
||
[options]="{startVal :0 ,duration: 10,suffix: '+',enableScrollSpy:true,scrollSpyOnce : true}"
|
||
[reanimateOnClick]="false"
|
||
>
|
||
{{0}}
|
||
</h2>
|
||
<p class="text-lg font-bold">Satisfied Patients</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-gradient-to-t from-white/60 to-transparent py-12 dark:from-white/[0.02] lg:py-24">
|
||
<div class="container">
|
||
<div class="flex flex-col items-center md:flex-row">
|
||
<div class="mx-auto w-full max-w-[732px]">
|
||
<img src="/assets/images/healthcare/doctor-img.png" class="rtl:rotate-y-180" alt="" />
|
||
</div>
|
||
<div class="ltr:text-right rtl:text-left">
|
||
<div class="heading mb-0 text-center rtl:text-left ltr:sm:text-right">
|
||
<h6 class="!text-secondary">Our Doctor’s</h6>
|
||
<h4>With us your Doctor’s is just click away</h4>
|
||
</div>
|
||
<p class="mt-5 text-lg font-semibold">
|
||
Good health is a state of mental, physical and social well being and it does not just mean the absence of disease!
|
||
</p>
|
||
<div class="mt-14 flex items-center gap-6">
|
||
<div class="flex-1">
|
||
<p class="text-lg font-semibold text-black dark:text-white">Always there to care for You</p>
|
||
</div>
|
||
<div class="shrink-0">
|
||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M24.6667 0.666687H8.66669C7.20002 0.666687 6.00002 1.86669 6.00002 3.33335V19.3334C6.00002 20.8 7.20002 22 8.66669 22H24.6667C26.1334 22 27.3334 20.8 27.3334 19.3334V3.33335C27.3334 1.86669 26.1334 0.666687 24.6667 0.666687ZM13.68 15.7067L10.92 12.9334C10.4134 12.4134 10.4134 11.5867 10.92 11.0667C11.0434 10.9431 11.1899 10.845 11.3512 10.7781C11.5125 10.7112 11.6854 10.6768 11.86 10.6768C12.0346 10.6768 12.2076 10.7112 12.3689 10.7781C12.5302 10.845 12.6767 10.9431 12.8 11.0667L14.6134 12.8934L20.5067 6.94669C20.63 6.82308 20.7766 6.72502 20.9379 6.65811C21.0992 6.5912 21.2721 6.55676 21.4467 6.55676C21.6213 6.55676 21.7942 6.5912 21.9555 6.65811C22.1168 6.72502 22.2633 6.82308 22.3867 6.94669C22.8934 7.46669 22.8934 8.29335 22.3867 8.81335L15.5467 15.7067C15.0534 16.24 14.2 16.24 13.68 15.7067ZM2.00002 6.00002C1.26669 6.00002 0.666687 6.60002 0.666687 7.33335V24.6667C0.666687 26.1334 1.86669 27.3334 3.33335 27.3334H20.6667C21.4 27.3334 22 26.7334 22 26C22 25.2667 21.4 24.6667 20.6667 24.6667H4.66669C3.93335 24.6667 3.33335 24.0667 3.33335 23.3334V7.33335C3.33335 6.60002 2.73335 6.00002 2.00002 6.00002Z"
|
||
fill="#B476E5"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6 flex items-center gap-6">
|
||
<div class="flex-1">
|
||
<p class="text-lg font-semibold text-black dark:text-white">We care about your health system</p>
|
||
</div>
|
||
<div class="shrink-0">
|
||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M24.6667 0.666687H8.66669C7.20002 0.666687 6.00002 1.86669 6.00002 3.33335V19.3334C6.00002 20.8 7.20002 22 8.66669 22H24.6667C26.1334 22 27.3334 20.8 27.3334 19.3334V3.33335C27.3334 1.86669 26.1334 0.666687 24.6667 0.666687ZM13.68 15.7067L10.92 12.9334C10.4134 12.4134 10.4134 11.5867 10.92 11.0667C11.0434 10.9431 11.1899 10.845 11.3512 10.7781C11.5125 10.7112 11.6854 10.6768 11.86 10.6768C12.0346 10.6768 12.2076 10.7112 12.3689 10.7781C12.5302 10.845 12.6767 10.9431 12.8 11.0667L14.6134 12.8934L20.5067 6.94669C20.63 6.82308 20.7766 6.72502 20.9379 6.65811C21.0992 6.5912 21.2721 6.55676 21.4467 6.55676C21.6213 6.55676 21.7942 6.5912 21.9555 6.65811C22.1168 6.72502 22.2633 6.82308 22.3867 6.94669C22.8934 7.46669 22.8934 8.29335 22.3867 8.81335L15.5467 15.7067C15.0534 16.24 14.2 16.24 13.68 15.7067ZM2.00002 6.00002C1.26669 6.00002 0.666687 6.60002 0.666687 7.33335V24.6667C0.666687 26.1334 1.86669 27.3334 3.33335 27.3334H20.6667C21.4 27.3334 22 26.7334 22 26C22 25.2667 21.4 24.6667 20.6667 24.6667H4.66669C3.93335 24.6667 3.33335 24.0667 3.33335 23.3334V7.33335C3.33335 6.60002 2.73335 6.00002 2.00002 6.00002Z"
|
||
fill="#B476E5"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div class="mt-6 flex items-center gap-6">
|
||
<div class="flex-1">
|
||
<p class="text-lg font-semibold text-black dark:text-white">All our team doctor has friendly</p>
|
||
</div>
|
||
<div class="shrink-0">
|
||
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M24.6667 0.666687H8.66669C7.20002 0.666687 6.00002 1.86669 6.00002 3.33335V19.3334C6.00002 20.8 7.20002 22 8.66669 22H24.6667C26.1334 22 27.3334 20.8 27.3334 19.3334V3.33335C27.3334 1.86669 26.1334 0.666687 24.6667 0.666687ZM13.68 15.7067L10.92 12.9334C10.4134 12.4134 10.4134 11.5867 10.92 11.0667C11.0434 10.9431 11.1899 10.845 11.3512 10.7781C11.5125 10.7112 11.6854 10.6768 11.86 10.6768C12.0346 10.6768 12.2076 10.7112 12.3689 10.7781C12.5302 10.845 12.6767 10.9431 12.8 11.0667L14.6134 12.8934L20.5067 6.94669C20.63 6.82308 20.7766 6.72502 20.9379 6.65811C21.0992 6.5912 21.2721 6.55676 21.4467 6.55676C21.6213 6.55676 21.7942 6.5912 21.9555 6.65811C22.1168 6.72502 22.2633 6.82308 22.3867 6.94669C22.8934 7.46669 22.8934 8.29335 22.3867 8.81335L15.5467 15.7067C15.0534 16.24 14.2 16.24 13.68 15.7067ZM2.00002 6.00002C1.26669 6.00002 0.666687 6.60002 0.666687 7.33335V24.6667C0.666687 26.1334 1.86669 27.3334 3.33335 27.3334H20.6667C21.4 27.3334 22 26.7334 22 26C22 25.2667 21.4 24.6667 20.6667 24.6667H4.66669C3.93335 24.6667 3.33335 24.0667 3.33335 23.3334V7.33335C3.33335 6.60002 2.73335 6.00002 2.00002 6.00002Z"
|
||
fill="#B476E5"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<button type="button" class="btn mt-10 py-5 px-9 text-white">Meet Our Staff</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="py-12 lg:py-24">
|
||
<div class="container">
|
||
<div class="heading text-center">
|
||
<h6 class="!text-secondary">Time schedule</h6>
|
||
<h4>Save your valuable Time</h4>
|
||
</div>
|
||
<div class="flex flex-col items-center gap-[30px] sm:text-lg lg:flex-row" data-aos="fade-up" data-aos-duration="1000">
|
||
<div
|
||
class="group w-full max-w-[540px] rounded-[32px] border-2 border-transparent bg-white py-8 px-4 shadow duration-200 hover:border-secondary hover:bg-secondary/20 dark:border-gray dark:bg-gray-dark dark:hover:bg-secondary dark:hover:text-black md:px-11"
|
||
>
|
||
<p class="text-center text-base font-black text-primary dark:group-hover:text-black">OPENING HOURS</p>
|
||
<div class="mt-8 flex justify-between gap-2 font-bold">
|
||
<span class="flex-shrink-0 text-black dark:text-white dark:group-hover:text-black">Monday - Friday -</span>
|
||
<span class="w-[170px]">8:00 am - 11:00 pm</span>
|
||
</div>
|
||
<div class="my-5 h-[2px] bg-gradient-to-r from-gray/10 via-gray/25 to-gray/10"></div>
|
||
<div class="flex justify-between gap-2 font-bold">
|
||
<span class="flex-shrink-0 text-black dark:text-white dark:group-hover:text-black">Saturday -</span>
|
||
<span class="w-[170px]">9:00 am - 8:00 pm</span>
|
||
</div>
|
||
<div class="my-5 h-[2px] bg-gradient-to-r from-gray/10 via-gray/25 to-gray/10"></div>
|
||
<div class="flex justify-between gap-2 font-bold">
|
||
<span class="flex-shrink-0 text-black dark:text-white dark:group-hover:text-black">Sunday -</span>
|
||
<span class="w-[170px]">10:00 am - 1:00 pm</span>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="group w-full max-w-[540px] rounded-[32px] border-2 border-transparent bg-white py-8 px-4 shadow duration-200 hover:border-secondary hover:bg-secondary/20 dark:border-gray dark:bg-gray-dark dark:hover:bg-secondary dark:hover:text-black md:px-11"
|
||
>
|
||
<p class="text-center text-base font-black text-secondary dark:group-hover:text-black">VISITOR HOURS</p>
|
||
<div class="mt-8 flex justify-between gap-2 font-bold">
|
||
<span class="flex-shrink-0 text-black dark:text-white dark:group-hover:text-black">Monday - Friday -</span>
|
||
<span class="w-[170px]">9:00 am - 5:00 pm</span>
|
||
</div>
|
||
<div class="my-5 h-[2px] bg-gradient-to-r from-gray/10 via-gray/25 to-gray/10"></div>
|
||
<div class="flex justify-between gap-2 font-bold">
|
||
<span class="flex-shrink-0 text-black dark:text-white dark:group-hover:text-black">Saturday -</span>
|
||
<span class="w-[170px]">10:00 am - 5:00 pm</span>
|
||
</div>
|
||
<div class="my-5 h-[2px] bg-gradient-to-r from-gray/10 via-gray/25 to-gray/10"></div>
|
||
<div class="flex justify-between gap-2 font-bold">
|
||
<span class="flex-shrink-0 text-black dark:text-white dark:group-hover:text-black">Sunday -</span>
|
||
<span class="w-[170px]">Closed</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="overflow-hidden py-12 lg:py-24">
|
||
<div class="container">
|
||
<div class="heading text-center">
|
||
<h6 class="!text-secondary">Meet Our Team</h6>
|
||
<h4>Our experienced doctors</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container relative px-16">
|
||
<div
|
||
class="team-swiper-button-prev absolute left-2 top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full border-2 border-primary text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M10.5892 14.4111L9.41083 15.5895L3.82167 10.0003L9.41083 4.41113L10.5892 5.58947L7.01167 9.16697H15V10.8336H7.01167L10.5892 14.4111Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div
|
||
class="team-swiper-button-next absolute right-2 top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full border-2 border-primary text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M9.41083 14.4111L10.5892 15.5895L16.1783 10.0003L10.5892 4.41113L9.41083 5.58947L12.9883 9.16697H5V10.8336H12.9883L9.41083 14.4111Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<swiper [config]="teamSliderConfig" class="swiper team-member text-center">
|
||
<ng-template swiperSlide class="relative">
|
||
<div class="group relative overflow-hidden rounded-3xl">
|
||
<img src="/assets/images/healthcare/healthcare-img1.png" class="h-full w-full object-cover" alt="" />
|
||
<ul
|
||
class="absolute inset-x-0 -bottom-full flex items-end justify-center gap-[30px] pb-5 transition-all duration-300 group-hover:inset-y-0 group-hover:bg-gradient-to-t group-hover:from-primary/70"
|
||
>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M4.36167 2.58333C4.36143 3.06956 4.16804 3.53578 3.82406 3.87943C3.48007 4.22307 3.01365 4.41599 2.52742 4.41575C2.04119 4.41551 1.57497 4.22212 1.23133 3.87813C0.887685 3.53414 0.694764 3.06773 0.695008 2.5815C0.695251 2.09527 0.888638 1.62905 1.23263 1.28541C1.57662 0.941762 2.04303 0.748842 2.52926 0.749085C3.01549 0.749328 3.48171 0.942715 3.82535 1.2867C4.169 1.63069 4.36192 2.0971 4.36167 2.58333ZM4.41667 5.77333H0.750008V17.25H4.41667V5.77333ZM10.21 5.77333H6.56167V17.25H10.1733V11.2275C10.1733 7.8725 14.5458 7.56083 14.5458 11.2275V17.25H18.1667V9.98083C18.1667 4.325 11.695 4.53583 10.1733 7.31333L10.21 5.77333Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M7 11.5H9.5L10.5 7.5H7V5.5C7 4.47 7 3.5 9 3.5H10.5V0.14C10.174 0.0970001 8.943 0 7.643 0C4.928 0 3 1.657 3 4.7V7.5H0V11.5H3V20H7V11.5Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M21.46 2C20.69 2.35 19.86 2.58 19 2.69C19.88 2.16 20.56 1.32 20.88 0.31C20.05 0.81 19.13 1.16 18.16 1.36C17.37 0.5 16.26 0 15 0C12.65 0 10.73 1.92 10.73 4.29C10.73 4.63 10.77 4.96 10.84 5.27C7.27999 5.09 4.10999 3.38 1.99999 0.79C1.62999 1.42 1.41999 2.16 1.41999 2.94C1.41999 4.43 2.16999 5.75 3.32999 6.5C2.61999 6.5 1.95999 6.3 1.37999 6V6.03C1.37999 8.11 2.85999 9.85 4.81999 10.24C4.19072 10.4122 3.53009 10.4362 2.88999 10.31C3.1616 11.1625 3.69353 11.9084 4.41101 12.4429C5.12849 12.9775 5.99544 13.2737 6.88999 13.29C5.37362 14.4904 3.49399 15.1393 1.55999 15.13C1.21999 15.13 0.879993 15.11 0.539993 15.07C2.43999 16.29 4.69999 17 7.11999 17C15 17 19.33 10.46 19.33 4.79C19.33 4.6 19.33 4.42 19.32 4.23C20.16 3.63 20.88 2.87 21.46 2Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<h3 class="mt-2 text-xl font-extrabold text-black dark:text-white">Ralph Edwards</h3>
|
||
<p class="mt-2.5 text-sm font-semibold">Gastrologist</p>
|
||
</ng-template>
|
||
<ng-template swiperSlide class="relative">
|
||
<div class="group relative overflow-hidden rounded-3xl">
|
||
<img src="/assets/images/healthcare/healthcare-img2.png" class="h-full w-full object-cover" alt="" />
|
||
<ul
|
||
class="absolute inset-x-0 -bottom-full flex items-end justify-center gap-[30px] pb-5 transition-all duration-300 group-hover:inset-y-0 group-hover:bg-gradient-to-t group-hover:from-primary/70"
|
||
>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M4.36167 2.58333C4.36143 3.06956 4.16804 3.53578 3.82406 3.87943C3.48007 4.22307 3.01365 4.41599 2.52742 4.41575C2.04119 4.41551 1.57497 4.22212 1.23133 3.87813C0.887685 3.53414 0.694764 3.06773 0.695008 2.5815C0.695251 2.09527 0.888638 1.62905 1.23263 1.28541C1.57662 0.941762 2.04303 0.748842 2.52926 0.749085C3.01549 0.749328 3.48171 0.942715 3.82535 1.2867C4.169 1.63069 4.36192 2.0971 4.36167 2.58333ZM4.41667 5.77333H0.750008V17.25H4.41667V5.77333ZM10.21 5.77333H6.56167V17.25H10.1733V11.2275C10.1733 7.8725 14.5458 7.56083 14.5458 11.2275V17.25H18.1667V9.98083C18.1667 4.325 11.695 4.53583 10.1733 7.31333L10.21 5.77333Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M7 11.5H9.5L10.5 7.5H7V5.5C7 4.47 7 3.5 9 3.5H10.5V0.14C10.174 0.0970001 8.943 0 7.643 0C4.928 0 3 1.657 3 4.7V7.5H0V11.5H3V20H7V11.5Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M21.46 2C20.69 2.35 19.86 2.58 19 2.69C19.88 2.16 20.56 1.32 20.88 0.31C20.05 0.81 19.13 1.16 18.16 1.36C17.37 0.5 16.26 0 15 0C12.65 0 10.73 1.92 10.73 4.29C10.73 4.63 10.77 4.96 10.84 5.27C7.27999 5.09 4.10999 3.38 1.99999 0.79C1.62999 1.42 1.41999 2.16 1.41999 2.94C1.41999 4.43 2.16999 5.75 3.32999 6.5C2.61999 6.5 1.95999 6.3 1.37999 6V6.03C1.37999 8.11 2.85999 9.85 4.81999 10.24C4.19072 10.4122 3.53009 10.4362 2.88999 10.31C3.1616 11.1625 3.69353 11.9084 4.41101 12.4429C5.12849 12.9775 5.99544 13.2737 6.88999 13.29C5.37362 14.4904 3.49399 15.1393 1.55999 15.13C1.21999 15.13 0.879993 15.11 0.539993 15.07C2.43999 16.29 4.69999 17 7.11999 17C15 17 19.33 10.46 19.33 4.79C19.33 4.6 19.33 4.42 19.32 4.23C20.16 3.63 20.88 2.87 21.46 2Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<h3 class="mt-2 text-xl font-extrabold text-black dark:text-white">Stella Andrew</h3>
|
||
<p class="mt-2.5 text-sm font-semibold">Gynecologists'</p>
|
||
</ng-template>
|
||
<ng-template swiperSlide class="relative">
|
||
<div class="group relative overflow-hidden rounded-3xl">
|
||
<img src="/assets/images/healthcare/healthcare-img3.png" class="h-full w-full object-cover" alt="" />
|
||
<ul
|
||
class="absolute inset-x-0 -bottom-full flex items-end justify-center gap-[30px] pb-5 transition-all duration-300 group-hover:inset-y-0 group-hover:bg-gradient-to-t group-hover:from-primary/70"
|
||
>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M4.36167 2.58333C4.36143 3.06956 4.16804 3.53578 3.82406 3.87943C3.48007 4.22307 3.01365 4.41599 2.52742 4.41575C2.04119 4.41551 1.57497 4.22212 1.23133 3.87813C0.887685 3.53414 0.694764 3.06773 0.695008 2.5815C0.695251 2.09527 0.888638 1.62905 1.23263 1.28541C1.57662 0.941762 2.04303 0.748842 2.52926 0.749085C3.01549 0.749328 3.48171 0.942715 3.82535 1.2867C4.169 1.63069 4.36192 2.0971 4.36167 2.58333ZM4.41667 5.77333H0.750008V17.25H4.41667V5.77333ZM10.21 5.77333H6.56167V17.25H10.1733V11.2275C10.1733 7.8725 14.5458 7.56083 14.5458 11.2275V17.25H18.1667V9.98083C18.1667 4.325 11.695 4.53583 10.1733 7.31333L10.21 5.77333Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M7 11.5H9.5L10.5 7.5H7V5.5C7 4.47 7 3.5 9 3.5H10.5V0.14C10.174 0.0970001 8.943 0 7.643 0C4.928 0 3 1.657 3 4.7V7.5H0V11.5H3V20H7V11.5Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M21.46 2C20.69 2.35 19.86 2.58 19 2.69C19.88 2.16 20.56 1.32 20.88 0.31C20.05 0.81 19.13 1.16 18.16 1.36C17.37 0.5 16.26 0 15 0C12.65 0 10.73 1.92 10.73 4.29C10.73 4.63 10.77 4.96 10.84 5.27C7.27999 5.09 4.10999 3.38 1.99999 0.79C1.62999 1.42 1.41999 2.16 1.41999 2.94C1.41999 4.43 2.16999 5.75 3.32999 6.5C2.61999 6.5 1.95999 6.3 1.37999 6V6.03C1.37999 8.11 2.85999 9.85 4.81999 10.24C4.19072 10.4122 3.53009 10.4362 2.88999 10.31C3.1616 11.1625 3.69353 11.9084 4.41101 12.4429C5.12849 12.9775 5.99544 13.2737 6.88999 13.29C5.37362 14.4904 3.49399 15.1393 1.55999 15.13C1.21999 15.13 0.879993 15.11 0.539993 15.07C2.43999 16.29 4.69999 17 7.11999 17C15 17 19.33 10.46 19.33 4.79C19.33 4.6 19.33 4.42 19.32 4.23C20.16 3.63 20.88 2.87 21.46 2Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<h3 class="mt-2 text-xl font-extrabold text-black dark:text-white">Steve johnson</h3>
|
||
<p class="mt-2.5 text-sm font-semibold">Orthopedician</p>
|
||
</ng-template>
|
||
<ng-template swiperSlide class="relative">
|
||
<div class="group relative overflow-hidden rounded-3xl">
|
||
<img src="/assets/images/healthcare/healthcare-img4.png" class="h-full w-full object-cover" alt="" />
|
||
<ul
|
||
class="absolute inset-x-0 -bottom-full flex items-end justify-center gap-[30px] pb-5 transition-all duration-300 group-hover:inset-y-0 group-hover:bg-gradient-to-t group-hover:from-primary/70"
|
||
>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M4.36167 2.58333C4.36143 3.06956 4.16804 3.53578 3.82406 3.87943C3.48007 4.22307 3.01365 4.41599 2.52742 4.41575C2.04119 4.41551 1.57497 4.22212 1.23133 3.87813C0.887685 3.53414 0.694764 3.06773 0.695008 2.5815C0.695251 2.09527 0.888638 1.62905 1.23263 1.28541C1.57662 0.941762 2.04303 0.748842 2.52926 0.749085C3.01549 0.749328 3.48171 0.942715 3.82535 1.2867C4.169 1.63069 4.36192 2.0971 4.36167 2.58333ZM4.41667 5.77333H0.750008V17.25H4.41667V5.77333ZM10.21 5.77333H6.56167V17.25H10.1733V11.2275C10.1733 7.8725 14.5458 7.56083 14.5458 11.2275V17.25H18.1667V9.98083C18.1667 4.325 11.695 4.53583 10.1733 7.31333L10.21 5.77333Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M7 11.5H9.5L10.5 7.5H7V5.5C7 4.47 7 3.5 9 3.5H10.5V0.14C10.174 0.0970001 8.943 0 7.643 0C4.928 0 3 1.657 3 4.7V7.5H0V11.5H3V20H7V11.5Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a
|
||
href="javascript:"
|
||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white text-primary duration-200 hover:bg-primary hover:text-white"
|
||
>
|
||
<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path
|
||
d="M21.46 2C20.69 2.35 19.86 2.58 19 2.69C19.88 2.16 20.56 1.32 20.88 0.31C20.05 0.81 19.13 1.16 18.16 1.36C17.37 0.5 16.26 0 15 0C12.65 0 10.73 1.92 10.73 4.29C10.73 4.63 10.77 4.96 10.84 5.27C7.27999 5.09 4.10999 3.38 1.99999 0.79C1.62999 1.42 1.41999 2.16 1.41999 2.94C1.41999 4.43 2.16999 5.75 3.32999 6.5C2.61999 6.5 1.95999 6.3 1.37999 6V6.03C1.37999 8.11 2.85999 9.85 4.81999 10.24C4.19072 10.4122 3.53009 10.4362 2.88999 10.31C3.1616 11.1625 3.69353 11.9084 4.41101 12.4429C5.12849 12.9775 5.99544 13.2737 6.88999 13.29C5.37362 14.4904 3.49399 15.1393 1.55999 15.13C1.21999 15.13 0.879993 15.11 0.539993 15.07C2.43999 16.29 4.69999 17 7.11999 17C15 17 19.33 10.46 19.33 4.79C19.33 4.6 19.33 4.42 19.32 4.23C20.16 3.63 20.88 2.87 21.46 2Z"
|
||
fill="currentcolor"
|
||
/>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<h3 class="mt-2 text-xl font-extrabold text-black dark:text-white">Amy reacher</h3>
|
||
<p class="mt-2.5 text-sm font-semibold">Dentist</p>
|
||
</ng-template>
|
||
</swiper>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="bg-gradient-to-b from-white/60 to-transparent py-14 dark:from-white/[0.02] lg:py-[100px]">
|
||
<div class="container">
|
||
<div class="heading text-center">
|
||
<h6>Pricing Plan</h6>
|
||
<h4>Choose Affordable Prices</h4>
|
||
</div>
|
||
<div class="grid grid-cols-1 gap-[30px] md:grid-cols-2 lg:grid-cols-3">
|
||
<div
|
||
class="dark:dropflex -shadow-none group flex-col rounded-3xl border-2 border-primary bg-white p-6 px-4 transition hover:bg-primary hover:drop-shadow-[-10px_30px_70px_rgba(40,38,77,0.25)] dark:border-white/10 dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.01] dark:to-transparent dark:hover:border-gray-dark dark:hover:bg-gray-dark sm:px-6"
|
||
>
|
||
data-aos="fade-up" data-aos-duration="1000"
|
||
<div class="mb-8">
|
||
<h3 class="text-[22px] font-black text-black dark:text-white">Intro</h3>
|
||
</div>
|
||
<ul class="space-y-5 pb-7 text-sm font-bold group-hover:text-white">
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Daily content updates</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Unlimited downloads of FREE resources</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Unlimited PREMIUM downloads</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Valid commercial licenses</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g opacity="0.3">
|
||
<circle cx="8" cy="8" r="8" fill="#7780A1" />
|
||
</g>
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Advanced Search</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g opacity="0.3">
|
||
<circle cx="8" cy="8" r="8" fill="#7780A1" />
|
||
</g>
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">No attribution required</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g opacity="0.3">
|
||
<circle cx="8" cy="8" r="8" fill="#7780A1" />
|
||
</g>
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Browse with no ads</p>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-auto border-t-2 border-[#BBC0D0]/50 pt-7">
|
||
<div class="mb-3 flex flex-col items-center justify-center sm:flex-row sm:justify-between">
|
||
<div
|
||
class="relative mb-2 text-lg font-extrabold before:absolute before:top-1/2 before:h-2.5 before:w-2.5 before:-translate-y-1/2 before:rounded-full before:bg-primary group-hover:text-white group-hover:before:bg-white ltr:pl-5 ltr:before:left-0 rtl:pr-5 rtl:before:right-0 sm:mb-0"
|
||
>
|
||
Monthly
|
||
</div>
|
||
<a href="javascript:" class="btn text-xl text-white group-hover:bg-white group-hover:text-primary dark:text-black xl:w-44"
|
||
>$39.99<small class="text-xs lowercase">/month</small></a
|
||
>
|
||
</div>
|
||
<span class="block text-center text-sm font-bold text-black dark:text-white sm:pr-5 ltr:sm:text-right rtl:sm:text-left"
|
||
>Billed every month</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="dark:dropflex -shadow-none group flex-col rounded-3xl border-2 border-black bg-white p-6 px-4 transition hover:bg-black hover:drop-shadow-[-10px_30px_70px_rgba(40,38,77,0.25)] dark:border-white/10 dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.01] dark:to-transparent dark:hover:border-gray-dark dark:hover:bg-gray-dark sm:px-6"
|
||
>
|
||
data-aos="fade-up" data-aos-duration="1000"
|
||
<div class="relative mb-8">
|
||
<h3 class="text-[22px] font-black text-black group-hover:text-white dark:text-white">Base</h3>
|
||
<div
|
||
class="group-hover:white/10 absolute top-1/2 -translate-y-1/2 rounded-xl bg-secondary/10 py-2 px-4 text-xs font-black text-secondary group-hover:bg-white group-hover:text-black ltr:right-0 rtl:left-0"
|
||
>
|
||
MOST POPULAR
|
||
</div>
|
||
</div>
|
||
<ul class="space-y-5 pb-7 text-sm font-bold group-hover:text-white">
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Daily content updates</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Unlimited downloads of FREE resources</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Unlimited PREMIUM downloads</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Valid commercial licenses</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Advanced Search</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">No attribution required</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Browse with no ads</p>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-auto border-t-2 border-[#BBC0D0]/50 pt-7">
|
||
<div class="mb-3 flex flex-col items-center justify-center sm:flex-row sm:justify-between">
|
||
<div
|
||
class="relative mb-2 text-lg font-extrabold before:absolute before:top-1/2 before:h-2.5 before:w-2.5 before:-translate-y-1/2 before:rounded-full before:bg-black group-hover:text-white group-hover:before:bg-white ltr:pl-5 ltr:before:left-0 rtl:pr-5 rtl:before:right-0 sm:mb-0"
|
||
>
|
||
Yearly
|
||
</div>
|
||
<a href="javascript:" class="btn bg-black text-xl text-white group-hover:bg-white group-hover:text-black dark:text-white xl:w-44"
|
||
>$14.99<small class="text-xs lowercase">/month</small></a
|
||
>
|
||
</div>
|
||
<span
|
||
class="block text-center text-sm font-bold text-black group-hover:text-white dark:text-white sm:pr-5 ltr:sm:text-right rtl:sm:text-left"
|
||
>$179.00 every 12 months</span
|
||
>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="group flex flex-col rounded-3xl border-2 border-secondary bg-white p-6 px-4 transition hover:bg-secondary hover:drop-shadow-[-10px_30px_70px_rgba(40,38,77,0.25)] dark:border-white/10 dark:bg-transparent dark:bg-gradient-to-b dark:from-white/[0.01] dark:to-transparent dark:drop-shadow-none dark:hover:border-gray-dark dark:hover:bg-gray-dark sm:px-6"
|
||
data-aos="fade-up"
|
||
data-aos-duration="1000"
|
||
>
|
||
<div class="mb-8">
|
||
<h3 class="text-[22px] font-black text-black dark:text-white">Pro</h3>
|
||
</div>
|
||
<ul class="space-y-5 pb-7 text-sm font-bold group-hover:text-white">
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Daily content updates</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Unlimited downloads of FREE resources</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Unlimited PREMIUM downloads</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Valid commercial licenses</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Advanced Search</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">No attribution required</p>
|
||
</li>
|
||
<li class="flex items-center">
|
||
<div>
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<circle cx="8" cy="8" r="8" fill="#45B649" />
|
||
<path
|
||
d="M5.11438 8.11438L7 10L10.7712 6.22876"
|
||
stroke="white"
|
||
stroke-width="1.6"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<p class="ltr:pl-3 rtl:pr-3">Browse with no ads</p>
|
||
</li>
|
||
</ul>
|
||
<div class="mt-auto border-t-2 border-[#BBC0D0]/50 pt-7">
|
||
<div class="mb-3 flex flex-col items-center justify-center sm:flex-row sm:justify-between">
|
||
<div
|
||
class="relative mb-2 text-lg font-extrabold before:absolute before:top-1/2 before:h-2.5 before:w-2.5 before:-translate-y-1/2 before:rounded-full before:bg-secondary group-hover:text-white group-hover:before:bg-white ltr:pl-5 ltr:before:left-0 rtl:pr-5 rtl:before:right-0 sm:mb-0"
|
||
>
|
||
Yearly
|
||
</div>
|
||
<a href="javascript:" class="btn bg-secondary text-xl text-white group-hover:bg-white group-hover:text-secondary xl:w-44">$499</a>
|
||
</div>
|
||
<span
|
||
class="block text-center text-sm font-bold text-black group-hover:text-white dark:text-white sm:pr-5 ltr:sm:text-right rtl:sm:text-left"
|
||
>Billed once only</span
|
||
>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<testimonial mainClass="relative py-14 lg:py-[100px]" [feedbacks]="feedbacks"></testimonial>
|
||
|
||
<section class="py-12 dark:bg-gray-dark lg:py-24">
|
||
<div class="container">
|
||
<div class="relative z-10 lg:flex">
|
||
<div class="heading text-center lg:mb-0 lg:w-1/3 ltr:lg:pr-10 ltr:lg:text-left rtl:lg:pl-10 rtl:lg:text-right">
|
||
<h6>Get In Touch.</h6>
|
||
<h4 class="sm:!leading-[50px]">Book Appointment</h4>
|
||
<div>
|
||
<img src="/assets/images/healthcare/get-touchimg.png" class="rtl:rotate-y-180" alt="" />
|
||
</div>
|
||
</div>
|
||
<form action="" class="rounded-3xl bg-white px-4 py-12 dark:bg-[#101626] lg:w-2/3 lg:px-8">
|
||
<div class="grid gap-10 sm:grid-cols-2">
|
||
<div class="relative">
|
||
<input
|
||
type="text"
|
||
name="name"
|
||
class="w-full rounded-2xl border-2 border-gray/20 bg-transparent p-4 font-bold outline-none transition focus:border-secondary ltr:pr-12 rtl:pl-12"
|
||
/>
|
||
<label for="" class="absolute -top-3 bg-white px-2 font-bold ltr:left-6 rtl:right-6 dark:bg-[#101626] dark:text-white"
|
||
>Full Name</label
|
||
>
|
||
<svg
|
||
width="20"
|
||
height="22"
|
||
viewBox="0 0 20 22"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="absolute top-1/2 -translate-y-1/2 ltr:right-4 rtl:left-4 dark:text-white"
|
||
>
|
||
<path
|
||
d="M5.42855 5.57875C5.42855 8.10348 7.47525 10.1502 9.99998 10.1502C12.5247 10.1502 14.5714 8.10348 14.5714 5.57875C14.5714 3.05402 12.5247 1.00732 9.99998 1.00732"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
/>
|
||
<path
|
||
d="M2 16.9328C2 15.9495 2.61812 15.0724 3.5441 14.7417V14.7417C7.71891 13.2507 12.2811 13.2507 16.4559 14.7417V14.7417C17.3819 15.0724 18 15.9495 18 16.9328V18.7014C18 19.9185 16.922 20.8535 15.7172 20.6813L13.8184 20.4101C11.2856 20.0483 8.71435 20.0483 6.18162 20.4101L4.28284 20.6813C3.07798 20.8535 2 19.9185 2 18.7014V16.9328Z"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div class="relative">
|
||
<input
|
||
type="email"
|
||
name="email"
|
||
class="w-full rounded-2xl border-2 border-gray/20 bg-transparent p-4 font-bold outline-none transition focus:border-secondary ltr:pr-12 rtl:pl-12"
|
||
/>
|
||
<label for="" class="absolute -top-3 bg-white px-2 font-bold ltr:left-6 rtl:right-6 dark:bg-[#101626] dark:text-white"
|
||
>Email Address</label
|
||
>
|
||
<svg
|
||
width="22"
|
||
height="21"
|
||
viewBox="0 0 22 21"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="absolute top-1/2 -translate-y-1/2 ltr:right-4 rtl:left-4 dark:text-white"
|
||
>
|
||
<path
|
||
d="M1 8.00732V7.00732C1 4.2459 3.23858 2.00732 6 2.00732H16C18.7614 2.00732 21 4.2459 21 7.00732V13.0073C21 15.7687 18.7614 18.0073 16 18.0073H6C3.23858 18.0073 1 15.7687 1 13.0073V12.0073"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
/>
|
||
<path
|
||
d="M5 7.00732L9.8 10.6073C10.5111 11.1407 11.4889 11.1407 12.2 10.6073L17 7.00732"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div class="relative">
|
||
<input
|
||
type="text"
|
||
name="mobile"
|
||
class="w-full rounded-2xl border-2 border-gray/20 bg-transparent p-4 font-bold outline-none transition focus:border-secondary ltr:pr-12 rtl:pl-12"
|
||
/>
|
||
<label for="" class="absolute -top-3 bg-white px-2 font-bold ltr:left-6 rtl:right-6 dark:bg-[#101626] dark:text-white"
|
||
>Mobile Number</label
|
||
>
|
||
<svg
|
||
width="22"
|
||
height="22"
|
||
viewBox="0 0 22 22"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="absolute top-1/2 -translate-y-1/2 ltr:right-4 rtl:left-4 dark:text-white"
|
||
>
|
||
<path
|
||
d="M6.45241 1.40806C5.45292 0.783702 4.14202 0.887138 3.2983 1.73086L1.86856 3.1606C-0.302899 5.33207 1.73747 10.8931 6.42586 15.5815C11.1142 20.2699 16.6753 22.3102 18.8467 20.1388L20.2765 18.709C21.2635 17.722 21.2374 16.0956 20.2182 15.0764L18.0036 12.8619C16.9844 11.8426 15.358 11.8165 14.371 12.8036L14.0639 13.1107C13.531 13.6436 12.6713 13.6957 12.0713 13.2005C11.4925 12.7229 10.9159 12.208 10.3576 11.6497C9.79933 11.0914 9.28441 10.5149 8.80678 9.93607C8.31161 9.33601 8.36374 8.47631 8.89666 7.9434L9.20375 7.63631C9.98187 6.85819 10.1303 5.68271 9.65898 4.72062"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
<div class="relative">
|
||
<input
|
||
type="text"
|
||
name="city"
|
||
class="w-full rounded-2xl border-2 border-gray/20 bg-transparent p-4 font-bold outline-none transition focus:border-secondary ltr:pr-12 rtl:pl-12"
|
||
/>
|
||
<label for="" class="absolute -top-3 bg-white px-2 font-bold ltr:left-6 rtl:right-6 dark:bg-[#101626] dark:text-white">City</label>
|
||
<svg
|
||
width="20"
|
||
height="22"
|
||
viewBox="0 0 20 22"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="absolute top-1/2 -translate-y-1/2 ltr:right-4 rtl:left-4 dark:text-white"
|
||
>
|
||
<path
|
||
d="M5.89416 2.31259C7.20149 1.48625 8.75475 1.00732 10.4211 1.00732C15.0719 1.00732 18.8421 4.73828 18.8421 9.34066C18.8421 15.0541 12.1053 21.0073 10.4211 21.0073C8.73684 21.0073 2 15.0541 2 9.34066C2 7.87581 2.38193 6.49924 3.05263 5.30315"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
/>
|
||
<path
|
||
d="M13.4571 9.77392C13.5365 9.49702 13.579 9.20456 13.579 8.90216C13.579 7.15811 12.1651 5.74427 10.4211 5.74427C8.67702 5.74427 7.26318 7.15811 7.26318 8.90216C7.26318 10.6462 8.67702 12.0601 10.4211 12.0601C10.6633 12.0601 10.8991 12.0328 11.1256 11.9812"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div class="relative mt-10">
|
||
<input
|
||
type="text"
|
||
name="Decease"
|
||
class="w-full rounded-2xl border-2 border-gray/20 bg-transparent p-4 font-bold outline-none transition focus:border-secondary ltr:pr-12 rtl:pl-12"
|
||
/>
|
||
<label for="" class="absolute -top-3 bg-white px-2 font-bold ltr:left-6 rtl:right-6 dark:bg-[#101626] dark:text-white">Decease</label>
|
||
<svg
|
||
width="22"
|
||
height="22"
|
||
viewBox="0 0 22 22"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
class="absolute top-1/2 -translate-y-1/2 ltr:right-4 rtl:left-4 dark:text-white"
|
||
>
|
||
<path
|
||
d="M1 11.467V18.9267C1 19.7652 1.96993 20.2314 2.6247 19.7076L5.45217 17.4456C5.8068 17.1619 6.24742 17.0073 6.70156 17.0073H16C18.7614 17.0073 21 14.7687 21 12.0073V6.00732C21 3.2459 18.7614 1.00732 16 1.00732H6C3.23858 1.00732 1 3.2459 1 6.00732V7.62225"
|
||
stroke="currentColor"
|
||
stroke-width="1.8"
|
||
stroke-linecap="round"
|
||
/>
|
||
<circle cx="6.05005" cy="9.05713" r="1.25" fill="currentColor" />
|
||
<circle cx="11.05" cy="9.05713" r="1.25" fill="currentColor" />
|
||
<circle cx="16.05" cy="9.05713" r="1.25" fill="currentColor" />
|
||
</svg>
|
||
</div>
|
||
<div class="mt-10 text-center ltr:lg:text-right rtl:lg:text-left">
|
||
<button type="button" class="btn bg-gray px-16 py-5 capitalize text-white dark:bg-white dark:text-black dark:hover:bg-secondary">
|
||
Book now
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|