Skip to content

index.html #697

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed

index.html #697

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
166 changes: 166 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,166 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="mongodb://localhost:27017/jasmine"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<title>Web Design Mastery | MyTravel.com</title>
</head>
<body>
<nav>
<div class="nav__logo"><a href="#">MyTravel.com</a></div>
<ul class="nav__links">
<li class="link">Home</li>
<a href="blogs.html">
<li class="link">Blog</li>
</a>
<a href="offers.html">
<li class="link">Offers</li>
</a>
<a href="services.html">
<li class="link">Services</li>
</a>
<a href="contacts.html">
<li class="link">Contacts</li>
</a>
</ul>
</nav>
<header>
<div class="section__container">
<div class="header__content">
<h1>Travel</h1>
<p>
Embark on a journey of a lifetime and explore the world's most
breathtaking destinations with our expert travel advice. From exotic
beaches to cultural wonders, we've got you covered with our
comprehensive travel guides and insider tips.
</p>
<a href="booking.html">
<button>Booking</button>
</a>
</div>
</div>
</header>
<section class="journey__container">
<div class="section__container">
<h2 class="section__title">Start Your Journey</h2>
<p class="section__subtitle">The most searched countries </p>
<div class="journey__grid">
<div class="country__card">
<img src="india.jpg" alt="country" />
<div class="country__name">
<i class="ri-map-pin-2-fill"></i>
<span>India</span>
</div>
</div>
<div class="country__card">
<img src="italy.jpeg" alt="country" />
<div class="country__name">
<i class="ri-map-pin-2-fill"></i>
<span>Vernazza, Italy</span>
</div>
</div>
<div class="country__card">
<img src=".vscode/licensed-image.jpeg" alt="country" />
<div class="country__name">
<i class="ri-map-pin-2-fill"></i>
<span>San Francisco</span>
</div>
</div>
<div class="country__card">
<img src="greece.jpg" alt="country" />
<div class="country__name">
<i class="ri-map-pin-2-fill"></i>
<span>navagio, Greece</span>
</div>
</div>
<div class="country__card">
<img src="japan.jpeg" alt="country" />
<div class="country__name">
<i class="ri-map-pin-2-fill"></i>
<span>Japan</span>
</div>
</div>
<div class="country__card">
<img src="thailand.jpg" alt="country" />
<div class="country__name">
<i class="ri-map-pin-2-fill"></i>
<span>Phi Phi Island, Thailand</span>
</div>
</div>
</div>
</div>
</section>

<section class="banner__container">
<div class="section__container">
<div class="banner__content">
<h2>Discount 10-30% Off</h2>
<p>
Travel the world on a budget with our unbeatable discounted travel
deals. Whether you're looking for a last-minute escape or planning
ahead, we've got you covered with incredible discounts on flights,
hotels, and packages. Don't wait, book now and experience the
adventure of a lifetime without breaking the bank.
</p>
<a href="seetours.html">
<button>See Tours</button>
</a>
</div>
</div>
</section>

<section class="display__container">
<div class="section__container">
<h2 class="section__title">Why Choose Us</h2>
<p class="section__subtitle">
The gladdest moment in human life, is a departure into unknown lands.
</p>
<div class="display__grid">
<div class="display__card grid-1">
<img src="grid.jpeg" alt="grid" />
</div>
<div class="display__card">
<i class="ri-earth-line"></i>
<h4>Passionate Travel</h4>
<p>Fuel your passion for adventure and discover new horizons</p>
</div>
<div class="display__card">
<img src="ireland.jpg" alt="grid" />
</div>
<div class="display__card">
<img src="switzerland.jpeg" alt="grid" />
</div>
<div class="display__card">
<i class="ri-road-map-line"></i>
<h4>Beautiful Places</h4>
<p>Uncover the world's most breathtakingly beautiful places</p>
</div>
</div>
</div>
</section>
<footer>
<div class="section__container">
<h4>MyTravel.com</h4>
<div class="social__icons">
<span><i class="ri-facebook-fill"></i></span>
<span><i class="ri-twitter-fill"></i></span>
<span><i class="ri-instagram-line"></i></span>
<span><i class="ri-linkedin-fill"></i></span>
</div>
<p>
Travel makes one modest. You see what a tiny place you occupy in the
world.
</p>
</div>
</footer>
</body>
</html>