<title>Travel With Us</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Poppins', sans-serif;
background: #fdfdfd;
color: #333;
scroll-behavior: smooth;
}
header {
background: white;
border-bottom: 1px solid #ddd;
padding: 15px 50px;
display: flex;
justify-content: space-between;
align-items: center;
position: sticky;
top: 0;
z-index: 1000;
animation: fadeDown 1s ease;
}
header h1 {
font-family: 'Playfair Display', serif;
font-size: 1.8rem;
color: #1d3557;
}
nav a {
margin-left: 25px;
text-decoration: none;
color: #1d3557;
font-weight: 600;
transition: color 0.3s ease;
}
nav a:hover {
color: #457b9d;
}
.hero {
background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&q=60 ') center/cover no-repeat;
color: white;
text-align: center;
padding: 120px 20px;
animation: fadeIn 1.5s ease;
}
.hero h2 {
font-family: 'Playfair Display', serif;
font-size: 2.8rem;
margin-bottom: 10px;
letter-spacing: 1px;
animation: slideUp 1.2s ease;
}
.hero p {
font-size: 1.1rem;
margin-bottom: 20px;
animation: slideUp 1.4s ease;
}
.hero button {
background: #1d3557;
color: white;
border: none;
padding: 12px 25px;
border-radius: 5px;
cursor: pointer;
font-size: 1rem;
transition: background 0.3s ease, transform 0.3s ease;
animation: fadeUp 1.6s ease;
}
.hero button:hover {
background: #457b9d;
transform: scale(1.05);
}
.section {
max-width: 1100px;
margin: 60px auto;
padding: 0 20px;
animation: fadeIn 1.5s ease;
}
.section h3 {
font-family: 'Playfair Display', serif;
font-size: 1.9rem;
color: #1d3557;
margin-bottom: 25px;
text-align: center;
position: relative;
}
.section h3::after {
content: "";
display: block;
width: 60px;
height: 3px;
background: #457b9d;
margin: 10px auto 0;
border-radius: 2px;
}
.destinations {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.card {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
transform: translateY(0);
transition: transform 0.3s ease, box-shadow 0.3s ease;
animation: fadeUp 1s ease;
}
.card:hover {
transform: translateY(-8px);
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.card img {
width: 100%;
height: 180px;
object-fit: cover;
}
.card .info {
padding: 15px;
}
.card .info h4 {
margin-bottom: 5px;
color: #1d3557;
font-family: 'Playfair Display', serif;
}
.card .info p {
font-size: 0.9rem;
color: #555;
}
.packages {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
.package {
background: white;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
width: 280px;
padding: 25px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
animation: fadeUp 1.2s ease;
}
.package:hover {
transform: translateY(-8px);
box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
.package h4 {
margin-bottom: 10px;
color: #1d3557;
font-family: 'Playfair Display', serif;
}
.package p {
font-size: 0.9rem;
color: #555;
}
.package button {
background: #457b9d;
color: white;
border: none;
padding: 10px 18px;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
transition: background 0.3s ease, transform 0.3s ease;
}
.package button:hover {
background: #1d3557;
transform: scale(1.05);
}
footer {
background: #1d3557;
color: white;
text-align: center;
padding: 20px;
margin-top: 50px;
animation: fadeUp 1.2s ease;
}
footer a {
color: #a8dadc;
margin: 0 10px;
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: white;
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeDown {
from { opacity: 0; transform: translateY(-30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes slideUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 768px) {
header {
flex-direction: column;
}
nav {
margin-top: 10px;
}
}
</style>
Destinations
Packages
About
Contact
Explore the world your way Find destinations, book packages, and make memories that last a lifetime.
Discover
Experience turquoise lakes and mountain views.
Discover ancient temples and modern beauty.
Colorful cities and cultural wonders await.
3 Days | Relax and recharge
Book Now
7 Days | Explore and experience
Book Now
14 Days | See it all
Book Now
We are a team of passionate travelers helping others discover the world with ease. From curated destinations to simple booking experiences, we make travel planning effortless and fun.
<textarea placeholder="Your Message" rows="4" required style="padding:10px; border:1px solid #ccc; border-radius:5px;"></textarea>
Send Message
© 2025 Travel With Us | Made with ❤️ for travelers everywhere
Privacy Policy |
Terms of Service