html code for tourism website
<!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 rel="stylesheet" href="style.css" />
<title>Go Trip</title>
</head>
<body>
<body>
<!--===========Nav Bar=================-->
<section class="nav-bar">
<div class="logo">Go Trip</div>
<ul class="menu">
<li><a href="#">home</a></li>
<li><a href="#">tours</a></li>
<li><a href="#">package</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">about us</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
</section>
<!--===============Banner================-->
<section class="banner">
<div class="banner-text-item">
<div class="banner-heading">
<h1>Find your Next tour!</h1>
</div>
<form class="form">
<input type="text" list="mylist" placeholder="Where would you like to go?">
<datalist id="mylist">
<option>London</option>
<option>Canada</option>
<option>Monaco</option>
<option>France</option>
<option>Japan</option>
<option>Switzerland</option>
<option>Seoul</option>
</datalist>
<input type="date" class="date">
<a href="#" class="book">book</a>
</form>
</div>
</section>
<!--=========Services===============-->
<section class="services">
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293634/tour-guide_onzla9.png">
<h2>8000+ Our Local Guides</h2>
</div>
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293738/reliability_jbpn4g.png">
<h2>100% Trusted Tour Agency</h2>
</div>
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293635/experience_a3fduk.png">
<h2>28+ Years of Travel Experience</h2>
</div>
<div class="service-item">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293634/feedback_s8z7d9.png">
<h2>98% Our Travelers are Happy</h2>
</div>
</section>
<!--==============Places===================-->
<section class="places">
<div class="places-text">
<small>FEATURED TOURS PACKAGES</small>
<h2>Favourite Places</h2>
</div>
<div class="cards">
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img
src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293736/james-wheeler_xqmq2y.jpg">
</div>
</div>
<div class="text">
<span class="rating">⭐⭐⭐⭐⭐</span>
<h2>The Dark Forest Adventure</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">? 3 Days</p>
<p class="location">✈ Vancouver, Canada</p>
</div>
</div>
</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293755/paris_uj8wum.jpg">
</div>
</div>
<div class="text">
<span class="rating">⭐⭐⭐⭐⭐</span>
<h2>The Dark Forest Adventure</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">? 3 Days</p>
<p class="location">✈ Paris, France</p>
</div>
</div>
</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293955/monaco_usu7xb.jpg">
</div>
</div>
<div class="text">
<span class="rating">⭐⭐⭐⭐⭐</span>
<h2>The Dark Forest Adventure</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">? 3 Days</p>
<p class="location">✈ Monaco, Monaco</p>
</div>
</div>
</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img
src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293874/switzerland_tubxcm.jpg">
</div>
</div>
<div class="text">
<span class="rating">⭐⭐⭐⭐⭐</span>
<h2>The Dark Forest Adventure</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">? 3 Days</p>
<p class="location">✈ Bern, Switzerland</p>
</div>
</div>
</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293673/korea_bxrcj5.jpg">
</div>
</div>
<div class="text">
<span class="rating">⭐⭐⭐⭐⭐</span>
<h2>The Dark Forest Adventure</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">? 3 Days</p>
<p class="location">✈ Seoul, South Korea</p>
</div>
</div>
</div>
<div class="card">
<div class="zoom-img">
<div class="img-card">
<img
src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293673/night-4336403_1920_demehp.jpg">
</div>
</div>
<div class="text">
<span class="rating">⭐⭐⭐⭐⭐</span>
<h2>The Dark Forest Adventure</h2>
<p class="cost">$1870 / Per Person</p>
<div class="card-box">
<p class="time">? 3 Days</p>
<p class="location">✈ Tokyo, japan</p>
</div>
</div>
</div>
</div>
</section>
<!--===========About Us===============-->
<section class="about">
<div class="about-img">
<img src="https://res.cloudinary.com/dxssqb6l8/image/upload/v1605293719/outdoor_tjjhxk.jpg">
</div>
<div class="about-text">
<small>ABOUT OUR COMPANY</small>
<h2>We are Go Trip Ravels Support Company</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud</p>
<label><input type="checkbox" checked>Lorem ipsum dolor sit amet</label>
<label><input type="checkbox" checked>consectetur adipisicing elit</label>
<label><input type="checkbox" checked>Architecto atque consequuntur</label>
<label><input type="checkbox" checked>cupiditate doloremque ducimus</label>
<a href="#">ABOUT US</a>
</div>
</section>
<!--===========Footer=================-->
<div class="footer">
<div class="links">
<h3>Quick Links</h3>
<ul>
<li>Offers & Discounts</li>
<li>Get Coupon</li>
<li>Contact Us</li>
<li>About</li>
</ul>
</div>
<div class="links">
<h3>New Products</h3>
<ul>
<li>Woman Cloth</li>
<li>Fashion Accessories</li>
<li>Man Accessories</li>
<li>Rubber made Toys</li>
</ul>
</div>
<div class="links">
<h3>Support</h3>
<ul>
<li>Frequently Asked Questions</li>
<li>Report a Payment Issue</li>
<li>Terms & Conditions</li>
<li>Privacy Policy</li>
</ul>
</div>
</div>
</body>
</html>
</body>
</html>