-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (198 loc) · 12.8 KB
/
index.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
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
<title>Travel Website</title>
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/responsive.css">
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
</head>
<body>
<!-- Start Header -->
<div class="logo-and-nav">
<div class="">
<img src="Images/logo.png">
<h3 class="logo-design">MH <span class="logo-span">Travel Ltd.</span></h3>
</div>
<nav class="nav flex gap-10">
<a class="active" href="#">Home</a>
<a href="#">Packages</a>
<a href="#">Testimonial</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</nav>
</div>
<!-- End Header -->
<!-- Start Banner Section -->
<main>
<section class="banner-section">
<div class="banner-text">
<h1 class="text-rose-700 text-xl" id="banner-title">
Discover Your Next Adventure </h1>
<p id="banner-description">
Embark on a journey to breathtaking destinations. Immerse yourself in the beauty of diverse cultures
and landscapes. Your adventure awaits!
</p>
</div>
<div class="banner-form">
<form>
<input type="text" id="b-input" value="Write Place Name">
<select name="time" id="time">
<option value="option">Select Time</option>
<option value="feb">February</option>
<option value="mar">March</option>
</select>
<select name="type" id="time">
<option value="type">Tour Type</option>
<option value="inside">Inside Country</option>
<option value="abroad">Foreign Trip</option>
</select>
<button class="find-now">
<img src="Images/search.png" alt="">
<div>Find Now</div>
</button>
</form>
</div>
</section>
<!-- End Banner Section -->
<!-- Start Popular Section -->
<section class="popular-tour-section">
<div class="popular-tour-text">
<div class="all-text-and-btn">
<h2 class="popular-title">Our Popular Tour</h2>
<p class="popular-description">
Immerse yourself in our curated selection of extraordinary journeys. Each tour promises unique
experiences, unforgettable memories, and the joy of discovery.
</p>
<ul class="popular-ul-li">
<li>Indulge in luxury with carefully selected hotels providing comfort and elegance.</li>
<li>Discover hidden gems and local wonders with our expertly crafted itineraries.</li>
<li>Enjoy peace of mind with our commitment to providing the best prices for exceptional travel
experiences.</li>
</ul>
<p class="popular-description">
Your journey begins with MH Travel Ltd., where every moment is an opportunity for adventure and
exploration. </p>
<button class="common-button">Read More</button>
</div>
</div>
<div class="popular-image">
<img src="Images/Rectangle 4.png" width="400px" height="auto">
</div>
</section>
<!-- Places and Images -->
<section class="beautiful-places">
<div class="beautiful-places-text">
<h1 id="places-title">Discover Beautiful Destinations</h1>
<p id="places-description">Embark on a journey to breathtaking destinations that captivate your senses
and leave you with cherished memories. Explore the beauty of the world with MH Travel Ltd.</p>
</div>
<div class="place-images">
<img class="image-one" src="Images/Rectangle 5.png">
<img class="image-two" src="Images/Rectangle 8 (1).png">
<img class="image-three" src="Images/Rectangle 6.png">
<img class="image-four" src="Images/Rectangle 7.png">
<img class="image-five" src="Images/Rectangle 9.png">
<img class="image-six" src="Images/Rectangle 11.png">
<img class="image-seven" src="Images/Rectangle 10.png">
</div>
</section>
<!-- End Places and Images -->
<!-- Start the Why Choose Us -->
<section class="choose">
<div class="choose-text">
<h2 id="choose-title">Why Choose MH Travel Ltd.?</h2>
<p id="choose-description">At MH Travel Ltd., we strive to make your journey exceptional. Here's why you
should choose us for your next adventure:</p>
</div>
<div class="choose-card">
<div class="handpicked">
<img src="Images/hotel 1.png" alt="">
<h3 class="choose-h">Handpicked Hotels</h3>
<p class="card-description">Experience luxury and comfort with our carefully selected hotels,
ensuring a delightful stay at every destination.</p>
</div>
<div class="service">
<img src="Images/map 1.png">
<h3 class="choose-h">World Class Service</h3>
<p class="card-description">
Enjoy world-class service throughout your journey. Our dedicated team is committed to providing
exceptional assistance, ensuring a seamless and memorable travel experience.
</p>
</div>
<div class="best-price">
<img src="Images/price-tag 1.png">
<h3 class="choose-h">Best Price Guarantee</h3>
<p class="card-description">
Travel with confidence knowing that MH Travel Ltd. offers the best price guarantee. We provide
unbeatable value for your investment, ensuring you get the most out of every adventure.
</p>
</div>
</div>
</section>
<!-- ENd Choose Area -->
<!-- Start Newsletter Area -->
<section class="newsletter">
<div class="newsletter-content">
<div class="newsletter-text">
<h2 class="content-title">Subscribe to Our Newsletter</h2>
<p class="content-description">Stay updated with the latest travel news and valuable tips. Subscribe
to our newsletter today and elevate your travel experience!</p>
<div class="newslwtter-form">
<input type="text" class="content-input" value="Enter your name">
<input type="email" class="content-input" value="Enter your email">
<button class="newsletter-btn"
style="color: #fff; font-weight: 400; font-size: 1em;">Subscribe</button>
</div>
</div>
</div>
<div class="newsletter-img">
<img src="Images/Rectangle 8 (1).png">
<div class="text">
<h5>Travel.com</h5>
<h4>Save up to 70%</h4>
</div>
</div>
</section>
<!-- End Newsletter Area -->
</main>
<footer>
<div class="footer-logo">
<img src="Images/logo.png">
<h3 class="logo-design">MH <span class="logo-span">Travel Ltd.</span></h3>
</div>
<p class="footer-description">
Elevate your travel experience with MH Travel Ltd. Explore the world, create memories, and set on
unforgettable adventures.
</p>
<div class="footer-social-logo">
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M459.4 151.7c.3 4.5 .3 9.1 .3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53 51.7 63.7 129.3 105.3 216.4 109.8-1.6-7.8-2.6-15.9-2.6-24 0-57.8 46.8-104.9 104.9-104.9 30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"
viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14"
viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="15.5"
viewBox="0 0 496 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
<path
d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" />
</svg>
</div>
<hr>
<p class="reserved">© 2024 MH Travel Ltd. All Rights Reserved. Developed by <span class="m">M</span>oududul
<span class="m">H</span>oque
</p>
</footer>
</body>
</html>