<!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="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles.css" />
<title>Web Design Mastery | Pathway</title>
</head>
<body>
<nav>
<div class="nav__logo">Pathway<span>.</span></div>
<ul class="nav__links">
<li class="link"><a href="#">Home</a></li>
<li class="link"><a href="#">Destinations</a></li>
<li class="link"><a href="#">Pricing</a></li>
<li class="link"><a href="#">Reviews</a></li>
</ul>
<button class="btn">Contact Us</button>
</nav>
<header>
<div class="section__container header__container">
<div class="header__image">
<img src="assets/header-1.jpg" alt="header" />
<img src="assets/header-2.jpg" alt="header" />
</div>
<div class="header__content">
<div>
<p class="sub__header">Book Now</p>
<h1>The Smiling 😊<br />agent for travel</h1>
<p class="section__subtitle">
Make your travel more enjoyable with us. We are the best travel
agency and we are providing the best travel services for our
clients.
</p>
<div class="action__btns">
<button class="btn">Plan a Trip</button>
<div class="story">
<div class="video__image">
<img src="assets/story.jpg" alt="story" />
<span><i class="ri-play-fill"></i></span>
</div>
<span>Watch our story</span>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="section__container destination__container">
<div class="section__header">
<div>
<h2 class="section__title">Explore top destinations</h2>
<p class="section__subtitle">
Explore your suitable and dream places around the world. Here you
can find your right destination.
</p>
</div>
<div class="destination__nav">
<span><i class="ri-arrow-left-s-line"></i></span>
<span><i class="ri-arrow-right-s-line"></i></span>
</div>
</div>
<div class="destination__grid">
<div class="destination__card">
<img src="assets/destination-1.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Banff</p>
<p class="destination__subtitle">Canada</p>
</div>
</div>
<div class="destination__card">
<img src="assets/destination-2.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Machu Picchu</p>
<p class="destination__subtitle">Peru</p>
</div>
</div>
<div class="destination__card">
<img src="assets/destination-3.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Lauterbrunnen</p>
<p class="destination__subtitle">Switzerland</p>
</div>
</div>
<div class="destination__card">
<img src="assets/destination-4.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Zhangjiajie</p>
<p class="destination__subtitle">China</p>
</div>
</div>
</div>
</section>
<section class="trip">
<div class="section__container trip__container">
<h2 class="section__title">Best trip package</h2>
<p class="section__subtitle">
Explore your suitable and dream places around the world. Here you can
find your right destination.
</p>
<div class="trip__grid">
<div class="trip__card">
<img src="assets/trip-1.jpg" alt="trip" />
<div class="trip__details">
<p>Wasserwerk Frelberg, Germany</p>
<div class="rating"><i class="ri-star-fill"></i> 4.2</div>
<div class="booking__price">
<div class="price"><span>From</span> $300</div>
<button class="book__now">Book Now</button>
</div>
</div>
</div>
<div class="trip__card">
<img src="assets/trip-2.jpg" alt="trip" />
<div class="trip__details">
<p>Patagonia, Argentina and Chile</p>
<div class="rating"><i class="ri-star-fill"></i> 4.5</div>
<div class="booking__price">
<div class="price"><span>From</span> $450</div>
<button class="book__now">Book Now</button>
</div>
</div>
</div>
<div class="trip__card">
<img src="assets/trip-3.jpg" alt="trip" />
<div class="trip__details">
<p>The Dolomites, Italy</p>
<div class="rating"><i class="ri-star-fill"></i> 4.7</div>
<div class="booking__price">
<div class="price"><span>From</span> $400</div>
<button class="book__now">Book Now</button>
</div>
</div>
</div>
</div>
<div class="view__all">
<button class="btn">View All</button>
</div>
</div>
</section>
<section class="gallary">
<div class="section__container gallary__container">
<div class="image__gallary">
<div class="gallary__col">
<img src="assets/gallery-1.jpg" alt="gallary" />
</div>
<div class="gallary__col">
<img src="assets/gallery-2.jpg" alt="gallary" />
<img src="assets/gallery-3.jpg" alt="gallary" />
</div>
</div>
<div class="gallary__content">
<div>
<h2 class="section__title">
Our trip gallary that will inspire you
</h2>
<p class="section__subtitle">
Explore your suitable and dream places around the world. Here you
can find your right destination.
</p>
<button class="btn">View All</button>
</div>
</div>
</div>
</section>
<section class="subscribe">
<div class="section__container subscribe__container">
<div class="subscribe__content">
<h2 class="section__title">Subscribe to get special prize</h2>
<p class="section__subtitle">
Explore your suitable and dream places around the world. Here you
can find your right destination.
</p>
</div>
<div class="subscribe__form">
<form>
<input type="email" placeholder="Your email here" />
<button class="btn" type="submit">Send</button>
</form>
</div>
</div>
</section>
<footer class="footer">
<div class="section__container footer__container">
<div class="footer__col">
<h3>Pathway<span>.</span></h3>
<p>
Explore your suitable and dream places around the world. Here you
can find your right destination.
</p>
</div>
<div class="footer__col">
<h4>Support</h4>
<p>FAQs</p>
<p>Terms & Conditions</p>
<p>Privacy Policy</p>
<p>Contact Us</p>
</div>
<div class="footer__col">
<h4>Address</h4>
<p>
<span>Address:</span> 280 Wilson Street, Cima, California, 92323,
United States
</p>
<p><span>Email:</span> info@pathway.com</p>
<p><span>Phone:</span> +91 9876543210</p>
</div>
</div>
<div class="footer__bar">
Copyright © 2023 Web Design Mastery. All rights reserved.
</div>
</footer>
</body>
</html>