Here is a basic HTML structure for a travel website:
```
<!DOCTYPE html>
<html>
<head>
<title>Travel Website</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Destinations</a></li>
<li><a href="#">Packages</a></li>
<li><a href="#">About Us</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h1>Explore the World with Us</h1>
<p>Discover new destinations and experiences</p>
<button>Get Started</button>
</section>
<section class="destinations">
<h2>Popular Destinations</h2>
<ul>
<li>
<img src="image1.jpg" alt="Destination 1">
<h3>Destination 1</h3>
<p>Description of Destination 1</p>
</li>
<li>
<img src="image2.jpg" alt="Destination 2">
<h3>Destination 2</h3>
<p>Description of Destination 2</p>
</li>
<!-- Add more destinations here -->
</ul>
</section>
<!-- Add more sections here, such as packages, testimonials, etc. -->
</main>
<footer>
<p>Copyright © 2023 Travel Website</p>
</footer>
<script src="script.js"></script>
</body>
</html>
```
No comments:
Post a Comment