html_code = ”'<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Voyage De Himalaya – Explore the World</title>
<link href=”https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap” rel=”stylesheet”>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css”>
<style>
:root {
–primary: #ff6b35;
–secondary: #004e89;
–accent: #1a936f;
–dark: #1a1a2e;
–light: #f8f9fa;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Poppins’, sans-serif;
overflow-x: hidden;
background: var(–light);
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: var(–dark);
}
::-webkit-scrollbar-thumb {
background: var(–primary);
border-radius: 5px;
}
/* Navigation */
.navbar {
position: fixed;
top: 0;
width: 100%;
padding: 15px 5%;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 1000;
transition: all 0.3s ease;
}
.navbar.scrolled {
background: rgba(26, 26, 46, 0.95);
backdrop-filter: blur(10px);
padding: 10px 5%;
box-shadow: 0 5px 30px rgba(0,0,0,0.3);
}
.logo {
font-size: 1.8rem;
font-weight: 800;
color: white;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
}
.logo i {
color: var(–primary);
font-size: 2rem;
}
.nav-links {
display: flex;
gap: 30px;
list-style: none;
}
.nav-links a {
color: white;
text-decoration: none;
font-weight: 500;
font-size: 0.95rem;
position: relative;
transition: color 0.3s;
}
.nav-links a::after {
content: ”;
position: absolute;
bottom: -5px;
left: 0;
width: 0;
height: 2px;
background: var(–primary);
transition: width 0.3s;
}
.nav-links a:hover::after {
width: 100%;
}
.nav-links a:hover {
color: var(–primary);
}
.mobile-menu-btn {
display: none;
color: white;
font-size: 1.5rem;
cursor: pointer;
}
/* Hero Section */
.hero {
height: 100vh;
background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)),
url(‘https://images.unsplash.com/photo-1469854523086-cc02fe5d8800?w=1920’) center/cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
.hero-content {
position: relative;
z-index: 2;
max-width: 900px;
padding: 0 20px;
}
.hero-badge {
display: inline-block;
background: rgba(255,107,53,0.2);
border: 1px solid var(–primary);
color: var(–primary);
padding: 8px 20px;
border-radius: 50px;
font-size: 0.9rem;
font-weight: 600;
margin-bottom: 20px;
animation: fadeInDown 1s ease;
}
.hero h1 {
font-size: 4rem;
font-weight: 800;
color: white;
line-height: 1.1;
margin-bottom: 20px;
animation: fadeInUp 1s ease 0.2s both;
}
.hero h1 span {
color: var(–primary);
}
.hero p {
font-size: 1.2rem;
color: rgba(255,255,255,0.9);
margin-bottom: 40px;
animation: fadeInUp 1s ease 0.4s both;
}
.hero-buttons {
display: flex;
gap: 20px;
justify-content: center;
animation: fadeInUp 1s ease 0.6s both;
}
.btn {
padding: 15px 40px;
border-radius: 50px;
font-weight: 600;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
border: none;
}
.btn-primary {
background: var(–primary);
color: white;
box-shadow: 0 10px 30px rgba(255,107,53,0.3);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 15px 40px rgba(255,107,53,0.4);
}
.btn-outline {
background: transparent;
color: white;
border: 2px solid white;
}
.btn-outline:hover {
background: white;
color: var(–dark);
}
/* Floating Cards */
.floating-card {
position: absolute;
background: white;
border-radius: 20px;
padding: 15px 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
display: flex;
align-items: center;
gap: 12px;
animation: float 6s ease-in-out infinite;
}
.floating-card img {
width: 50px;
height: 50px;
border-radius: 12px;
object-fit: cover;
}
.floating-card .info h4 {
font-size: 0.9rem;
color: var(–dark);
}
.floating-card .info p {
font-size: 0.75rem;
color: #666;
margin: 0;
}
.float-1 { bottom: 20%; left: 5%; animation-delay: 0s; }
.float-2 { top: 20%; right: 5%; animation-delay: 2s; }
.float-3 { bottom: 30%; right: 10%; animation-delay: 4s; }
/* Stats Section */
.stats {
background: var(–dark);
padding: 60px 5%;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
text-align: center;
}
.stat-item {
color: white;
}
.stat-item i {
font-size: 2.5rem;
color: var(–primary);
margin-bottom: 15px;
}
.stat-item h3 {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 5px;
}
.stat-item p {
color: rgba(255,255,255,0.7);
font-size: 0.95rem;
}
/* Section Styles */
.section {
padding: 100px 5%;
}
.section-header {
text-align: center;
margin-bottom: 60px;
}
.section-header h2 {
font-size: 2.8rem;
font-weight: 800;
color: var(–dark);
margin-bottom: 15px;
}
.section-header p {
color: #666;
font-size: 1.1rem;
max-width: 600px;
margin: 0 auto;
}
.section-badge {
display: inline-block;
background: rgba(255,107,53,0.1);
color: var(–primary);
padding: 5px 15px;
border-radius: 50px;
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 15px;
}
/* Destinations */
.destinations-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.destination-card {
position: relative;
border-radius: 25px;
overflow: hidden;
height: 400px;
cursor: pointer;
transition: all 0.4s ease;
}
.destination-card:hover {
transform: translateY(-10px);
box-shadow: 0 30px 60px rgba(0,0,0,0.2);
}
.destination-card img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.destination-card:hover img {
transform: scale(1.1);
}
.destination-overlay {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px;
background: linear-gradient(transparent, rgba(0,0,0,0.8));
color: white;
}
.destination-overlay h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 5px;
}
.destination-overlay p {
font-size: 0.9rem;
opacity: 0.9;
}
.destination-badge {
position: absolute;
top: 20px;
right: 20px;
background: var(–primary);
color: white;
padding: 5px 15px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 600;
}
/* Packages */
.packages-section {
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
}
.packages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
}
.package-card {
background: white;
border-radius: 25px;
overflow: hidden;
box-shadow: 0 10px 40px rgba(0,0,0,0.08);
transition: all 0.4s ease;
}
.package-card:hover {
transform: translateY(-10px);
box-shadow: 0 25px 50px rgba(0,0,0,0.15);
}
.package-image {
position: relative;
height: 220px;
overflow: hidden;
}
.package-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.package-card:hover .package-image img {
transform: scale(1.1);
}
.package-tag {
position: absolute;
top: 15px;
left: 15px;
background: var(–accent);
color: white;
padding: 5px 15px;
border-radius: 50px;
font-size: 0.8rem;
font-weight: 600;
}
.package-fav {
position: absolute;
top: 15px;
right: 15px;
background: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s;
}
.package-fav:hover {
background: var(–primary);
color: white;
}
.package-content {
padding: 25px;
}
.package-content h3 {
font-size: 1.3rem;
font-weight: 700;
color: var(–dark);
margin-bottom: 10px;
}
.package-meta {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.package-meta span {
display: flex;
align-items: center;
gap: 5px;
font-size: 0.85rem;
color: #666;
}
.package-meta i {
color: var(–primary);
}
.package-features {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
}
.package-features span {
background: rgba(255,107,53,0.1);
color: var(–primary);
padding: 4px 12px;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 500;
}
.package-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 15px;
border-top: 1px solid #eee;
}
.package-price {
display: flex;
flex-direction: column;
}
.package-price .old-price {
font-size: 0.85rem;
color: #999;
text-decoration: line-through;
}
.package-price .new-price {
font-size: 1.5rem;
font-weight: 800;
color: var(–primary);
}
.package-price .per-person {
font-size: 0.75rem;
color: #666;
}
.btn-book {
background: var(–dark);
color: white;
padding: 10px 25px;
border-radius: 50px;
font-weight: 600;
font-size: 0.9rem;
border: none;
cursor: pointer;
transition: all 0.3s;
}
.btn-book:hover {
background: var(–primary);
}
/* Why Choose Us */
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
.feature-box {
background: white;
padding: 40px 30px;
border-radius: 25px;
text-align: center;
box-shadow: 0 10px 40px rgba(0,0,0,0.05);
transition: all 0.4s ease;
border: 2px solid transparent;
}
.feature-box:hover {
transform: translateY(-10px);
border-color: var(–primary);
box-shadow: 0 20px 50px rgba(0,0,0,0.1);
}
.feature-icon {
width: 80px;
height: 80px;
background: linear-gradient(135deg, var(–primary), #ff8c5a);
border-radius: 25px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 2rem;
color: white;
}
.feature-box h3 {
font-size: 1.2rem;
font-weight: 700;
color: var(–dark);
margin-bottom: 10px;
}
.feature-box p {
color: #666;
font-size: 0.9rem;
line-height: 1.6;
}
/* Testimonials */
.testimonials-section {
background: var(–dark);
color: white;
}
.testimonials-section .section-header h2 {
color: white;
}
.testimonials-section .section-header p {
color: rgba(255,255,255,0.7);
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.testimonial-card {
background: rgba(255,255,255,0.05);
backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 25px;
padding: 35px;
transition: all 0.4s ease;
}
.testimonial-card:hover {
background: rgba(255,255,255,0.1);
transform: translateY(-5px);
}
.testimonial-stars {
color: #ffc107;
margin-bottom: 15px;
font-size: 0.9rem;
}
.testimonial-text {
font-size: 1rem;
line-height: 1.8;
margin-bottom: 20px;
color: rgba(255,255,255,0.9);
}
.testimonial-author {
display: flex;
align-items: center;
gap: 15px;
}
.testimonial-author img {
width: 55px;
height: 55px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(–primary);
}
.testimonial-author h4 {
font-size: 1rem;
font-weight: 600;
}
.testimonial-author p {
font-size: 0.85rem;
color: rgba(255,255,255,0.6);
}
/* Contact Section */
.contact-section {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
position: relative;
overflow: hidden;
}
.contact-container {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.contact-info h2 {
font-size: 2.5rem;
font-weight: 800;
color: white;
margin-bottom: 20px;
}
.contact-info p {
color: rgba(255,255,255,0.9);
font-size: 1.1rem;
margin-bottom: 30px;
line-height: 1.7;
}
.contact-details {
display: flex;
flex-direction: column;
gap: 20px;
}
.contact-item {
display: flex;
align-items: center;
gap: 15px;
color: white;
}
.contact-item i {
width: 50px;
height: 50px;
background: rgba(255,255,255,0.2);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
}
.contact-item div h4 {
font-size: 1rem;
font-weight: 600;
margin-bottom: 3px;
}
.contact-item div p {
font-size: 0.9rem;
color: rgba(255,255,255,0.8);
margin: 0;
}
.contact-form {
background: white;
padding: 40px;
border-radius: 25px;
box-shadow: 0 30px 60px rgba(0,0,0,0.2);
}
.contact-form h3 {
font-size: 1.5rem;
font-weight: 700;
color: var(–dark);
margin-bottom: 25px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
font-size: 0.9rem;
font-weight: 600;
color: var(–dark);
margin-bottom: 8px;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
padding: 14px 18px;
border: 2px solid #e9ecef;
border-radius: 15px;
font-family: ‘Poppins’, sans-serif;
font-size: 0.95rem;
transition: all 0.3s;
outline: none;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
border-color: var(–primary);
box-shadow: 0 0 0 4px rgba(255,107,53,0.1);
}
.form-group textarea {
resize: vertical;
min-height: 120px;
}
.btn-submit {
width: 100%;
background: linear-gradient(135deg, var(–primary), #ff8c5a);
color: white;
padding: 16px;
border: none;
border-radius: 15px;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
}
.btn-submit:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(255,107,53,0.3);
}
/* Footer */
.footer {
background: #0f0f1a;
color: white;
padding: 60px 5% 30px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
.footer-brand h3 {
font-size: 1.8rem;
font-weight: 800;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
}
.footer-brand h3 i {
color: var(–primary);
}
.footer-brand p {
color: rgba(255,255,255,0.6);
line-height: 1.8;
font-size: 0.95rem;
}
.footer-links h4 {
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 20px;
color: white;
}
.footer-links ul {
list-style: none;
}
.footer-links li {
margin-bottom: 12px;
}
.footer-links a {
color: rgba(255,255,255,0.6);
text-decoration: none;
transition: color 0.3s;
font-size: 0.95rem;
}
.footer-links a:hover {
color: var(–primary);
}
.social-links {
display: flex;
gap: 12px;
margin-top: 20px;
}
.social-links a {
width: 45px;
height: 45px;
background: rgba(255,255,255,0.1);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.1rem;
transition: all 0.3s;
}
.social-links a:hover {
background: var(–primary);
transform: translateY(-3px);
}
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 25px;
text-align: center;
color: rgba(255,255,255,0.5);
font-size: 0.9rem;
}
/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
/* Scroll Animation */
.reveal {
opacity: 0;
transform: translateY(50px);
transition: all 0.8s ease;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
/* Responsive */
@media (max-width: 1024px) {
.contact-container {
grid-template-columns: 1fr;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.navbar {
padding: 15px 5%;
}
.nav-links {
display: none;
position: absolute;
top: 70px;
left: 0;
width: 100%;
background: var(–dark);
flex-direction: column;
padding: 20px;
gap: 15px;
}
.nav-links.active {
display: flex;
}
.mobile-menu-btn {
display: block;
}
.hero h1 {
font-size: 2.5rem;
}
.hero-buttons {
flex-direction: column;
align-items: center;
}
.stats {
grid-template-columns: repeat(2, 1fr);
}
.section {
padding: 60px 5%;
}
.section-header h2 {
font-size: 2rem;
}
.floating-card {
display: none;
}
.footer-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.stats {
grid-template-columns: 1fr;
}
.hero h1 {
font-size: 2rem;
}
}
</style>
</head>
<body>
<!– Navigation –>
<nav class=”navbar” id=”navbar”>
<a href=”#” class=”logo”>
<i class=”fas fa-mountain”></i>
Voyage De Himalaya
</a>
<ul class=”nav-links” id=”navLinks”>
<li><a href=”#home”>Home</a></li>
<li><a href=”#destinations”>Destinations</a></li>
<li><a href=”#packages”>Packages</a></li>
<li><a href=”#international”>International</a></li>
<li><a href=”#why-us”>Why Us</a></li>
<li><a href=”#testimonials”>Reviews</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
<div class=”mobile-menu-btn” id=”mobileMenuBtn”>
<i class=”fas fa-bars”></i>
</div>
</nav>
<!– Hero Section –>
<section class=”hero” id=”home”>
<div class=”hero-content”>
<div class=”hero-badge”>
<i class=”fas fa-star”></i> Top Rated Travel Agency in India
</div>
<h1>Discover Your Next <span>Adventure</span></h1>
<p>Explore breathtaking destinations across India, Nepal, Bhutan, Thailand & Bali with our expertly curated travel packages.</p>
<div class=”hero-buttons”>
<a href=”#packages” class=”btn btn-primary”>
<i class=”fas fa-compass”></i> Explore Packages
</a>
<a href=”#contact” class=”btn btn-outline”>
<i class=”fas fa-phone”></i> Contact Us
</a>
</div>
</div>
<div class=”floating-card float-1″>
<img src=”https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=100″ alt=”Swiss”>
<div class=”info”>
<h4>Swiss Alps</h4>
<p>12 Tours Available</p>
</div>
</div>
<div class=”floating-card float-2″>
<img src=”https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=100″ alt=”Bali”>
<div class=”info”>
<h4>Bali Beach</h4>
<p>8 Tours Available</p>
</div>
</div>
<div class=”floating-card float-3″>
<img src=”https://images.unsplash.com/photo-1544735716-392fe2489ffa?w=100″ alt=”Thailand”>
<div class=”info”>
<h4>Thailand</h4>
<p>15 Tours Available</p>
</div>
</div>
</section>
<!– Stats Section –>
<section class=”stats”>
<div class=”stat-item”>
<i class=”fas fa-users”></i>
<h3>15,000+</h3>
<p>Happy Travelers</p>
</div>
<div class=”stat-item”>
<i class=”fas fa-map-marked-alt”></i>
<h3>500+</h3>
<p>Destinations</p>
</div>
<div class=”stat-item”>
<i class=”fas fa-award”></i>
<h3>10+</h3>
<p>Years Experience</p>
</div>
<div class=”stat-item”>
<i class=”fas fa-smile”></i>
<h3>4.9/5</h3>
<p>Customer Rating</p>
</div>
</section>
<!– Destinations Section –>
<section class=”section” id=”destinations”>
<div class=”section-header reveal”>
<div class=”section-badge”>Popular Destinations</div>
<h2>Explore Amazing Places</h2>
<p>From the majestic Himalayas to tropical beaches, discover destinations that will take your breath away.</p>
</div>
<div class=”destinations-grid”>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1506197603052-3cc9c3a201bd?w=600″ alt=”India”>
<span class=”destination-badge”>Popular</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-landmark”></i> India</h3>
<p>Golden Triangle, Rajasthan, Kerala, Goa & more</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1552465011-b4e21bf6b79a?w=600″ alt=”Thailand”>
<span class=”destination-badge”>Trending</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-umbrella-beach”></i> Thailand</h3>
<p>Bangkok, Phuket, Chiang Mai, Pattaya</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1626262886066-5190b7323c81?w=600″ alt=”Bhutan”>
<span class=”destination-badge”>Hidden Gem</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-praying-hands”></i> Bhutan</h3>
<p>Paro, Thimphu, Punakha, Tiger’s Nest</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1518098268026-4e89f1a2cd8e?w=600″ alt=”Nepal”>
<span class=”destination-badge”>Adventure</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-mountain”></i> Nepal</h3>
<p>Kathmandu, Pokhara, Everest Base Camp</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=600″ alt=”Bali”>
<span class=”destination-badge”>Best Seller</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-water”></i> Bali</h3>
<p>Ubud, Seminyak, Uluwatu, Nusa Penida</p>
</div>
</div>
</div>
</section>
<!– Popular Packages Section –>
<section class=”section packages-section” id=”packages”>
<div class=”section-header reveal”>
<div class=”section-badge”>Best Deals</div>
<h2>Popular Tour Packages</h2>
<p>Handpicked packages with the best experiences at unbeatable prices.</p>
</div>
<div class=”packages-grid”>
<!– India Packages –>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1564507592333-c60657eea523?w=600″ alt=”Golden Triangle”>
<span class=”package-tag”>India</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Golden Triangle Tour</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 6 Days</span>
<span><i class=”fas fa-user”></i> 2-15 People</span>
<span><i class=”fas fa-star”></i> 4.8</span>
</div>
<div class=”package-features”>
<span>Delhi</span>
<span>Agra</span>
<span>Jaipur</span>
<span>Taj Mahal</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 45,000</span>
<span class=”new-price”>Rs 32,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1609766857041-ed402ea8069a?w=600″ alt=”Kerala”>
<span class=”package-tag”>India</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Kerala Backwaters</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 5 Days</span>
<span><i class=”fas fa-user”></i> 2-10 People</span>
<span><i class=”fas fa-star”></i> 4.9</span>
</div>
<div class=”package-features”>
<span>Alleppey</span>
<span>Munnar</span>
<span>Houseboat</span>
<span>Tea Gardens</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 38,000</span>
<span class=”new-price”>Rs 28,499</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1512453979798-5ea266888888?w=600″ alt=”Rajasthan”>
<span class=”package-tag”>India</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Rajasthan Royal Tour</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 7 Days</span>
<span><i class=”fas fa-user”></i> 2-12 People</span>
<span><i class=”fas fa-star”></i> 4.7</span>
</div>
<div class=”package-features”>
<span>Udaipur</span>
<span>Jodhpur</span>
<span>Jaisalmer</span>
<span>Desert Safari</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 52,000</span>
<span class=”new-price”>Rs 39,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<!– International Packages –>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1553603227-2358e3a6d426?w=600″ alt=”Thailand”>
<span class=”package-tag”>Thailand</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Thailand Beach Escape</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 6 Days</span>
<span><i class=”fas fa-user”></i> 2-20 People</span>
<span><i class=”fas fa-star”></i> 4.8</span>
</div>
<div class=”package-features”>
<span>Bangkok</span>
<span>Phuket</span>
<span>Phi Phi</span>
<span>Island Hopping</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 65,000</span>
<span class=”new-price”>Rs 49,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1626262886066-5190b7323c81?w=600″ alt=”Bhutan”>
<span class=”package-tag”>Bhutan</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Bhutan Spiritual Journey</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 7 Days</span>
<span><i class=”fas fa-user”></i> 2-8 People</span>
<span><i class=”fas fa-star”></i> 4.9</span>
</div>
<div class=”package-features”>
<span>Paro</span>
<span>Thimphu</span>
<span>Tiger’s Nest</span>
<span>Monasteries</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 75,000</span>
<span class=”new-price”>Rs 58,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1544735716-392fe2489ffa?w=600″ alt=”Nepal”>
<span class=”package-tag”>Nepal</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Nepal Himalayan Trek</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 8 Days</span>
<span><i class=”fas fa-user”></i> 4-12 People</span>
<span><i class=”fas fa-star”></i> 4.8</span>
</div>
<div class=”package-features”>
<span>Kathmandu</span>
<span>Pokhara</span>
<span>Annapurna</span>
<span>Trekking</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 55,000</span>
<span class=”new-price”>Rs 42,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=600″ alt=”Bali”>
<span class=”package-tag”>Bali</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Bali Paradise Tour</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 6 Days</span>
<span><i class=”fas fa-user”></i> 2-15 People</span>
<span><i class=”fas fa-star”></i> 4.9</span>
</div>
<div class=”package-features”>
<span>Ubud</span>
<span>Seminyak</span>
<span>Uluwatu</span>
<span>Beaches</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 72,000</span>
<span class=”new-price”>Rs 55,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=600″ alt=”Goa”>
<span class=”package-tag”>India</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Goa Beach Party</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 4 Days</span>
<span><i class=”fas fa-user”></i> 2-20 People</span>
<span><i class=”fas fa-star”></i> 4.7</span>
</div>
<div class=”package-features”>
<span>North Goa</span>
<span>South Goa</span>
<span>Water Sports</span>
<span>Nightlife</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 25,000</span>
<span class=”new-price”>Rs 18,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
<div class=”package-card reveal”>
<div class=”package-image”>
<img src=”https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?w=600″ alt=”Himachal”>
<span class=”package-tag”>India</span>
<div class=”package-fav”><i class=”far fa-heart”></i></div>
</div>
<div class=”package-content”>
<h3>Himachal Adventure</h3>
<div class=”package-meta”>
<span><i class=”far fa-clock”></i> 6 Days</span>
<span><i class=”fas fa-user”></i> 2-10 People</span>
<span><i class=”fas fa-star”></i> 4.8</span>
</div>
<div class=”package-features”>
<span>Manali</span>
<span>Shimla</span>
<span>Rohtang</span>
<span>Paragliding</span>
</div>
<div class=”package-footer”>
<div class=”package-price”>
<span class=”old-price”>Rs 35,000</span>
<span class=”new-price”>Rs 26,999</span>
<span class=”per-person”>per person</span>
</div>
<button class=”btn-book”>Book Now</button>
</div>
</div>
</div>
</div>
</section>
<!– International Trips Highlight –>
<section class=”section” id=”international”>
<div class=”section-header reveal”>
<div class=”section-badge”>International</div>
<h2>International Trips</h2>
<p>Explore the world with our curated international travel packages.</p>
</div>
<div class=”destinations-grid”>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1528181304800-259b08848526?w=600″ alt=”Thailand”>
<span class=”destination-badge”>Starting Rs 49,999</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-umbrella-beach”></i> Thailand</h3>
<p>Bangkok, Phuket, Krabi, Pattaya – 6 to 10 Days</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=600″ alt=”Bali”>
<span class=”destination-badge”>Starting Rs 55,999</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-water”></i> Bali, Indonesia</h3>
<p>Ubud, Seminyak, Nusa Penida – 5 to 7 Days</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1626262886066-5190b7323c81?w=600″ alt=”Bhutan”>
<span class=”destination-badge”>Starting Rs 58,999</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-praying-hands”></i> Bhutan</h3>
<p>Paro, Thimphu, Punakha – 6 to 8 Days</p>
</div>
</div>
<div class=”destination-card reveal”>
<img src=”https://images.unsplash.com/photo-1518098268026-4e89f1a2cd8e?w=600″ alt=”Nepal”>
<span class=”destination-badge”>Starting Rs 42,999</span>
<div class=”destination-overlay”>
<h3><i class=”fas fa-mountain”></i> Nepal</h3>
<p>Kathmandu, Pokhara, Everest – 5 to 10 Days</p>
</div>
</div>
</div>
</section>
<!– Why Choose Us –>
<section class=”section” id=”why-us”>
<div class=”section-header reveal”>
<div class=”section-badge”>Our Benefits</div>
<h2>Why Choose Voyage De Himalaya?</h2>
<p>We make your travel experience unforgettable with our premium services.</p>
</div>
<div class=”features-grid”>
<div class=”feature-box reveal”>
<div class=”feature-icon”>
<i class=”fas fa-tags”></i>
</div>
<h3>Best Price Guarantee</h3>
<p>We offer the most competitive prices without compromising on quality and comfort.</p>
</div>
<div class=”feature-box reveal”>
<div class=”feature-icon”>
<i class=”fas fa-headset”></i>
</div>
<h3>24/7 Support</h3>
<p>Our dedicated team is available round the clock to assist you during your journey.</p>
</div>
<div class=”feature-box reveal”>
<div class=”feature-icon”>
<i class=”fas fa-hotel”></i>
</div>
<h3>Handpicked Hotels</h3>
<p>Stay at carefully selected hotels that meet our high standards of comfort.</p>
</div>
<div class=”feature-box reveal”>
<div class=”feature-icon”>
<i class=”fas fa-shield-alt”></i>
</div>
<h3>Safe & Secure</h3>
<p>Your safety is our priority. All trips include travel insurance and safety protocols.</p>
</div>
</div>
</section>
<!– Testimonials –>
<section class=”section testimonials-section” id=”testimonials”>
<div class=”section-header reveal”>
<div class=”section-badge” style=”background: rgba(255,255,255,0.1); color: white;”>Testimonials</div>
<h2>What Our Travelers Say</h2>
<p>Real stories from real travelers who explored the world with us.</p>
</div>
<div class=”testimonials-grid”>
<div class=”testimonial-card reveal”>
<div class=”testimonial-stars”>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
</div>
<p class=”testimonial-text”>”The Bhutan trip was absolutely magical! Tiger’s Nest trek was the highlight. Voyage De Himalaya made everything so smooth.”</p>
<div class=”testimonial-author”>
<img src=”https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100″ alt=”Rahul”>
<div>
<h4>Rahul Sharma</h4>
<p>Bhutan Tour, 2024</p>
</div>
</div>
</div>
<div class=”testimonial-card reveal”>
<div class=”testimonial-stars”>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
</div>
<p class=”testimonial-text”>”Bali package was worth every penny! Beautiful hotels, amazing guides, and the sunset at Uluwatu was unforgettable.”</p>
<div class=”testimonial-author”>
<img src=”https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100″ alt=”Priya”>
<div>
<h4>Priya Patel</h4>
<p>Bali Tour, 2024</p>
</div>
</div>
</div>
<div class=”testimonial-card reveal”>
<div class=”testimonial-stars”>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star”></i>
<i class=”fas fa-star-half-alt”></i>
</div>
<p class=”testimonial-text”>”Thailand beach escape was fantastic! Island hopping in Phi Phi was a dream come true. Highly recommend!”</p>
<div class=”testimonial-author”>
<img src=”https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100″ alt=”Amit”>
<div>
<h4>Amit Kumar</h4>
<p>Thailand Tour, 2024</p>
</div>
</div>
</div>
</div>
</section>
<!– Contact Section –>
<section class=”section contact-section” id=”contact”>
<div class=”contact-container”>
<div class=”contact-info reveal”>
<h2>Plan Your Dream Trip Today!</h2>
<p>Get in touch with our travel experts and let us craft the perfect itinerary for your next adventure.</p>
<div class=”contact-details”>
<div class=”contact-item”>
<i class=”fas fa-phone-alt”></i>
<div>
<h4>Phone</h4>
<p>+91 70180 23659</p>
</div>
</div>
<div class=”contact-item”>
<i class=”fas fa-envelope”></i>
<div>
<h4>Email</h4>
<p>info@voyagedehimalaya.com</p>
</div>
</div>
<div class=”contact-item”>
<i class=”fas fa-map-marker-alt”></i>
<div>
<h4>Address</h4>
<p>New Delhi, India</p>
</div>
</div>
<div class=”contact-item”>
<i class=”fas fa-clock”></i>
<div>
<h4>Working Hours</h4>
<p>Mon – Sat: 9:00 AM – 8:00 PM</p>
</div>
</div>
</div>
</div>
<div class=”contact-form reveal”>
<h3>Send Enquiry</h3>
<form>
<div class=”form-group”>
<label>Full Name</label>
<input type=”text” placeholder=”Enter your name” required>
</div>
<div class=”form-group”>
<label>Email Address</label>
<input type=”email” placeholder=”Enter your email” required>
</div>
<div class=”form-group”>
<label>Phone Number</label>
<input type=”tel” placeholder=”Enter your phone” required>
</div>
<div class=”form-group”>
<label>Select Destination</label>
<select required>
<option value=””>Choose a destination</option>
<option value=”india”>India Tours</option>
<option value=”thailand”>Thailand</option>
<option value=”bhutan”>Bhutan</option>
<option value=”nepal”>Nepal</option>
<option value=”bali”>Bali</option>
</select>
</div>
<div class=”form-group”>
<label>Message</label>
<textarea placeholder=”Tell us about your travel plans…”></textarea>
</div>
<button type=”submit” class=”btn-submit”>
<i class=”fas fa-paper-plane”></i> Send Enquiry
</button>
</form>
</div>
</div>
</section>
<!– Footer –>
<footer class=”footer”>
<div class=”footer-grid”>
<div class=”footer-brand”>
<h3><i class=”fas fa-mountain”></i> Voyage De Himalaya</h3>
<p>Your trusted travel partner for exploring the most beautiful destinations across India and the world. We create memories that last a lifetime.</p>
<div class=”social-links”>
<a href=”#”><i class=”fab fa-facebook-f”></i></a>
<a href=”#”><i class=”fab fa-instagram”></i></a>
<a href=”#”><i class=”fab fa-twitter”></i></a>
<a href=”#”><i class=”fab fa-youtube”></i></a>
<a href=”#”><i class=”fab fa-whatsapp”></i></a>
</div>
</div>
<div class=”footer-links”>
<h4>Quick Links</h4>
<ul>
<li><a href=”#home”>Home</a></li>
<li><a href=”#destinations”>Destinations</a></li>
<li><a href=”#packages”>Packages</a></li>
<li><a href=”#international”>International</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</div>
<div class=”footer-links”>
<h4>Destinations</h4>
<ul>
<li><a href=”#”>India</a></li>
<li><a href=”#”>Thailand</a></li>
<li><a href=”#”>Bhutan</a></li>
<li><a href=”#”>Nepal</a></li>
<li><a href=”#”>Bali</a></li>
</ul>
</div>
<div class=”footer-links”>
<h4>Support</h4>
<ul>
<li><a href=”#”>About Us</a></li>
<li><a href=”#”>FAQs</a></li>
<li><a href=”#”>Privacy Policy</a></li>
<li><a href=”#”>Terms & Conditions</a></li>
<li><a href=”#”>Refund Policy</a></li>
</ul>
</div>
</div>
<div class=”footer-bottom”>
<p>Copyright 2024 Voyage De Himalaya. All Rights Reserved. | Designed with love for Travelers</p>
</div>
</footer>
<script>
// Navbar Scroll Effect
window.addEventListener(‘scroll’, function() {
const navbar = document.getElementById(‘navbar’);
if (window.scrollY > 50) {
navbar.classList.add(‘scrolled’);
} else {
navbar.classList.remove(‘scrolled’);
}
});
// Mobile Menu Toggle
const mobileMenuBtn = document.getElementById(‘mobileMenuBtn’);
const navLinks = document.getElementById(‘navLinks’);
mobileMenuBtn.addEventListener(‘click’, function() {
navLinks.classList.toggle(‘active’);
});
// Smooth Scroll
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function(e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
navLinks.classList.remove(‘active’);
}
});
});
// Scroll Reveal Animation
const revealElements = document.querySelectorAll(‘.reveal’);
const revealOnScroll = () => {
const windowHeight = window.innerHeight;
const elementVisible = 100;
revealElements.forEach(element => {
const elementTop = element.getBoundingClientRect().top;
if (elementTop < windowHeight – elementVisible) {
element.classList.add(‘active’);
}
});
};
window.addEventListener(‘scroll’, revealOnScroll);
revealOnScroll();
// Favorite Button Toggle
document.querySelectorAll(‘.package-fav’).forEach(btn => {
btn.addEventListener(‘click’, function(e) {
e.stopPropagation();
const icon = this.querySelector(‘i’);
if (icon.classList.contains(‘far’)) {
icon.classList.remove(‘far’);
icon.classList.add(‘fas’);
this.style.background = ‘#ff6b35’;
this.style.color = ‘white’;
} else {
icon.classList.remove(‘fas’);
icon.classList.add(‘far’);
this.style.background = ‘white’;
this.style.color = ‘inherit’;
}
});
});
</script>
</body>
</html>”’
# Save the file
with open(‘/mnt/agents/output/voyage_de_himalaya_website.html’, ‘w’, encoding=’utf-8′) as f:
f.write(html_code)
print(“Website saved successfully!”)
print(f”File size: {len(html_code)} characters”)