refactor: remove legacy UMASS samples and implement new header navigation and content block snippets
This commit is contained in:
@@ -0,0 +1,374 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user