65 lines
No EOL
2.7 KiB
Svelte
65 lines
No EOL
2.7 KiB
Svelte
<div class="navbar bg-white w-full top-0 z-50 fixed flex-wrap items-center justify-between px-4 ">
|
|
<div
|
|
class="container px-4 mx-auto flex flex-no-wrap items-center justify-between"
|
|
>
|
|
<div class="flex-1">
|
|
<div class="justify-start flex">
|
|
<div class="content-center grid">
|
|
<div class="avatar">
|
|
<div class="w-10 rounded-full">
|
|
<img src="/images/logo.png" alt="logo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="content-center grid pl-4">
|
|
<a class="textline1"
|
|
target="_blank"
|
|
href="https://webportal.bangkok.go.th/KSB/page/top/1119/%E0%B8%81%E0%B8%AD%E0%B8%87%E0%B8%AA%E0%B8%A3%E0%B8%A3%E0%B8%AB%E0%B8%B2%E0%B8%9A%E0%B8%B8%E0%B8%84%E0%B8%84%E0%B8%A5">
|
|
กองสรรหาบุคคล
|
|
</a>
|
|
<div class="textline2">สำนักงาน ก.ก.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex-none gap-2">
|
|
<div class="dropdown lg:hidden">
|
|
<!-- svelte-ignore a11y-label-has-associated-control -->
|
|
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
|
<label tabindex="0" class="btn btn-ghost ">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
|
|
</label>
|
|
<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
|
|
<ul tabindex="0" style="width: 150px;" class="menu menu-compact dropdown-content mt-3 right-0 p-2 shadow bg-base-100 rounded-box w-52">
|
|
<li ><a class="hover:text-gray-500 active:bg-white" href="/">หน้าหลัก</a></li>
|
|
<li><a class="hover:text-gray-500 active:bg-white" href="/qualifying">การสอบคัดเลือก</a></li>
|
|
<li><a class="hover:text-gray-500 active:bg-white" href="/competitive">การสอบแข่งขัน</a></li>
|
|
<li><a class="hover:text-gray-500 active:bg-white" href="/about">เกี่ยวกับเรา</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="tabs hidden lg:flex w-full"><!-- tab-active -->
|
|
<a href="/" class="tab " >หน้าแรก</a>
|
|
<a href="/qualifying" class="tab ">การสอบคัดเลือก</a>
|
|
<a href="/competitive" class="tab">การสอบแข่งขัน</a>
|
|
<a href="/about" class="tab">เกี่ยวกับเรา</a>
|
|
</div>
|
|
<!-- <button class="btn btn-primary btn-outline">
|
|
<i class="fa-solid fa-arrow-right-to-bracket"></i>
|
|
<span class="pl-3">เข้าสู่ระบบ</span>
|
|
</button> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.textline1{
|
|
line-height:1.2rem !important;
|
|
font-weight: 400;
|
|
/* color: #02A998; */
|
|
}
|
|
.textline2{
|
|
font-size: 0.80rem;
|
|
line-height:1.3rem !important;
|
|
letter-spacing: 0.05rem;
|
|
font-weight: 400;
|
|
color: #96a9ad;
|
|
}
|
|
</style> |