-
Notifications
You must be signed in to change notification settings - Fork 0
/
travel.html
99 lines (87 loc) · 4.3 KB
/
travel.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travel Landing Page</title>
<link rel="stylesheet" href="travel.css">
</head>
<body>
<header>
<div class="logo">Travel</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#destinations">Destinations</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h1>Explore the World</h1>
<p>Discover new places and adventures with us. Your journey starts here.</p>
<a href="#destinations" class="cta">Get Started</a>
</section>
<section id="about" class="about">
<h2>About Us</h2>
<p>Welcome to Travel, your number one source for all things travel. We're dedicated to giving you the very best travel experiences, with a focus on dependability, customer service, and uniqueness.</p>
<p>Founded in 2023, Travel has come a long way from its beginnings. When we first started out, our passion for helping people explore the world drove us to do intense research, and gave us the impetus to turn hard work and inspiration into a booming travel agency. We now serve customers all over the world and are thrilled to be a part of the travel industry.</p>
<p>We hope you enjoy our services as much as we enjoy offering them to you. If you have any questions or comments, please don't hesitate to contact us.</p>
<p><strong>Sincerely,</strong></p>
<p>The Travel Team</p>
</section>
<section id="destinations" class="destinations">
<h2>Top Destinations</h2>
<div class="destination-grid">
<div class="destination-card">
<img src="image/img-1.jpg" alt="Destination 1">
<h3>Paris, France</h3>
<p>Experience the city of lights, romance, and history.</p>
</div>
<div class="destination-card">
<img src="image/img-4.jpg" alt="Destination 2">
<h3>Tokyo, Japan</h3>
<p>Explore the bustling city filled with culture and innovation.</p>
</div>
<div class="destination-card">
<img src="image/img-3.jpg" alt="Destination 3">
<h3>Sydney, Australia</h3>
<p>Discover the vibrant city with stunning beaches and landmarks.</p>
</div>
<div class="destination-card">
<img src="image/img-2.jpg" alt="Destination 4">
<h3>New York, USA</h3>
<p>Visit the city that never sleeps, full of iconic sights.</p>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<h2>Contact Us</h2>
<div class="contact-details">
<div class="contact-info">
<p><strong>Address:</strong> 123 Travel Lane, Wanderlust City, WL 45678</p>
<p><strong>Phone:</strong> (123) 456-7890</p>
<p><strong>Email:</strong> [email protected]</p>
</div>
<form class="contact-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="subject">Subject:</label>
<input type="text" id="subject" name="subject" required>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</section>
</main>
<footer>
<p>© 2024 Travel. All rights reserved.</p>
</footer>
</body>
</html>