-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
256 lines (242 loc) · 12.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[b9-a2] Bangali Travels</title>
<link rel="stylesheet" href="./css/styles.css">
<link rel="stylesheet" href="./css/responsive.css">
<script src="https://kit.fontawesome.com/32c961cccf.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- header section stats here -->
<header class="header-container">
<!-- logo & menu starts -->
<nav class="logo-menu-container">
<div class="logo-name">
<div class="logo"><img src="./img/Group 40071 (2).png" alt="logo"></div>
<div class="sitename">
<h1 class="sitename">Bangali <span class="red">Travels</span></h1>
</div>
</div>
<div class="top-menu">
<ul class="">
<li class=""><a href="#" class="selected">Home</a></li>
<li class=""><a href="#">Packages</a></li>
<li class=""><a href="#">Testimonial</a></li>
<li class=""><a href="#">Blog</a></li>
<li class=""><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<!-- header banner starts -->
<section class="header-banner">
<div class="header-banner-content">
<div>
<h2 class="explore">Explore Your Travel</h2>
</div>
<div>
<p>We do not say that we are the best. We are pretty sure that all of our clients are satisfied and
happy with us. We do things with love and care.</p>
</div>
<div class="selectors-wrap">
<div class=""><button class="xp-btn">Where go</button></div>
<div class=""><button class="xp-btn">When</button></div>
<div class=""><button class="xp-btn">Select Type</button></div>
<div class=""><button class="xp-btn find-now-btn">Find Now</button></div>
<!-- replace the previous buttons with following input fields -->
<!-- <div class=""><input type="button" value=""></div>
<div class=""><input type="button" value=""></div>
<div class=""><input type="button" value=""></div>
<div class=""><input type="button" value=""></div> -->
</div>
</div>
</section>
</header>
<!-- header section ends here -->
<!-- main section starts here -->
<main class="main">
<section class="main-container">
<!-- our popular tours starts -->
<div class="popular-tours-container">
<div class="ptour-txt-box">
<h2 class="">Our Popular Tours</h2>
<p class="">We do not say that we are the best. We are pretty sure that all of our clients are
satisfied and happy with us. We do things with love and care.</p>
<ul class="">
<li class="">Let us take all the hassles and you keep enjoying your time in the awesome places.
We will manage everything for you...</li>
<li class="">Let us take all the hassles and you keep enjoying your time in the awesome places.
We will manage everything for you...</li>
<li class="">Let us take all the hassles and you keep enjoying your time in the awesome places.
We will manage everything for you...</li>
</ul>
<p class="">Hajar bochhor dhore ami poth hatitechhi prithibir pothe/ Shinghol shomudro theke
nishither ondhokare Maloy shagore/ ami klanto pran yak/ charidike jiboner shomudro shofen/ amare
du-dondo shanti diyechhilo Natore-er... We do not say that we are the best. We are pretty sure
that all of our clients are satisfied and happy with us. ...because we care.</p>
<p class=""><button type="button" class="read-more-btn">Read More</button></p>
</div>
<div class="ptours-img">
<img src="./img/Rectangle 4.png" alt="">
</div>
</div>
<!-- choose your destination starts -->
<section class="destination">
<div class="destination-textbox">
<h2>Choose Your Destination</h2>
<p>Chul tar kobekar ondhokar bidishar nisha, mukh tar srabostir karukarjo. Oti dur shomudrer por
haal bhenge je nabik harayechhe...</p>
</div>
<div class="image-gallery">
<div class="img-row-1">
<div class="image-box">
<img src="./img/Rectangle 5.png" alt="">
<div class="txt-container">Maldives</div>
</div>
<div class="image-box">
<img src="./img/Rectangle 8.png" alt="">
<div class="txt-container">Indonesia</div>
</div>
</div>
<div class="img-row-2">
<div class="image-box">
<img src="./img/Rectangle 6.png" alt="">
<div class="txt-container">Sri Lanka</div>
</div>
<div class="image-box">
<img src="./img/Rectangle 7.png" alt="">
<div class="txt-container">North America</div>
</div>
<div class="image-box">
<img src="./img/Rectangle 9.png" alt="">
<div class="txt-container">Kashmir</div>
</div>
</div>
<div class="img-row-3">
<div class="image-box">
<img src="./img/Rectangle 11.png" alt="">
<div class="txt-container">Bangladesh</div>
</div>
<div class="image-box">
<img src="./img/Rectangle 10.png" alt="">
<div class="txt-container">Bandarban</div>
</div>
</div>
</div>
</section>
<!-- choose your destination ends -->
<!-- why choose us starts -->
<section class="choose-us">
<div class="choose-us-textbox">
<h2>Why Choose Us</h2>
<p>Chul tar kobekar ondhokar bidishar nisha, mukh tar srabostir karukarjo. Oti dur shomudrer por haal bhenge
je nabik harayechhe disha...</p>
</div>
<div class="ccard-gallery">
<div class="ccard-row-1">
<div class="card-box-1">
<img src="./img/hotel-icon.png" alt="">
<div class="ccard-txt-container">
<h3 class="">Handpicked Hotels</h3>
<p>You will get handpicked hotels here. You will get handpicked hotels here. You will get
handpicked hotels here.</p>
</div>
</div>
<div class="card-box-2">
<img src="./img/hotel-icon.png" alt="">
<div class="ccard-txt-container">
<h3 class="">World Class Service</h3>
<p>You will get world class service here. You will get world class service here. You will get
world class service here.</p>
</div>
</div>
</div>
<div class="ccard-row-2">
<div class="card-box-3">
<img src="./img/hotel-icon.png" alt="">
<div class="ccard-txt-container">
<h3 class="#">Best Price Guarantee</h3>
<p>You will get the best price here. You will get the best price here. You will get the best
price here. </p>
</div>
</div>
</div>
</div>
</section>
<!-- why choose us starts -->
<!-- 2 optional sections: deals & discounts, simple perfect place -->
<!-- newsletter section starts -->
<section class="newsletter" id="newsletter">
<div class="newsletter-container">
<div class="newsletter-form-wraper">
<h3 class="nl-h3">Newsletter</h3>
<p class="nl-p">Get your daily dose of travel news & tips. Sign up today!</p>
<hr>
<div class="newsletter-form">
<input type="text" class="nlf-input" placeholder="Enter your name">
<input type="text" class="nlf-input" placeholder="Enter your email">
<button type="submit" class="subscribe-button">Subscribe</button>
</div>
</div>
<div class="newsletter-discount-wraper">
<div class="nl-photo"><img src="./img/Rectangle 8 (1).png" alt=""></div>
<div class="nl-discount-box">
<p class="nl-discount-light">Travel.com</p>
<p class="nl-discount-bold">Save up to 70%</p>
</div>
</div>
</div>
</section>
<!-- newsletter section ends -->
</section>
</main>
<!-- main section ends here -->
<!-- unique section starts -->
<section class="blog">
<div class="blog-container">
<div class="b-title">Our Blogposts</div>
<div class="b-postcard-holder">
<div class="post-1">Blog-post-1</div>
<div class="post-2">Blog-post-2</div>
<div class="post-3">Blog-post-3</div>
</div>
</div>
</section>
<!-- unique section ends -->
<!-- footer section starts here -->
<footer class="footer">
<section class="footer-container">
<div class="footer-tile">
<div class="footer-h3">
<div class="footer-logo"><img src="./img/Group 40071 (2).png" alt="logo"></div>
<div class="footer-sitename">
<h3 class="footer-sitename"><span>Bangali</span> <span class="red">Travels</span></h3>
</div>
</div>
</div>
<div class="footer-description">
<p>We do not say that we are the best. We are pretty sure that all of our clients are satisfied and
happy with us. We do things with love and care.</p>
</div>
<div class="social-icons">
<!-- <ul class="fa-ul">
<li><span class="fa-li"><i class="fa-solid fa-check-square"></i></span>List icons can</li>
<li><span class="fa-li"><i class="fa-solid fa-check-square"></i></span>be used to</li>
<li><span class="fa-li"><i class="fa-solid fa-spinner fa-pulse"></i></span>replace bullets</li>
<li><span class="fa-li"><i class="fa-regular fa-square"></i></span>in lists</li>
</ul> -->
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-github"></i>
</div>
<hr>
<div class="copyright">
<p>2017, All Rights Reserved.</p>
</div>
</section>
</footer>
<!-- footer section ends here -->
</body>
</html>