<![CDATA[traval <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel – Discover Worldwide</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Poppins', sans-serif;
background-color: #FFD54F;
margin: 0;
padding: 0;
}
.main-card {
border-radius: 50px;
overflow: hidden;
background: white;
box-shadow: 0 50px 100px rgba(0,0,0,0.2);
}
.yellow-bg {
background-color: #FFB300;
border-top-left-radius: 150px;
position: relative;
overflow: hidden;
}
.orange-bg {
background-color: #F8941E;
border-top-right-radius: 120px;
}
/* Image Styling */
.travel-img {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.85;
}
/* Overlay for better text visibility */
.overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom right, rgba(255,179,0,0.7), rgba(0,0,0,0.3));
z-index: 5;
}
</style>
</head>
<body>
<!-- Top Half -->
<!-- Left Content -->
TRAVEL Logo
<h1>
DISCOVER<br>
Worldwide
</h1>
<p>
Ready for your next adventure? Explore the most beautiful places on Earth with our exclusive travel packages.
</p>
<button>
EXPLORE
</button>
<button>
BOOK NOW
</button>
<!-- Right Side (Real Image) -->
<!-- NAV -->
<a href="#">HOME</a>
<a href="#">ABOUT US</a>
<a href="#">BOOKING</a>
<a href="#">CONTACT US</a>
<!-- REAL TRAVEL IMAGE -->
<img
src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e"
alt="Tropical beach travel destination"
class="travel-img"
/>
<!-- Globe Icon -->
🌍
<!-- Bottom Section -->
<!-- OFF -->
<h2>
20%<br>OFF
</h2>
<p>
Code: TRAVEL2024
</p>
<!-- Asian -->
<h3>
Asian
</h3>
<p>
Visit the exotic beaches and historic temples of Asia.
</p>
<a href="#">
READ MORE
</a>
<!-- Europe -->
<h3>
Europe
</h3>
<p>
Discover the classic architecture and culture of Europe.
</p>
<a href="#">
READ MORE
</a>
<!-- Book -->
<h3>BOOK NOW</h3>
<p>
Secure your dream vacation today with easy booking.
</p>
→
</body>
</html>]]>
