about

contact

services

home

<header class="w-full flex flex-col z-50 bg-white"><div class="container mx-auto flex justify-between items-center gap-8 py-4 px-8 xl:px-0"><img src="http://res.cloudinary.com/dvoeyxocj/image/upload/v1721726228/Timgad_Trading_Logo_yjza5z.webp" alt="Logo" id="i84r" class="max-w-32"><div class="flex flex-row justify-start items-center gap-2"><ul class="flex flex-row justify-center items-center gap-2"><li id="ipdl"><a href="mailto:info@timgadtrading.com" id="imil" class="flex flex-col items-center px-1 sm:px-2 py-1 rounded-full border transition hover:bg-gray-100"><div class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path></svg><p class="hidden sm:block">Email</p></div></a></li><li id="iz4uo"><a href="tel:0542919075" id="iy2k4" class="flex flex-col items-center px-1 sm:px-2 py-1 rounded-full border transition hover:bg-gray-100"><div class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path></svg><p class="hidden sm:block">Phone</p></div></a></li><li class="hidden lg:block"><form class="flex flex-row justify-start items-center border rounded-full overflow-hidden"><input type="text" name="search" placeholder="Search..." class="min-w-[25ch] px-2 font-light"><button type="submit" class="size-8 p-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokewidth="{1.5}" stroke="currentColor" classname="size-6"><path strokelinecap="round" strokelinejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path></svg></button></form></li></ul><button id="menu-button" class="lg:hidden rounded-sm text-[#980404] z-50"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div><div id="izlsq" class="hidden lg:block bg-blue-500"><div id="ivu13" class="container mx-auto flex justify-between items-center gap-8 py-4 px-8 xl:px-0"><ul class="header-nav flex justify-center items-center gap-4 text-white"><li><a href="/en/about" class="font-light">About Us</a></li><li><a href="/en/contact" class="font-light">Contact Us</a></li><li><a href="/en/services" class="font-light">Services</a></li><li><a href="/en/home" class="font-light">Home</a></li></ul><div id="language-switcher"></div></div></div><div id="menu" class="fixed inset-0 hidden flex flex-col gap-8 h-screen px-8 py-8 bg-white text-black z-40 transition opacity-0 -translate-x-full"><ul id="menu-items" class="header-nav flex flex-col gap-4 text-sm"><li class="transition translate-y-full opacity-0"><a href="/en/about">About Us</a></li><li class="transition translate-y-full opacity-0"><a href="/en/contact">Contact Us</a></li><li class="transition translate-y-full opacity-0"><a href="/en/services">Services</a></li><li class="transition translate-y-full opacity-0"><a href="/en/home">Home</a></li></ul></div></header><main class="flex-1"><section class="relative w-full"><img src="http://res.cloudinary.com/dvoeyxocj/image/upload/v1721726228/Page_Hero_1600x900_emtgtg.webp" alt="Hero banner" id="ivezs" class="w-full aspect-[4/6] md:aspect-[6/4] lg:aspect-[16/6] object-cover brightness-50"><div class="absolute inset-0 container mx-auto flex flex-col justify-center items-center md:items-start gap-6 py-32 px-8 xl:px-0"><h5 id="i4ztx" class="max-w-[20ch] text-3xl lg:text-6xl text-white text-center md:text-start font-bold">Contact Us</h5></div></section><section id="i9xla" class="w-full"><div class="container mx-auto grid grid-cols-1 lg:grid-cols-2 gap-8 py-16 px-8 xl:px-0"><div><p id="iopmq" class="text-2xl mb-2">For direct contact</p><p id="ic4eg" class="max-w-prose text-lg text-gray-500 font-light">Leave your message on one of the available addresses and you will be contacted as soon as possible</p><p id="ihegs" class="max-w-prose text-sm text-gray-500 font-light mb-8">United Arab Emirates Abu Dhabi - Al Ain</p><iframe frameborder="0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14432.377919018818!2d55.330193!3d25.267407!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f5cc411f550db%3A0xfc325ef9d2e07330!2sHamarain%20Center!5e0!3m2!1sen!2seg!4v1721118813009!5m2!1sen!2seg" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" id="iewpg" class="w-full aspect-video rounded-md"></iframe></div><form class="flex flex-col gap-4"><div class="flex flex-row items-center gap-2"><label for="first_name" class="flex-1 flex flex-col gap-2 text-sm"><p>First name</p><input type="text" name="first_name" id="first_name" placeholder="Lorem" required="" class="w-full border rounded-xl px-4 py-2 font-light"></label><label for="last_name" class="flex-1 flex flex-col gap-2 text-sm"><p>Last name</p><input type="text" name="last_name" id="last_name" placeholder="Ipsum" required="" class="w-full border rounded-xl px-4 py-2 font-light"></label></div><label for="email" class="flex flex-col gap-2 text-sm"><p>Email address</p><input type="email" name="email" id="email" placeholder="username@email.com" required="" class="w-full border rounded-xl px-4 py-2 font-light"></label><label for="subject" class="flex flex-col gap-2 text-sm"><p>Subject</p><input type="text" name="subject" id="subject" placeholder="Lorem Ipsum" required="" class="w-full border rounded-xl px-4 py-2 font-light"></label><label for="message" class="flex flex-col gap-2 text-sm"><p>Message</p><textarea type="text" name="message" id="message" placeholder="Lorem ipsum dolor sit amet consectetur adipisicing." rows="5" required="" class="w-full border rounded-xl px-4 py-2 font-light resize-none"></textarea></label><button type="submit" id="id29kc" class="bg-indigo-500 text-white px-4 py-2 rounded-full transition hover:bg-indigo-700 mt-4">Send</button></form></div></section></main><footer id="i12fsx" class="border-t"><div class="container mx-auto py-8 px-8 xl:px-0 flex flex-col gap-4"><ul class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4"><li class="flex flex-col justify-start items-start gap-8"><img src="http://res.cloudinary.com/dvoeyxocj/image/upload/v1721726228/Timgad_Trading_Logo_yjza5z.webp" alt="Logo" id="ierqxm" class="max-w-32"><p id="itydvd" class="max-w-prose text-lg text-start text-gray-500 font-light">Our company specialized in Importing &amp; exporting several goods as Food Supplies</p></li><li class="flex flex-col justify-start items-start gap-4"><h6 class="text-2xl">Useful links</h6><ul class="footer-nav flex flex-col gap-2"><li><a href="/en/about" class="text-gray-500 font-light">About Us</a></li><li><a href="/en/contact" class="text-gray-500 font-light">Contact Us</a></li><li><a href="/en/services" class="text-gray-500 font-light">Services</a></li><li><a href="/en/home" class="text-gray-500 font-light">Home</a></li></ul></li><li id="iw7yxs" class="flex flex-col justify-start items-start gap-4"><h6 class="text-2xl">Get in touch</h6><ul class="flex flex-col gap-2"><li id="izifnu"><a href="tel:0542919075" id="iquwvd" class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path></svg><p id="i80njq" class="text-gray-500 font-light">0542919075</p></a></li><li id="i2spn7"><a href="tel:042561185" id="i59h3i" class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"></path></svg><p id="ibvwxo" class="text-gray-500 font-light">042561185</p></a></li><li><a href="mailto:info@timgadtrading.com" id="izsfob" class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path></svg><p id="ikgw01" class="text-gray-500 font-light">info@timgadtrading.com</p></a></li><li><a href="#" class="flex flex-row items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-gray-500"><path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"></path><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"></path></svg><p id="iep0pa" class="text-gray-500 font-light">Dubai, United Arab Emirates</p></a></li></ul></li><li class="flex flex-col justify-start items-start gap-4"><h6 class="text-2xl">Newsletter</h6><form id="imxkc7" class="newsletter-form w-full flex flex-row justify-start items-center gap-2"><input type="email" name="email" id="email-2" placeholder="username@email.com" required="" class="flex-1 border rounded-xl px-4 py-2 font-light"><button type="submit" id="icq1wt" class="flex flex-row justify-center items-center p-2 rounded-full bg-indigo-500 text-white transition hover:bg-indigo-700"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 rtl:scale-x-[-1]"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"></path></svg></button></form><p id="i5n9ye" class="max-w-prose text-xs text-gray-500 font-light">Stay updated with the latest news, exclusive offers, and insightful articles. Join our community and never miss out on what’s new!</p></li></ul><hr class="w-full"><p class="text-center">Copyrights 2024. All rights reserved</p></div></footer>
		<style type="text/tailwindcss">
			@layer base {
				:root {
					--palette-primary: #EBBA4C;
					--palette-secondary: #000000;
					--background-default: #FFFFFF;
					--background-paper: #F7F7F7;
					--text-primary: #000000;
					--text-secondary: #838383;
					--text-tertiary: null;
					--border-main: null;
				}
			}
		</style>

		<script>
			tailwind.config = {
				theme: {
					extend: {
						colors: {
							cp_palette_primary: 'var(--palette-primary)',
							cp_palette_secondary: 'var(--palette-secondary)',
							cp_background_default: 'var(--background-default)',
							cp_background_paper: 'var(--background-paper)',
							cp_text_primary: 'var(--text-primary)',
							cp_text_secondary: 'var(--text-secondary)',
							cp_text_tertiary: 'var(--text-tertiary)',
							cp_borders_main: 'var(--borders-main)'
						}
					}
				}
			};
		</script>
	