<div class="flex min-h-screen w-full flex-col bg-slate-300">
	<nav class="mx-auto flex h-14 w-full max-w-xl items-center justify-between border-b-2">
	
	<!-- head -->
		<div>Shivaji.dev</div>
		<div class="flex space-x-6">
			<div>Home</div>
			<div>Contact</div>
		</div>
	</nav>
	
	<main class="grow ">
	<!-- main content -->
		<h2 class="text-center mt-2">welcome to Shivaji...</h2>
	</main>
	
	<footer class="flex h-14 items-center justify-center bg-slate-400">
		<!-- Footer -->
		<h2>@Shivaji</h2>
	</footer>
</div>