<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">
			กองสรรหาบุคคล
		</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>