mirror of
https://github.com/thecyberlearn/victory-web.git
synced 2026-08-18 06:33:01 +00:00
95 lines
4.3 KiB
HTML
95 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Victory Dubai | International Trading LLC</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
body { font-family: 'Poppins', sans-serif; }
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-50 text-gray-800">
|
||
|
||
<!-- Header -->
|
||
<header class="fixed top-0 w-full bg-white/80 backdrop-blur shadow z-30">
|
||
<div class="container mx-auto flex items-center justify-between px-6 py-4">
|
||
<img src="your-logo-path/victory-logo.png" alt="Victory Dubai" class="h-12" />
|
||
<nav class="hidden md:flex space-x-8 text-sm font-medium">
|
||
<a href="#home" class="hover:text-blue-600 transition">Home</a>
|
||
<a href="#about" class="hover:text-blue-600 transition">About</a>
|
||
<a href="#brands" class="hover:text-blue-600 transition">Brands</a>
|
||
<a href="#contact" class="hover:text-blue-600 transition">Contact</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Hero -->
|
||
<section id="home" class="pt-32 pb-24 bg-gradient-to-r from-blue-600 to-blue-800 text-white text-center">
|
||
<div class="container mx-auto px-6">
|
||
<h1 class="text-5xl font-bold mb-6 animate-fadeIn">Empowering Global Trade</h1>
|
||
<p class="text-lg mb-8 max-w-2xl mx-auto animate-fadeIn delay-200">Victory International Trading LLC brings the world’s leading brands and commodities to new markets, driven by excellence and trust for over 35 years.</p>
|
||
<a href="#about" class="inline-block bg-white text-blue-700 font-semibold px-8 py-3 rounded shadow hover:bg-gray-100 transition animate-fadeIn delay-400">Learn More</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- About -->
|
||
<section id="about" class="py-20 bg-white text-center">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-semibold mb-6">About Victory Dubai</h2>
|
||
<p class="max-w-3xl mx-auto text-gray-600 leading-relaxed">Victory International Trading LLC is a trusted global trading company based in Dubai. With a diversified portfolio spanning FMCG, agriculture, tires, and machinery, Victory connects suppliers and buyers across five continents with unparalleled service and commitment.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Brands Grid -->
|
||
<section id="brands" class="py-20 bg-gray-100">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-semibold text-center mb-12">Our Brands</h2>
|
||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6 items-center">
|
||
<!-- Replace src with your brand images -->
|
||
<img src="your-brands/logo1.png" alt="Brand 1" class="object-contain h-24 mx-auto grayscale hover:grayscale-0 transition" />
|
||
<img src="your-brands/logo2.png" alt="Brand 2" class="object-contain h-24 mx-auto grayscale hover:grayscale-0 transition" />
|
||
<img src="your-brands/logo3.png" alt="Brand 3" class="object-contain h-24 mx-auto grayscale hover:grayscale-0 transition" />
|
||
<img src="your-brands/logo4.png" alt="Brand 4" class="object-contain h-24 mx-auto grayscale hover:grayscale-0 transition" />
|
||
<img src="your-brands/logo5.png" alt="Brand 5" class="object-contain h-24 mx-auto grayscale hover:grayscale-0 transition" />
|
||
<!-- Add more logos as needed -->
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Contact -->
|
||
<section id="contact" class="py-20 bg-white text-center">
|
||
<div class="container mx-auto px-6">
|
||
<h2 class="text-4xl font-semibold mb-6">Get in Touch</h2>
|
||
<p class="text-gray-600 mb-4">Email: <a href="mailto:info@victorydubai.com" class="text-blue-600 hover:underline">info@victorydubai.com</a></p>
|
||
<p class="text-gray-600">Phone: +971-4-xxxxxxx</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Footer -->
|
||
<footer class="py-6 bg-gray-800 text-gray-400 text-center text-sm">
|
||
© 2025 Victory International Trading LLC. All rights reserved.
|
||
</footer>
|
||
|
||
<!-- Animations -->
|
||
<style>
|
||
.animate-fadeIn {
|
||
opacity: 0;
|
||
transform: translateY(20px);
|
||
animation: fadeIn 0.8s ease forwards;
|
||
}
|
||
.animate-fadeIn.delay-200 { animation-delay: 0.2s; }
|
||
.animate-fadeIn.delay-400 { animation-delay: 0.4s; }
|
||
|
||
@keyframes fadeIn {
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0);
|
||
}
|
||
}
|
||
</style>
|
||
|
||
</body>
|
||
</html>
|