<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sultans Express - Delivering Excellence in Modern Logistics. Experience seamless and reliable logistics services for all your needs.">
<meta name="keywords" content="logistics, modern logistics, transport services, supply chain">
<meta name="author" content="Sultans Express">
<title>Sultans Express | Modern Logistics Solutions</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
font-family: 'Poppins', sans-serif;
background: linear-gradient(135deg, #f4f4f4, #ffffff);
color: #333;
margin: 0;
padding: 0;
}
.header {
background: linear-gradient(to right, #2c3e50, #4ca1af);
color: white;
padding: 1rem;
position: sticky;
top: 0;
z-index: 1000;
}
.hero {
background: linear-gradient(to bottom, #4ca1af, #2c3e50);
color: white;
text-align: center;
padding: 4rem 2rem;
}
.hero h1 {
font-size: 3rem;
margin-bottom: 1.5rem;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 2rem;
}
.hero button {
background: #f39c12;
color: white;
padding: 0.75rem 2rem;
font-size: 1rem;
border-radius: 5px;
transition: background 0.3s;
}
.hero button:hover {
background: #e67e22;
}
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem auto;
max-width: 1200px;
padding: 2rem;
}
.feature {
background: white;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 2rem;
text-align: center;
transition: transform 0.3s;
}
.feature:hover {
transform: translateY(-5px);
}
footer {
background: #2c3e50;
color: white;
text-align: center;
padding: 1.5rem;
margin-top: 2rem;
}
footer a {
color: #f39c12;
text-decoration: none;
font-weight: bold;
}
footer a:hover {
text-decoration: underline;
}
.cta {
background: linear-gradient(to right, #e67e22, #f39c12);
color: white;
padding: 3rem;
text-align: center;
}
.cta h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.cta p {
font-size: 1.2rem;
margin-bottom: 2rem;
}
.cta button {
background: white;
color: #e67e22;
padding: 0.75rem 2rem;
font-size: 1rem;
border-radius: 5px;
transition: background 0.3s;
}
.cta button:hover {
background: #e67e22;
color: white;
}
.testimonials {
background: #f9f9f9;
padding: 3rem;
}
.testimonial {
background: white;
border-radius: 10px;
padding: 2rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 2rem;
}
.testimonial p {
font-style: italic;
}
.testimonial .author {
font-weight: bold;
margin-top: 1rem;
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container mx-auto flex justify-between items-center">
<h1 class="text-xl font-bold">Sultans Express</h1>
<nav>
<ul class="flex space-x-4">
<li><a href="#services" class="hover:underline">Services</a></li>
<li><a href="#about" class="hover:underline">About Us</a></li>
<li><a href="#contact" class="hover:underline">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="container mx-auto">
<h1>Seamless Logistics, Delivered</h1>
<p>Experience excellence with Sultans Express. Modern solutions for all your transport and logistics needs.</p>
<button>Get Started</button>
</div>
</section>
<!-- Services Section -->
<section id="services" class="features">
<div class="feature">
<h2>Fast Delivery</h2>
<p>Ensure your packages arrive on time with our reliable delivery network. We guarantee on-time delivery with cutting-edge logistics systems and a dedicated team.</p>
</div>
<div class="feature">
<h2>Global Reach</h2>
<p>We connect you to over 200 destinations worldwide with seamless integration. Our international partners ensure your goods are handled with the utmost care.</p>
</div>
<div class="feature">
<h2>Advanced Tracking</h2>
<p>Real-time updates keep you informed every step of the way. From dispatch to delivery, you’ll always know where your package is.</p>
</div>
</section>
<!-- About Section -->
<section id="about" class="features">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-6">About Us</h2>
<p>Sultans Express is a leading logistics provider with years of experience in delivering excellence. Our team is committed to providing efficient, innovative, and reliable logistics solutions tailored to meet our clients' needs. Whether it's global freight forwarding, supply chain management, or local delivery, we excel in every aspect of logistics. Our mission is to simplify logistics and empower businesses to focus on growth while we handle the complexities of transportation and supply chains.</p>
</div>
</section>
<!-- Call to Action -->
<section class="cta">
<h2>Why Choose Sultans Express?</h2>
<p>With unparalleled service and cutting-edge technology, we are your trusted partner in logistics. Contact us today to learn how we can streamline your operations.</p>
<button>Contact Us</button>
</section>
<!-- Testimonials Section -->
<section class="testimonials">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-6">Testimonials</h2>
<div class="testimonial">
<p>"Sultans Express has transformed our logistics operations. Their commitment to excellence is unmatched."</p>
<p class="author">- John Doe, CEO of ABC Corp</p>
</div>
<div class="testimonial">
<p>"The advanced tracking system and reliable delivery network have been game-changers for our business."</p>
<p class="author">- Jane Smith, Supply Chain Manager</p>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="features">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-6">Contact Us</h2>
<form class="bg-white p-6 shadow rounded-lg">
<div class="mb-4">
<label for="name" class="block text-left text-sm font-bold">Your Name</label>
<input type="text" id="name" class="w-full border border-gray-300 rounded-lg px-4 py-2">
</div>
<div class="mb-4">
<label for="email" class="block text-left text-sm font-bold">Email</label>
<input type="email" id="email" class="w-full border border-gray-300 rounded-lg px-4 py-2">
</div>
<div class="mb-4">
<label for="message" class="block text-left text-sm font-bold">Message</label>
<textarea id="message" class="w-full border border-gray-300 rounded-lg px-4 py-2" rows="4"></textarea>
</div>
<button type="submit" class="bg-blue-600 text-white font-bold py-2 px-6 rounded-lg hover:bg-blue-700">Submit</button>
</form>
</div>
</section>
<!-- Footer -->
<footer>
<p>© 2025 Sultans Express. All rights reserved. <a href="#">Privacy Policy</a></p>
</footer>
</body>
</html>