3 lines
20 KiB
HTML
3 lines
20 KiB
HTML
<header class="sticky top-0 inset-x-0 z-50"><div class="bg-primary-500 text-white h-[45px] z-[51] relative"><div class="md:container h-full"><div class="flex items-center justify-between h-full"><div class="xl:flex grid grid-cols-3 max-xl:w-full items-center md:gap-4 gap-2 h-full"><a data-text="Người bệnh &
|
|
Cộng đồng" class="h-full items-center max-xl:text-center flex justify-center hover:text-primary-100 transition-colors relative before:content-[''] before:absolute before:left-0 before:bottom-0 before:h-[3px] before:bg-primary-200 before:w-0 before:transition-all hover:before:w-full max-md:whitespace-pre-line flex-col after:content-[attr(data-text)] after:h-0 after:block after:invisible after:overflow-hidden after:font-semibold after:text-[14px] text-white before:w-full title-5 max-md:!text-[12px]" href="https://bvdaihoc.com.vn/">Người bệnh &
|
|
Cộng đồng</a><a data-text="Chuyên gia y tế" class="h-full items-center max-xl:text-center flex justify-center hover:text-primary-100 transition-colors relative before:content-[''] before:absolute before:left-0 before:bottom-0 before:h-[3px] before:bg-primary-200 before:w-0 before:transition-all hover:before:w-full max-md:whitespace-pre-line flex-col after:content-[attr(data-text)] after:h-0 after:block after:invisible after:overflow-hidden after:font-semibold after:text-[14px] hover:text-primary-100 before:w-0 hover:before:w-full label-4 max-md:!text-[12px]" href="https://bvdaihoc.com.vn/chuyen-gia-y-te">Chuyên gia y tế</a><a data-text="UMCers" class="h-full items-center max-xl:text-center flex justify-center hover:text-primary-100 transition-colors relative before:content-[''] before:absolute before:left-0 before:bottom-0 before:h-[3px] before:bg-primary-200 before:w-0 before:transition-all hover:before:w-full max-md:whitespace-pre-line flex-col after:content-[attr(data-text)] after:h-0 after:block after:invisible after:overflow-hidden after:font-semibold after:text-[14px] hover:text-primary-100 before:w-0 hover:before:w-full label-4 max-md:!text-[12px]" href="https://bvdaihoc.com.vn/umcers">UMCers</a></div><div class="flex items-center max-xl:hidden"><a class="body-3 hover:text-primary-100 transition-colors" href="https://bvdaihoc.com.vn/dat-lich-kham">Đặt lịch khám</a><span class="text-white mx-4 font-display">|</span><a class="body-3 hover:text-primary-100 transition-colors" href="https://bvdaihoc.com.vn/dau-thau">Đấu thầu</a><span class="text-white mx-4 font-display">|</span><a class="body-3 hover:text-primary-100 transition-colors mr-[22px]" href="https://bvdaihoc.com.vn/lien-he">Liên hệ</a><div class="flex items-center"><div class="relative"><button type="button" class="w-[42px] h-[45px] cursor-pointer flex items-center justify-center lg:hover:bg-primary-700 lg:duration-150"><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-user-round size-[20px]"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg></button></div><a class="size-[45px] cursor-pointer bg-primary-400 lg:hover:bg-primary-700 flex items-center justify-center lg:duration-150" href="https://bvdaihoc.com.vn/tim-kiem"><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-search"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></a></div></div></div></div></div><!--$--><header class="bg-white transition-all shadow-md duration-150"><div class="relative transition-colors duration-150 bg-white z-50"><div class="container mx-auto flex h-[77px] items-center justify-between px-4 lg:px-10"><div class="flex items-center xl:gap-[52px] gap-4 justify-between w-full"><a class="relative block xl:h-[56px] h-[48px] xl:max-w-[242px] max-w-[216px] w-full" href="https://bvdaihoc.com.vn/"><img alt="Logo" fetchpriority="high" loading="eager" width="242" height="56" decoding="async" data-nimg="1" style="color:transparent;object-fit:contain" sizes="100vw" srcset="/_next/image?url=%2Fimages%2Flogo.webp&w=640&q=80 640w, /_next/image?url=%2Fimages%2Flogo.webp&w=750&q=80 750w, /_next/image?url=%2Fimages%2Flogo.webp&w=828&q=80 828w, /_next/image?url=%2Fimages%2Flogo.webp&w=1080&q=80 1080w, /_next/image?url=%2Fimages%2Flogo.webp&w=1200&q=80 1200w, /_next/image?url=%2Fimages%2Flogo.webp&w=1920&q=80 1920w, /_next/image?url=%2Fimages%2Flogo.webp&w=2048&q=80 2048w, /_next/image?url=%2Fimages%2Flogo.webp&w=3840&q=80 3840w" src="./Bệnh viện Đại học Y Dược TP. Hồ Chí Minh_files/logo.jpeg"></a><nav class="hidden h-[77px] xl:flex"><ul class="flex h-full items-center xl:space-x-[26px] space-x-4"><li class="h-full group flex-shrink-0"><a class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 " href="https://bvdaihoc.com.vn/gioi-thieu-tong-quan"><span>Về Bệnh viện</span><svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 duration-150 ease-in-out text-gray-300 group-hover:-rotate-180"><path d="M0.759766 0.5L4.68906 4.42929C4.72811 4.46834 4.79142 4.46834 4.83048 4.42929L8.75977 0.5" stroke="currentColor" stroke-linecap="round"></path></svg></a></li><li class="h-full group flex-shrink-0"><a class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 " href="https://bvdaihoc.com.vn/chuyen-khoa"><span>Chuyên khoa</span></a></li><li class="h-full group flex-shrink-0"><a class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 " href="https://bvdaihoc.com.vn/bac-si"><span>Bác sĩ</span></a></li><li class="h-full group flex-shrink-0"><a class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 " href="https://bvdaihoc.com.vn/dich-vu"><span>Dịch vụ</span><svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 duration-150 ease-in-out text-gray-300 group-hover:-rotate-180"><path d="M0.759766 0.5L4.68906 4.42929C4.72811 4.46834 4.79142 4.46834 4.83048 4.42929L8.75977 0.5" stroke="currentColor" stroke-linecap="round"></path></svg></a></li><li class="h-full group flex-shrink-0"><a class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 " href="https://bvdaihoc.com.vn/thu-vien-suc-khoe"><span>Thư viện sức khỏe</span></a></li><li class="h-full group flex-shrink-0"><a class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 " href="https://bvdaihoc.com.vn/tin-tuc-va-su-kien"><span>Tin tức & Sự kiện</span><svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 duration-150 ease-in-out text-gray-300 group-hover:-rotate-180"><path d="M0.759766 0.5L4.68906 4.42929C4.72811 4.46834 4.79142 4.46834 4.83048 4.42929L8.75977 0.5" stroke="currentColor" stroke-linecap="round"></path></svg></a></li><li class="h-full group flex-shrink-0"><button class="flex flex-shrink-0 title-2 text-primary-600 h-full items-center gap-2 duration-150 ease-in-out underline-offset-4 cursor-pointer "><span>Hỗ trợ người bệnh</span><svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 duration-150 ease-in-out text-gray-300 group-hover:-rotate-180"><path d="M0.759766 0.5L4.68906 4.42929C4.72811 4.46834 4.79142 4.46834 4.83048 4.42929L8.75977 0.5" stroke="currentColor" stroke-linecap="round"></path></svg></button></li></ul></nav><div class="flex xl:hidden items-center"><a class="size-[42px] flex items-center justify-center" href="https://bvdaihoc.com.vn/tim-kiem"><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-search text-black"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></a><div class="relative mr-2.5"><button type="button" class="size-[42px] flex items-center justify-center cursor-pointer"><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-user-round text-black"><circle cx="12" cy="8" r="5"></circle><path d="M20 21a8 8 0 0 0-16 0"></path></svg></button></div><button class="py-[7px] px-px"><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-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></div><div class="fixed inset-x-0 top-[122px] h-[calc(100svh)] bg-gray-100 z-[49] transition-transform duration-300 xl:hidden -translate-y-full"><div class="relative"><div class="max-h-[calc(100svh-196px)] overflow-y-auto"><div class="p-4"><div class="bg-primary-600 rounded-md title-6 text-white p-4"><a class="flex items-center space-x-1.5 pb-3 border-b border-white" href="https://bvdaihoc.com.vn/ung-dung-umc-care"><img alt="logo pre header" fetchpriority="high" loading="eager" width="21" height="21" decoding="async" data-nimg="1" class="rounded" style="color:transparent;object-fit:cover" sizes="100vw" srcset="/_next/image?url=%2Fpre-logo.png&w=640&q=80 640w, /_next/image?url=%2Fpre-logo.png&w=750&q=80 750w, /_next/image?url=%2Fpre-logo.png&w=828&q=80 828w, /_next/image?url=%2Fpre-logo.png&w=1080&q=80 1080w, /_next/image?url=%2Fpre-logo.png&w=1200&q=80 1200w, /_next/image?url=%2Fpre-logo.png&w=1920&q=80 1920w, /_next/image?url=%2Fpre-logo.png&w=2048&q=80 2048w, /_next/image?url=%2Fpre-logo.png&w=3840&q=80 3840w" src="./Bệnh viện Đại học Y Dược TP. Hồ Chí Minh_files/pre-logo.png"><div>ỨNG DỤNG UMC CARE</div></a><a class="py-3 border-b border-white block" href="https://bvdaihoc.com.vn/dat-lich-kham">Đặt lịch khám</a><a class="pt-3 block" href="https://bvdaihoc.com.vn/dau-thau">Đấu thầu</a></div></div><div class="bg-gray-100"><div class="px-4"><div><div class="border-b border-gray-100 py-3"><div class="flex w-full items-center justify-between "><a class="flex-1 flex items-center" href="https://bvdaihoc.com.vn/gioi-thieu-tong-quan"><span class="title-1 text-primary-600">Về Bệnh viện</span></a><button class="ml-2 p-1 flex items-center justify-center"><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-chevron-down w-5 h-5 transition-transform duration-200 text-gray-600 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="pt-3.5 space-y-2"><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/gioi-thieu-tong-quan"><span class="title-1 text-primary-600">Giới thiệu tổng quan</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/lich-su-benh-vien"><span class="title-1 text-primary-600">Lịch sử Bệnh viện</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/tam-nhin-su-menh-gia-tri-cot-loi"><span class="title-1 text-primary-600">Tầm nhìn - Sứ mệnh - Giá trị cốt lõi</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/doi-ngu-lanh-dao"><span class="title-1 text-primary-600">Ban lãnh đạo</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/cac-don-vi"><span class="title-1 text-primary-600">Các đơn vị</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/thanh-tuu-va-giai-thuong"><span class="title-1 text-primary-600">Thành tựu và giải thưởng</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/lien-he"><span class="title-1 text-primary-600">Liên hệ</span></a></div></div></div></div><div><a class="flex flex-shrink-0 title-1 py-3 justify-between items-center duration-150 ease-in-out text-primary-600 border-b border-gray-100" href="https://bvdaihoc.com.vn/chuyen-khoa"><span>Chuyên khoa</span></a></div><div><a class="flex flex-shrink-0 title-1 py-3 justify-between items-center duration-150 ease-in-out text-primary-600 border-b border-gray-100" href="https://bvdaihoc.com.vn/bac-si"><span>Bác sĩ</span></a></div><div><div class="border-b border-gray-100 py-3"><div class="flex w-full items-center justify-between "><a class="flex-1 flex items-center" href="https://bvdaihoc.com.vn/dich-vu"><span class="title-1 text-primary-600">Dịch vụ</span></a><button class="ml-2 p-1 flex items-center justify-center"><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-chevron-down w-5 h-5 transition-transform duration-200 text-gray-600 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="pt-3.5 space-y-2"><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/dich-vu#kham-benh-ngoai-tru"><span class="title-1 text-primary-600">Khám bệnh ngoại trú</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/dich-vu?tabName=inpatient-treatment#dieu-tri-noi-tru"><span class="title-1 text-primary-600">Điều trị Nội trú</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/dich-vu?tabName=emergency#dieu-tri-noi-tru"><span class="title-1 text-primary-600">Cấp cứu</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/dich-vu#bang-gia"><span class="title-1 text-primary-600">Bảng giá</span></a></div></div></div></div><div><a class="flex flex-shrink-0 title-1 py-3 justify-between items-center duration-150 ease-in-out text-primary-600 border-b border-gray-100" href="https://bvdaihoc.com.vn/thu-vien-suc-khoe"><span>Thư viện sức khỏe</span></a></div><div><div class="border-b border-gray-100 py-3"><div class="flex w-full items-center justify-between "><a class="flex-1 flex items-center" href="https://bvdaihoc.com.vn/tin-tuc-va-su-kien"><span class="title-1 text-primary-600">Tin tức & Sự kiện</span></a><button class="ml-2 p-1 flex items-center justify-center"><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-chevron-down w-5 h-5 transition-transform duration-200 text-gray-600 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="pt-3.5 space-y-2"><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/cong-tac-xa-hoi"><span class="title-1 text-primary-600">Công tác xã hội</span></a></div></div></div></div><div><div class="border-b border-gray-100 py-3"><div class="flex w-full items-center justify-between "><a class="flex-1 flex items-center" href="https://bvdaihoc.com.vn/thong-tin-can-biet"><span class="title-1 text-primary-600">Hỗ trợ người bệnh</span></a><button class="ml-2 p-1 flex items-center justify-center"><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-chevron-down w-5 h-5 transition-transform duration-200 text-gray-600 -rotate-90"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="overflow-hidden transition-all duration-200 max-h-0"><div class="pt-3.5 space-y-2"><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/thong-tin-can-biet"><span class="title-1 text-primary-600">Thông tin cần biết</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/dang-ky-hien-tang"><span class="title-1 text-primary-600">Đăng ký hiến tạng</span></a><a class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 pl-4" href="https://bvdaihoc.com.vn/cau-hoi-thuong-gap"><span class="title-1 text-primary-600">Câu hỏi thường gặp</span></a><button class="flex items-center justify-between lg:p-4 md:p-3 p-2 border-b border-gray-100 last:border-b-0 w-full text-left pl-4"><span class="title-1 text-primary-600">Liên hệ hỗ trợ</span></button></div></div></div></div></div></div></div></div><div class="p-4 flex justify-start items-center space-x-2 bg-gray-100 sticky bottom-0"><div class="h-[42px] text-center flex items-center justify-center body-3 text-gray-700"><div class="flex items-center justify-center opacity-100"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 85.333 512 341.333" class="w-5 flex-shrink-0"><path fill="#D80027" d="M196.641 85.337H0v341.326h512V85.337z"></path><path fill="#FFDA44" d="m256 157.279 22.663 69.747H352l-59.332 43.106 22.664 69.749L256 296.774l-59.332 43.107 22.664-69.749L160 227.026h73.337z"></path></svg><span class="ml-1">Tiếng việt</span></div></div><div class="h-3 w-px bg-gray-200"></div><div class="h-[42px] text-center flex items-center justify-center body-3 text-gray-700"><div class="flex items-center justify-center opacity-30"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 513 342" class="w-5 flex-shrink-0"><path fill="#FFF" d="M0 0h513v342H0z"></path><g fill="#D80027"><path d="M0 0h513v26.3H0zM0 52.6h513v26.3H0zM0 105.2h513v26.3H0zM0 157.8h513v26.3H0zM0 210.5h513v26.3H0zM0 263.1h513v26.3H0zM0 315.7h513V342H0z"></path></g><path fill="#2E52B2" d="M0 0h256.5v184.1H0z"></path><g fill="#FFF"><path d="m47.8 138.9-4-12.8-4.4 12.8H26.2l10.7 7.7-4 12.8 10.9-7.9 10.6 7.9-4.1-12.8 10.9-7.7zM104.1 138.9l-4.1-12.8-4.2 12.8H82.6l10.7 7.7-4 12.8 10.7-7.9 10.8 7.9-4-12.8 10.7-7.7zM160.6 138.9l-4.3-12.8-4 12.8h-13.5l11 7.7-4.2 12.8 10.7-7.9 11 7.9-4.2-12.8 10.7-7.7zM216.8 138.9l-4-12.8-4.2 12.8h-13.3l10.8 7.7-4 12.8 10.7-7.9 10.8 7.9-4.3-12.8 11-7.7zM100 75.3l-4.2 12.8H82.6L93.3 96l-4 12.6 10.7-7.8 10.8 7.8-4-12.6 10.7-7.9h-13.4zM43.8 75.3l-4.4 12.8H26.2L36.9 96l-4 12.6 10.9-7.8 10.6 7.8L50.3 96l10.9-7.9H47.8zM156.3 75.3l-4 12.8h-13.5l11 7.9-4.2 12.6 10.7-7.8 11 7.8-4.2-12.6 10.7-7.9h-13.2zM212.8 75.3l-4.2 12.8h-13.3l10.8 7.9-4 12.6 10.7-7.8 10.8 7.8-4.3-12.6 11-7.9h-13.5zM43.8 24.7l-4.4 12.6H26.2l10.7 7.9-4 12.7L43.8 50l10.6 7.9-4.1-12.7 10.9-7.9H47.8zM100 24.7l-4.2 12.6H82.6l10.7 7.9-4 12.7L100 50l10.8 7.9-4-12.7 10.7-7.9h-13.4zM156.3 24.7l-4 12.6h-13.5l11 7.9-4.2 12.7 10.7-7.9 11 7.9-4.2-12.7 10.7-7.9h-13.2zM212.8 24.7l-4.2 12.6h-13.3l10.8 7.9-4 12.7 10.7-7.9 10.8 7.9-4.3-12.7 11-7.9h-13.5z"></path></g></svg><span class="ml-1">English</span></div></div></div></div></header> |