Skip to content

Commit

Permalink
Added HTML Code
Browse files Browse the repository at this point in the history
  • Loading branch information
@apu52
apu52 authored Jan 11, 2024
1 parent 5a5a7dc commit 718113c
Showing 1 changed file with 223 additions and 0 deletions.
223 changes: 223 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,223 @@
<!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>Arpan Codes | Tourguide</title>
</head>
<body>
<nav>
<div class="nav__logo">Tourguide<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="https://i.ibb.co/88Qnjxg/pexels-josh-hild-2422259.jpg" alt="header" />
<img src="https://i.ibb.co/w4Jqjdf/pexels-andrei-tanase-1271619.jpg" alt="header" />
</div>
<div class="header__content">
<div>
<p class="sub__header">Book Now</p>
<h1>Find Your Perfect Getaway<br />Discover the World's Best Kept Secrets</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">
<img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.jpg" type="video/mp4"></img>
<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="https://i.ibb.co/kQ2s7bH/pexels-paulo-marcelo-martins-2412606.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Eiffel Tower</p>
<p class="destination__subtitle">Paris</p>
</div>
</div>
<div class="destination__card">
<img src="https://i.ibb.co/s248xRX/pexels-quang-nguyen-vinh-2132126.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Ho Chi Minn</p>
<p class="destination__subtitle">Vietnam</p>
</div>
</div>
<div class="destination__card">
<img src="https://i.ibb.co/Z2FMDPZ/pexels-sam-kolder-2387871.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Tajmahal</p>
<p class="destination__subtitle">Agra</p>
</div>
</div>
<div class="destination__card">
<img src="https://i.ibb.co/gj3DM28/pexels-alex-azabache-3214958.jpg" alt="destination" />
<div class="destination__details">
<p class="destination__title">Wadi Musa</p>
<p class="destination__subtitle">Jordan</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="https://i.ibb.co/60nvYwQ/Screenshot-2023-07-14-173347.png" alt="trip" />
<div class="trip__details">
<p>Santorini ,Aegean Sea</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="https://i.ibb.co/h1WgH8B/Screenshot-2023-07-14-173807.png" alt="trip" />
<div class="trip__details">
<p>Machu Picchu ,Peru</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="https://i.ibb.co/vc2W0wN/Screenshot-2023-07-14-174151.png" alt="trip" />
<div class="trip__details">
<p>Grand Canyon National Park ,Arizona</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="https://i.ibb.co/ZYDJ6vv/pexels-spencer-davis-4356144.jpg" alt="gallary" />
</div>
<div class="gallary__col">
<img src="https://i.ibb.co/W3HTbYG/pexels-zakaria-boumliha-2827374.jpg" alt="gallary" />
<img src="https://i.ibb.co/KwHd8PQ/pexels-stijn-dijkstra-2499699.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>Tourguide<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> 3/2 Wellington Street, Kolkata , West Bengal , India
</p>
<p><span>Email:</span> tour@tourguide.com</p>
<p><span>Phone:</span> +91 8562145852</p>
</div>
</div>
<div class="footer__bar">
Copyright © 2023 Arpan Chowdhury. All rights reserved.
</div>
</footer>
</body>
</html>

0 comments on commit 718113c

Please sign in to comment.