-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
287 lines (271 loc) · 11.5 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Singapore Travel</title>
<script src="https://kit.fontawesome.com/1767e4bdc0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header>
<section class="primary_section">
<nav class="nav_container">
<div class="nav_heading">
<img class="logo_img" src="./Images/Group1.png" alt="logo">
<h3 class="primary_heading_h3">Singapore<span class="common_font_color">Travel</span></h3>
</div>
<div class="nav_items">
<ul>
<a class="common_font_color" href="#">Home</a>
<a href="#">Packages</a>
<a href="#">Testimonial</a>
<a href="#">Blog</a>
<a href="#">Contact</a>
</ul>
</div>
</nav>
</section>
<section class="mobile">
<nav class="nav_container_mobile">
<div class="nav_heading">
<img class="logo_img" src="./Images/Group1.png" alt="">
<h3 class="primary_heading_h3">Singapore <span class="common_font_color">Travel</span></h3>
</div>
<div class="nav_items">
<i class="fa-solid fa-bars">
<ul></ul>
</i>
</div>
</nav>
</section>
<section class="primary_section">
<div class="banner_container">
<h1>Explore Your Travel</h1>
<p class="banner_description">
Dolor sit amet consectetur. Nullam suspendisse vitae ultricies dolor adipiscing. In et odio enim ac quis
sapien urna eu
phasellus.
</p>
<div class="banner_input">
<input class="Where" type="text" placeholder="Where go">
<select id="When" name="cars">
<option>When you go </option>
</select>
<select id="Select_Type" name="cars">
<option>Select Type</option>
</select>
<button class="primary_btn" type="submit"><i class="fa fa-search"></i>Find Now</button>
</div>
</div>
</section>
</header>
<main>
<section class="primary_section">
<div class="Popular_Tours_Heading">
<h3 class="primary_heading_h3">Our Popular Tours</h3>
<div class="Popular_Tours_description">
<div>
<p class="primary_description">Dolor sit amet consectetur. Diam volutpat neque habitasse pharetra odio sit
massa. Sodales dictumst nec
nibh
pellentesque.</p>
<ul>
<li>Dolor sit amet consectetur. Diam volutpat neque habitasse pharetra odio sit massa. Sodales dictumst
nec
nibh
pellentesque.</li>
<li>Adipiscing ornare pellentesque mauris volutpat tortor vitae platea porta lacus. Lectus suspendisse
nullam.</li>
<li>Accumsan eget et turpis praesent lorem egestas enim elit bibendum. Risus at in.</li>
</ul>
<p class="Tours_DES">Amet consectetur. Vulputate commodo felis molestie risus
ornare nulla amet et. Libero commodo sagittis dignissim adipiscing quis. Habitant adipiscing risus
natoque
aliquet. Id
bibendum nunc senectus semper tincidunt.</p>
<button class="primary_btn">Read More</button>
</div>
<div><img src="./Images/Rectangle3.png" alt=""></div>
</div>
</div>
</section>
<section class="primary_section">
<div class="Destination_Heading">
<h3 class="primary_heading_h3">Choose Your Destination</h3>
<p class="primary_description">Dolor sit amet consectetur. Diam volutpat neque habitasse pharetra odio sit
massa. Sodales dictumst nec nibh
pellentesque.</p>
</div>
<div class="Destination_images">
<div class="imag_row1">
<img src="./Images/Rectangle4.png" alt="">
<img src="./Images/Rectangle5.png" alt="">
</div>
<div class="imag_row2">
<img src="./Images/Rectangle6.png" alt="">
<img src="./Images/Rectangle7.png" alt="">
<img src="./Images/Rectangle8.png" alt="">
</div>
<div class="imag_row3">
<img src="./Images/Rectangle9.png" alt="">
<img src="./Images/Rectangle10.png" alt="">
</div>
</div>
</section>
<section class="primary_section">
<div class="Choose_us">
<div class="Choose_us_heading">
<h3 class="primary_heading_h3">Why Choose Us</h3>
<p class="primary_description">Dolor sit amet consectetur. Diam volutpat neque habitasse pharetra odio sit
massa. Sodales dictumst nec nibh
pellentesque.</p>
</div>
<div class="choose_us_item">
<div class="choose_us_item_1">
<img src="./Images/hotel1.PNG" alt="">
<h4>Handpicked Hotels</h4>
<p>Amet consectetur. Vulputate commodo felis molestie risus ornare nulla amet et. Libero commodo sagittis
dignissim
adipiscing quis. Habitant adipiscing risus natoque aliquet.</p>
</div>
<div class="choose_us_item_2">
<img src="./Images/hotel2.PNG" alt="">
<h4>World Class Service</h4>
<p>Amet consectetur. Vulputate commodo felis molestie risus ornare nulla amet et. Libero commodo sagittis
dignissim
adipiscing quis. Habitant adipiscing risus natoque aliquet.</p>
</div>
</div>
<div class="Best_Price_Guarantee">
<img src="./Images/hotel3.PNG" alt="">
<h4>Best Price Guarantee</h4>
<p>Amet consectetur. Vulputate commodo felis molestie risus ornare nulla amet et. Libero commodo sagittis
dignissim
adipiscing quis. Habitant adipiscing risus natoque aliquet.</p>
</div>
</div>
</section>
<section class="primary_section">
<div class="Deals_Discounts">
<div class="Deals_Discounts_heading">
<h3 class="primary_heading_h3">Deals & Discounts</h3>
<p class="primary_description">Dolor sit amet consectetur. Diam volutpat neque habitasse pharetra odio massa.
Sodales dictumst nec nibh
pellentesque.</p>
</div>
<div class="Deals_Discounts_item">
<div class="Deals_Discounts_1">
<div class="Deals_Discounts_1_book_now">
<div class="icon">
<div class="icon1"><img src="./Images/icon1.svg" alt="">7 Day / 6 Night</div>
<div class="icon2"><img src="./Images/icon2.svg" alt="">Max : 10</div>
<div class="icon3"><img src="./Images/icon3.svg" alt="">Malaysia</div>
</div>
<h5>Tour To Satorini</h5>
<p class="primary_description_icon">Amet consectetur. Vulputate commodo felis
molestie risus ornare nulla amet et. Libero commodo sagittis dignissim adipiscing quis. Habitant
adipiscing.</p>
<h6>Price: $1300-$1500</h6>
<button class="primary_btn">Book Now</button>
</div>
</div> <br>
<div class="Deals_Discounts_2">
<div class="Deals_Discounts_2_book_now">
<div class="icon">
<div class="icon1"><img src="./Images/icon1.svg" alt="">7 Day / 6 Night</div>
<div class="icon2"><img src="./Images/icon2.svg" alt="">Max : 10</div>
<div class="icon3"><img src="./Images/icon3.svg" alt="">Malaysia</div>
</div>
<h5>Tour To Satorini</h5>
<p class="primary_description_icon">Amet consectetur. Vulputate commodo felis
molestie risus ornare nulla amet et. Libero commodo sagittis dignissim adipiscing quis. Habitant
adipiscing.</p>
<h6>Price: $1300-$1500</h6>
<button class="primary_btn">Book Now</button>
</div>
</div> <br>
<div class="Deals_Discounts_3">
<div class="Deals_Discounts_3_book_now">
<div class="icon">
<div class="icon1"><img src="./Images/icon1.svg" alt="">7 Day / 6 Night</div>
<div class="icon2"><img src="./Images/icon2.svg" alt="">Max : 10</div>
<div class="icon3"><img src="./Images/icon3.svg" alt="">Malaysia</div>
</div>
<h5>Tour To Satorini</h5>
<p class="primary_description_icon">Amet consectetur. Vulputate commodo felis
molestie risus ornare nulla amet et. Libero commodo sagittis dignissim adipiscing quis. Habitant
adipiscing.</p>
<h6>Price: $1300-$1500</h6>
<button class="primary_btn">Book Now</button>
</div>
</div> <br> <br>
<div class="Deals_Discounts_item_btn"><button class="primary_btn">See All Packages</button></div>
</div>
</div>
</section>
<section class="primary_section">
<div id="Perfect_Place" class="Popular_Tours_Heading">
<h3 class="primary_heading_h3">A Simple Perfect Place To Get Lost</h3>
<div class="Popular_Tours_description">
<div>
<p class="primary_description">Amet consectetur. Vulputate commodo felis molestie risus ornare nulla amet
et. Libero commodo sagittis dignissim
adipiscing quis.</p>
<ul>
<li><strong>Adipiscing ornare pellentesque mauris volutpat tortor vitae platea porta lacus. Lectus
suspendisse
nullam.</strong></li>
<li><strong>Adipiscing ornare pellentesque mauris volutpat tortor vitae platea porta lacus. Lectus
suspendisse
nullam.</strong></li>
</ul>
<br><br>
<button class="primary_btn">Read More</button>
</div>
<div><video src="./video/Kashmir Tour Plan. কাশ্মীর ভ্রমণ গাইড।.mp4" type="video/mp4" controls></video></div>
</div>
</div>
</section>
<section class="primary_section">
<div class="Newsletter">
<div class="Newsletter_from">
<h3 class="Newsletter_heading">Newsletter</h3>
<p>Get your daily dose of travel news & tips. Sign up today!</p> <br>
<div class="line"></div> <br>
<input type="text" id="name" placeholder="Enter your name"><br><br>
<input type="email" id="email" placeholder="Enter your email"><br>
<br>
<button class="primary_btn" id="sub_s">Subscribe</button>
</div>
<div class="img_70">
<img src="./Images/Rectangle14.png" alt="">
</div>
</div>
<div class="offer">
<p>SingaporeTravel.com <br><span>Save up to 70%</span> </p>
</div>
<div>
</div>
</section>
</main>
<footer>
<section class="footer_container">
<div class="footer_description">
<div class="footer_logo"><img src="./Images/icon4.svg" alt="">
<h3 class="footer_h">Singapore <span class="footer_s">Travel</span></h3>
</div>
<p class="primary_description">Lorem ipsum dolor sit amet consectetur. Nulla sit viverra morbi vitae blandit
orci potenti vulputate. Leo
erat maecenas
vitae elementum ultricies nullam.</p>
<img src="./Images/icon5.svg" alt="">
</div>
<div class="line_f"></div>
<div>
<p class="All_Rights">2017, All Rights Reserved.</p>
</div>
</section>
</footer>
</body>
</html>