<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WanderWise - Explore the World</title>
<style>
body {
margin: 0;
font-family: 'Segoe UI', sans-serif;
background-color: #f0f0f0;
}
header {
background-color: #2e8b57;
color: white;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
nav a {
color: white;
margin-left: 20px;
text-decoration: none;
font-weight: 600;
}
.hero {
background: url('https://images.unsplash.com/photo-1507525428034-
b723cf961d3e') no-repeat center center;
background-size: cover;
height: 400px;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}
.hero h1 {
font-size: 3rem;
}
.hero p {
font-size: 1.2rem;
}
.section {
padding: 2rem;
}
.cards {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: space-between;
}
.card {
background: white;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
overflow: hidden;
flex: 1;
min-width: 250px;
max-width: 300px;
}
.card img {
width: 100%;
height: 180px;
object-fit: cover;
}
.card-body {
padding: 1rem;
}
.card-body h3 {
margin: 0.5rem 0;
}
.card-body p {
color: #555;
}
.testimonial {
background-color: #fff;
margin-top: 2rem;
padding: 1rem;
border-left: 4px solid #2e8b57;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 1rem;
margin-top: 3rem;
}
</style>
</head>
<body>
<header>
<div><strong>WanderWise</strong></div>
<nav>
<a href="#">Home</a>
<a href="#">Destinations</a>
<a href="#">Tours</a>
<a href="#">Contact</a>
<a href="#">Login</a>
</nav>
</header>
<div class="hero">
<h1>Your Journey Starts Here</h1>
<p>Discover the world with hand-picked travel experiences</p>
</div>
<section class="section">
<h2>Featured Destinations</h2>
<div class="cards">
<div class="card">
<img src="https://images.unsplash.com/photo-1526772662000-3f88f10405ff"
alt="Paris">
<div class="card-body">
<h3>Paris</h3>
<p>The city of love and lights. Eiffel Tower, cafes & culture await.</p>
</div>
</div>
<div class="card">
<img src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e"
alt="Maldives">
<div class="card-body">
<h3>Maldives</h3>
<p>Crystal-clear waters and luxury villas—perfect for relaxation.</p>
</div>
</div>
<div class="card">
<img src="https://images.unsplash.com/photo-1532911557891-d9c84ed7f2c2"
alt="Tokyo">
<div class="card-body">
<h3>Tokyo</h3>
<p>Experience the future and tradition in Japan’s capital.</p>
</div>
</div>
</div>
</section>
<section class="section">
<h2>What Travelers Say</h2>
<div class="testimonial">
<p>“WanderWise made my honeymoon trip unforgettable! Easy booking and great
service.”</p>
<strong>- Anjali Sharma</strong>
</div>
<div class="testimonial">
<p>“Highly recommended for solo travelers. Their Tokyo tour was amazing!”</p>
<strong>- Ramesh Patel</strong>
</div>
</section>
<footer>
<p>© 2025 WanderWise. All rights reserved.</p>
</footer>
</body>
</html>
