home

about

contact

services

projects

team

blog


		<header class="container mx-auto px-8 lg:px-16 xl:px-32 pt-16 pb-8 flex flex-row justify-between items-center gap-2">
			<div class="flex flex-col justify-start items-start gap-2">
				<h1 class="text-black text-2xl lg:text-3xl font-bold">Welcome to our blog</h1>
				<div class="flex flex-row justify-start items-center gap-1">
					<a id="header-home-button" href="/ar/" class="text-gray-500 text-sm hover:text-black">Home</a>
					<p class="text-gray-500 text-sm">/</p>
					<p class="text-black text-sm">Blog</p>
				</div>
			</div>
		</header>
		
		<main class="container mx-auto px-8 lg:px-16 xl:px-32 pt-8 pb-16">
			<ul id="blog-listing" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-12"></ul>
		</main>
		<footer class="container mx-auto px-8 lg:px-16 xl:px-32 py-4 flex flex-row justify-center items-center">
			<p class="text-sm text-neutral-400">Copyrights © 2024</p>
		</footer>
	