-
Notifications
You must be signed in to change notification settings - Fork 0
/
2.html
192 lines (187 loc) · 6.83 KB
/
2.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<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">
<title>Travel Blog</title>
<link rel="stylesheet" href="2.css">
</head>
<body>
<header>
<header>
<div class="logo">
<a href="#"><img src="logo.png" alt="logo"></a>
</div>
<nav class="nav-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#destinations">Destinations</a></li>
<li><a href="#hotels">Hotels</a></li>
<li><a href="#activites">Activities</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
</header>
<main>
<section class="hero">
<div class="hero-image">
<img src="pexels-mihis-alex-21014.jpg" alt="Hero image">
</div>
<div class="hero-content">
<h1>The new way to plan your next adventure</h1>
<h3> Explore the colourful world</h3>
<!-- <a href="#" class="hero-button">Book Now</a> -->
</div>
</section>
<br><br>
<!-- Destinations -->
<section id="destinations" class="destinations">
<h2>Popular Destinations</h2>
<div class="destination-grid">
<div class="destination-item">
<img src="destination-1.jpg" alt="">
<h3>New York City</h3>
<p>
Visit the city that never sleeps and discover its iconic
landmarks, world-class museums, and diverse neighborhoods.
</p>
</div>
<div class="destination-item">
<img src="destination-2.jpg" alt="">
<h3>Paris</h3>
<p>
Experience the romance and culture of the City of Lights, from the
Eiffel Tower to the Louvre Museum.
</p>
</div>
<div class="destination-item">
<img src="destination-3.jpg" alt="">
<h3>Tokyo</h3>
<p>
Explore the vibrant city of Tokyo and immerse yourself in its
unique blend of ancient traditions and modern technology.
</p>
</div>
</div>
</section>
<section id="hotels" class="destinations">
<br><br>
<h2>Featured Hotels</h2>
<div class="destination-grid">
<div class="destination-item">
<img src="hotel-1.jpg" alt="">
<h3>The Ritz Carlton</h3>
<p>
Experience luxury accommodations and impeccable service at The
Ritz Carlton, located in the heart of the city.
</p>
</div>
<div class="destination-item">
<img src="hotel-2.jpg" alt="">
<h3>The Four Seasons</h3>
<p>
Relax in style at The Four Seasons, featuring breathtaking views,
an award-winning spa, and gourmet dining options.
</p>
</div>
<div class="destination-item">
<img src="hotel-3.jpg" alt="">
<h3>The Waldorf Astoria</h3>
<p>
Indulge in luxury at The Waldorf Astoria, a historic landmark
hotel renowned for its elegance and sophistication.
</p>
</div>
</div>
</section>
<br>
<section id="activites" class="destinations">
<h2>Featured Activities</h2>
<div class="destination-grid">
<div class="destination-item">
<img src="activity-1.jpg" alt="">
<h3>Hiking the Grand Canyon</h3>
<p>
Explore the breathtaking beauty of the Grand Canyon on a guided hiking tour.
</p>
</div>
<div class="destination-item">
<img src="activity-2.jpg" alt="">
<h3>Whale Watching in Alaska</h3>
<p>
Experience the thrill of seeing majestic whales up close on a scenic boat tour in Alaska.
</p>
</div>
<div class="destination-item">
<img src="activity-3.jpg" alt="">
<h3>Snorkeling in Hawaii</h3>
<p>
Discover the vibrant underwater world of Hawaii on a guided snorkeling excursion.
</p>
</div>
</div>
</section>
<br>
<section id="about" class="about">
<h3>About Us</h3>
<p>
Our mission is to ignite the spirit of discovery in every traveler's heart, offering meticulously crafted itineraries that blend adrenaline-pumping activities with awe-inspiring landscapes. With a team of seasoned globetrotters, we ensure that every expedition is infused with excitement, grace our planet. Embark on a voyage of a lifetime with us, as we redefine the art of exploration.
</p>
<div class="team-members">
<div class="team-member">
<img src="team-member-1.jpg" alt="">
<h4>John Smith</h4>
<p>Founder & CEO</p>
</div>
<div class="team-member">
<img src="team-member-2.jpg" alt="">
<h4>Jane Doe</h4>
<p>Head of Operations</p>
</div>
<div class="team-member">
<img src="team-member-3.jpg" alt="">
<h4>David Lee</h4>
<p>Marketing Director</p>
</div>
</div>
</section>
<br>
<section id="contact" class="contact">
<h3>Contact Us</h3>
<div class="contact-info">
<p>
If you have any questions, please fill
out the form below or contact us using the information provided.
</p>
<ul>
<li>
<i class="fas fa-map-marker-alt" aria-hidden="true"></i> India
</li>
<li>
<i class="fas fa-envelope" aria-hidden="true"></i><a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<i class="fas fa-phone-alt" aria-hidden="true"></i><a href="tel:555-123-4567">999-999-9999</a>
</li>
</ul>
</div>
<form action="#" class="form">
<div class="form-group">
<input type="name" name="name" id="name" placeholder="Enter Your Name">
</div>
<div class="form-group">
<input type="email" name="email" id="email" placeholder="Enter Your Email">
</div>
<div class="form-group">
<textarea name="textarea" id="textarea" cols="30" rows="10" placeholder="Message"></textarea>
</div>
<button type="submit">Send Message</button>
</form>
</section>
<footer >
<p>Copyright © 2024 Web Design Mastery. All rights reserved.</p>
</footer>
</main>
</body>
</html>