182 lines
12 KiB
HTML
182 lines
12 KiB
HTML
<section class="xl:py-16 md:py-12 py-8 md:scroll-mt-[186px]" id="map-section">
|
|
<div class="container space-y-4 md:space-y-6 xl:space-y-8">
|
|
<h1 class="text-primary-600 display-7 text-center uppercase">Liên hệ</h1>
|
|
<div class="grid grid-cols-12 gap-6">
|
|
<div class="col-span-full lg:col-span-5 xl:col-span-4 rounded-lg pr-2 pl-4 py-4 bg-gray-100">
|
|
<div class="space-y-4 overflow-y-auto h-[500px] pr-2">
|
|
<div class="rounded-lg overflow-hidden cursor-pointer bg-primary-600">
|
|
<div class="xl:p-4 p-3 space-y-2">
|
|
<div class="title-1 text-white">Cơ sở 1</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-4 flex-shrink-0 text-white mt-1">
|
|
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
|
|
</path>
|
|
<circle cx="12" cy="10" r="3">
|
|
</circle>
|
|
</svg>
|
|
<a href="https://maps.app.goo.gl/TmwiUqbghLDDNybs8" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:duration-150 lg:hover:underline underline-offset-4 text-white">215 Hồng Bàng, Phường Chợ Lớn, Thành phố Hồ Chí Minh</a>
|
|
</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 flex-shrink-0 text-white mt-1">
|
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
|
|
</path>
|
|
</svg>
|
|
<a href="tel:(84.28) 3855 4269" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-white">(84.28) 3855 4269</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 flex-shrink-0 text-white">
|
|
<rect width="20" height="16" x="2" y="4" rx="2">
|
|
</rect>
|
|
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7">
|
|
</path>
|
|
</svg>
|
|
<a href="mailto:bvdhyd@umc.edu.vn" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-white">bvdhyd@umc.edu.vn</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe size-4 flex-shrink-0 text-white">
|
|
<circle cx="12" cy="12" r="10">
|
|
</circle>
|
|
<path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20">
|
|
</path>
|
|
<path d="M2 12h20">
|
|
</path>
|
|
</svg>
|
|
<a href="https://www.bvdaihoc.com.vn/" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-white">https://www.bvdaihoc.com.vn</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-lg overflow-hidden cursor-pointer bg-white">
|
|
<div class="xl:p-4 p-3 space-y-2">
|
|
<div class="title-1 text-primary-600">Cở sở 2</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-4 flex-shrink-0 text-primary-600 mt-1">
|
|
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
|
|
</path>
|
|
<circle cx="12" cy="10" r="3">
|
|
</circle>
|
|
</svg>
|
|
<a href="https://maps.app.goo.gl/wnEnwkmDKoXiNbvU8" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:duration-150 lg:hover:underline underline-offset-4 text-gray-900">201 Nguyễn Chí Thanh, Phường Chợ Lớn, Thành phố Hồ Chí Minh</a>
|
|
</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 flex-shrink-0 text-primary-600 mt-1">
|
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
|
|
</path>
|
|
</svg>
|
|
<a href="tel:(84.28) 3955 5548" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">(84.28) 3955 5548</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 flex-shrink-0 text-primary-600">
|
|
<rect width="20" height="16" x="2" y="4" rx="2">
|
|
</rect>
|
|
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7">
|
|
</path>
|
|
</svg>
|
|
<a href="mailto:bvdaihoccoso2@umc.edu.vn" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">bvdaihoccoso2@umc.edu.vn</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe size-4 flex-shrink-0 text-primary-600">
|
|
<circle cx="12" cy="12" r="10">
|
|
</circle>
|
|
<path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20">
|
|
</path>
|
|
<path d="M2 12h20">
|
|
</path>
|
|
</svg>
|
|
<a href="https://www.bvdaihoccoso2.com.vn/" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">https://www.bvdaihoccoso2.com.vn</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-lg overflow-hidden cursor-pointer bg-white">
|
|
<div class="xl:p-4 p-3 space-y-2">
|
|
<div class="title-1 text-primary-600">Cơ sở 3</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-4 flex-shrink-0 text-primary-600 mt-1">
|
|
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
|
|
</path>
|
|
<circle cx="12" cy="10" r="3">
|
|
</circle>
|
|
</svg>
|
|
<a href="https://maps.app.goo.gl/x2XUmcC7yJvRq3FU9" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:duration-150 lg:hover:underline underline-offset-4 text-gray-900">221B Hoàng Văn Thụ, Phường Phú Nhuận, Thành phố Hồ Chí Minh</a>
|
|
</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 flex-shrink-0 text-primary-600 mt-1">
|
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
|
|
</path>
|
|
</svg>
|
|
<a href="tel:(84.28) 3842 0070" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">(84.28) 3842 0070</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 flex-shrink-0 text-primary-600">
|
|
<rect width="20" height="16" x="2" y="4" rx="2">
|
|
</rect>
|
|
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7">
|
|
</path>
|
|
</svg>
|
|
<a href="mailto:bvdaihoccoso3@umc.edu.vn" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">bvdaihoccoso3@umc.edu.vn</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe size-4 flex-shrink-0 text-primary-600">
|
|
<circle cx="12" cy="12" r="10">
|
|
</circle>
|
|
<path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20">
|
|
</path>
|
|
<path d="M2 12h20">
|
|
</path>
|
|
</svg>
|
|
<a href="https://www.bvdaihoccoso3.com.vn/" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">https://www.bvdaihoccoso3.com.vn</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-lg overflow-hidden cursor-pointer bg-white">
|
|
<div class="xl:p-4 p-3 space-y-2">
|
|
<div class="title-1 text-primary-600">Đơn vị hợp tác</div>
|
|
<div class="title-1 text-black">Phòng khám Bệnh viện Đại học Y Dược 1</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin size-4 flex-shrink-0 text-primary-600 mt-1">
|
|
<path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0">
|
|
</path>
|
|
<circle cx="12" cy="10" r="3">
|
|
</circle>
|
|
</svg>
|
|
<a href="https://maps.google.com/?q=20-22+D%C6%B0%C6%A1ng+Quang+Trung,+Ph%C6%B0%E1%BB%9Dng+12,+Qu%E1%BA%ADn+10,+Th%C3%A0nh+ph%E1%BB%91+H%E1%BB%93+Ch%C3%AD+Minh" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:duration-150 lg:hover:underline underline-offset-4 text-gray-900">20-22 Dương Quang Trung, Phường Hòa Hưng, Thành phố Hồ Chí Minh</a>
|
|
</div>
|
|
<div class="flex items-start gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 flex-shrink-0 text-primary-600 mt-1">
|
|
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z">
|
|
</path>
|
|
</svg>
|
|
<a href="tel:1900 6923" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">1900 6923</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 flex-shrink-0 text-primary-600">
|
|
<rect width="20" height="16" x="2" y="4" rx="2">
|
|
</rect>
|
|
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7">
|
|
</path>
|
|
</svg>
|
|
<a href="mailto:contact.us@umcclinic.com.vn" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">contact.us@umcclinic.com.vn</a>
|
|
</div>
|
|
<div class="flex items-center gap-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe size-4 flex-shrink-0 text-primary-600">
|
|
<circle cx="12" cy="12" r="10">
|
|
</circle>
|
|
<path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20">
|
|
</path>
|
|
<path d="M2 12h20">
|
|
</path>
|
|
</svg>
|
|
<a href="https://umcclinic.com.vn/" target="_blank" rel="noopener noreferrer nofollow" class="flex-1 body-2 lg:hover:underline underline-offset-4 lg:duration-150 text-gray-900">https://umcclinic.com.vn/</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-span-full lg:col-span-7 xl:col-span-8">
|
|
<div class="relative rounded-lg overview-wrapper-shadow overflow-hidden w-full h-full max-lg:h-[450px] [&>iframe]:w-full [&>iframe]:h-full [&>iframe]:border-0">
|
|
<iframe src="./Liên hệ_files/embed.html" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
|
|
</iframe>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |