-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
387 lines (363 loc) · 21.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
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
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
<!DOCTYPE html>
<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">
<!-- link bootstrap css -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- css link -->
<link rel="stylesheet" href="css/style.css">
<!-- font awesome -->
<script src="https://kit.fontawesome.com/ff4421e871.js" crossorigin="anonymous"></script>
<!-- favicon link -->
<link rel="shortcut icon" href="images/fav.png" type="image/png">
<title>Venus Convention Center</title>
</head>
<body>
<!-- header section -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-white p-2">
<div class="container">
<a class="navbar-brand" href="#" style="font-size: 19px; font-weight: bolder;">Venus Convention
Center</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0 ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Subscribe</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- slider section -->
<section class="my-2">
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active d-sm-block">
<img src="images/banner.png" class="d-block w-100 img-fluid" alt="..." style="height: 584px;">
<div class="carousel-caption d-md-block">
<h5 class="fw-bolder display-4">The perfect venue <br>for your next event</h5>
<p>This is the perfect convention center for organize any kind of <br>wedding evetn party
and managing meetings</p>
<a href="https://communitycenterbd.com/booking/venus-convention-center/"
target="_blank"><button
class="btn btn-light bg-white fw-bolder text-primary rounded-3 ps-4 pe-4">Book
Now</button></a>
</div>
</div>
<div class="carousel-item">
<img src="images/banner3.png" class="d-block w-100 img-fluid" alt="..." style="height: 584px;">
<div class="carousel-caption d-md-block">
<h5 class="fw-bolder display-4">The most reputated <br>Convention center in Dhaka</h5>
<p>Welcome to you convention center Here we provide all kind of things.<br> It is located in
Dhaka gulshan-2 Feel free to join us</p>
<a href="https://communitycenterbd.com/booking/venus-convention-center/"
target="_blank"><button
class="btn btn-light bg-white fw-bolder text-primary rounded-3 ps-4 pe-4">Book
Now</button></a>
</div>
</div>
<div class="carousel-item">
<img src="images/banner4.png" class="d-block w-100 img-fluid" alt="..." style="height: 584px;">
<div class="carousel-caption d-md-block">
<h5 class="fw-bolder display-4">We think about your budget <br> and utilization </h5>
<p>Everything is in your budget you can access our special offers.<br> Time is limited so do
Hurry up book right now</p>
<a href="https://communitycenterbd.com/booking/venus-convention-center/"
target="_blank"><button
class="btn btn-light bg-white fw-bolder text-primary rounded-3 ps-4 pe-4">Book
Now</button></a>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
</header>
<!-- extra section -->
<section class="container my-5">
<!-- toast -->
<div class="toast ms-lg-auto align-items-center show" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body border-start border-5 border-primary">
<img src="icons/Vector.svg" alt="">
20% off on next booking!!
</div>
<button type="button" class="btn-close me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
<div class="row">
<div class="col-12 col-lg-6">
<img class="img-fluid" src="images/wedding.png" alt="">
</div>
<div class="col-12 col-lg-6 m-lg-auto mt-4 p-3">
<h2 class="fw-bolder">Every moment is precious</h2>
<p class="fw-bold text-muted">Client is the first priority to us. Every moment is precious of your life.
So enjoy your life well to you convention center. Special offer for limited time. Book now hurry
up!!</p>
<button class="btn btn-primary text-whtie fw-bold">Explore our album <i
class="fas fa-arrow-right"></i></button>
</div>
</div>
</section>
<!-- Our packages section -->
<div class="container">
<h2 class="text-center my-5">Our packages</h2>
<div class="row gap-5 gap-lg-1 p-5 p-lg-2">
<div class="col-lg-3">
<h2>$300</h2>
<h3>Business fair</h3>
<p>For most businesses event like book fair, craft fair.</p>
<p><i class="fas fa-check-circle"></i> Limited space access</p>
<p><i class="fas fa-check-circle"></i> Secuirty facility</p>
<p><i class="fas fa-check-circle"></i> Event support</p>
<p><i class="fas fa-check-circle"></i> Decoration design</p>
<p><i class="fas fa-check-circle"></i> Per day bill</p>
<button class="btn custom-button text-primary ps-4 pe-4 fw-bold"> Choose Plan</button>
</div>
<div class="col-lg-3">
<h2>$250</h2>
<h3>Birthday Party</h3>
<p>For the birthday party. maximum 200 peoples </p>
<p><i class="fas fa-check-circle"></i> Business items</p>
<p><i class="fas fa-check-circle"></i> Secuirty facility</p>
<p><i class="fas fa-check-circle"></i> Meeting system</p>
<p><i class="fas fa-check-circle"></i> Decoration design</p>
<p><i class="fas fa-check-circle"></i> Pay online</p>
<button class="btn custom-button text-primary ps-4 pe-4 fw-bold"> Choose Plan</button>
</div>
<div class="col-lg-3 text-white position-relative bottom-50 custom-card-style pt-3 pb-3 mt-5 mt-lg-auto">
<span class="position-absolute top-0 end-0 translate-middle badge rounded-pill bg-danger">
HOT
<span class="visually-hidden">unread messages</span>
</span>
<h2>$200</h2>
<h3>Wedding Event</h3>
<p>Special offer for wedding event. Hurry up!</p>
<p><i class="fas fa-check-circle custom-fa"></i> Dress facility</p>
<p><i class="fas fa-check-circle custom-fa"></i> Maintain security</p>
<p><i class="fas fa-check-circle custom-fa"></i> Speical foods</p>
<p><i class="fas fa-check-circle custom-fa"></i> Decoration design</p>
<p><i class="fas fa-check-circle custom-fa"></i> Online Payment</p>
<button class="btn custom-btn text-primary mt-3 fw-bold"> Choose Plan</button>
</div>
<div class="col-lg-3">
<h2>$350</h2>
<h3>Meeting & Party</h3>
<p>Perfect meeting and event environment! Order now</p>
<p><i class="fas fa-check-circle"></i> Meeting manage</p>
<p><i class="fas fa-check-circle"></i> Client orders</p>
<p><i class="fas fa-check-circle"></i> Business deals</p>
<p><i class="fas fa-check-circle"></i> Well Decoration</p>
<p><i class="fas fa-check-circle"></i> Pay online</p>
<button class="btn custom-button text-primary ps-4 pe-4 fw-bold"> Choose Plan</button>
</div>
</div>
</div>
<!-- happy client says section -->
<section class="container my-5">
<h3 class="text-center my-5">Happy Client Says</h3>
<div class="row gap-5 ms-0 ms-lg-0">
<div class="col-lg-4 shadow-lg rounded-3 mb-0" style="width: 360px; height: 385px;">
<div class="ps-3 ps-lg-4 pe-4 pt-3 pb-3">
<p>Slate helps you see howmany more days you need to work to reach your financial goal for the month
and year.</p>
<img class="ms-3 ps-5 mb-3" src="images/person1.png" alt="">
<h6 class="text-center fw-bolder">Regina Miles</h6>
<h6 class="text-center fw-bold text-muted">Banker</h6>
</div>
</div>
<div class="col-lg-4 shadow-lg rounded-3" style="width: 360px; height: 385px;">
<div class="ps-4 pe-4 pt-3 pb-3">
<p>Slate helps you see howmany more days you need to work to reach your financial goal for the month
and year.</p>
<img class="ms-3 ps-5 mb-3" src="images/person2.png" alt="">
<h6 class="text-center fw-bolder">Regina Miles</h6>
<h6 class="text-center fw-bold text-muted">Banker</h6>
</div>
</div>
<div class="col-lg-4 shadow-lg rounded-3" style="width: 360px; height: 385px;">
<div class="ps-4 pe-4 pt-3 pb-3">
<p>Slate helps you see howmany more days you need to work to reach your financial goal for the month
and year.</p>
<img class="ms-3 ps-5 mb-3" src="images/person3.png" alt="">
<h6 class="text-center fw-bolder">Regina Miles</h6>
<h6 class="text-center fw-bold text-muted">Banker</h6>
</div>
</div>
</div>
</section>
<!-- FAQ sectiion -->
<section class="container my-5">
<div class="row">
<div class="col-lg-6">
<div class="accordion" id="accordionExample">
<div class="accordion-item mb-2">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
What happens in a convention center?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne"
data-bs-parent="#accordionExample">
<div class="accordion-body"> A convention center (American English; or conference centre in
Commonwealth English) is a large building that is designed to hold a convention, <stron>
where individuals and groups gather to promote and share common interests.</stron>
Convention centers typically offer sufficient floor area to accommodate several thousand
attendees.
</div>
</div>
</div>
<div class="accordion-item mb-2 border-top">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Are dogs allowed at Pasadena convention center?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Pets are not allowed,</strong> however, the PCOC abides by the regulations for
ADA Service Animals set by the US Department of
Justice.
</div>
</div>
</div>
<div class="accordion-item mb-2 border-top">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
What is the role of convention center?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree"
data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>Hopefully, this will help you narrow down what types of conventions you might
like to attend!</strong>
<ul>
<li>Bidded Convention.</li>
<li>Comic Con.</li>
<li>Anime Con.</li>
<li>Expo Con.</li>
<li>Fan Con.</li>
<li>Fan-Run Con.</li>
<li>For-Profit Con.</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-top">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
What kind of conventions are there?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour"
data-bs-parent="#accordionExample">
<div class="accordion-body">
A convention center is a building or group of buildings designed, in most cases, for
<strong>the purpose of conducting meetings,
rallies, or seminars.</strong> It may also be adapted for specific events, such as
appearances by well-known speakers or
musicians. ... A convention center may provide food for guests.
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 m-auto">
<img class="img-fluid" src="images/faq.jpg" alt="">
</div>
</div>
</section>
<!-- get in touch & about us section -->
<section class="container mt-5 bg-success bg-gradient bg-opacity-25 rounded-3">
<div class="row">
<div class="col-lg-6 rounded-3 pt-5 ps-3 pe-3 ps-lg-5 pe-lg-5">
<h3 class="text-center fw-bolder">About us</h3>
<address class="text-center">
Venus convention center is one of the best convention center in Bangladesh. It is loacted is located
in
<strong>gulshan-2 Dhaka Bangladesh.</strong>
</address>
<img class="img-fluid opacity-75 rounded-3" src="images/about-us.jpg" alt="" width="500">
</div>
<div class="col-lg-6 rounded-3 p-3 p-lg-5">
<h3 class="text-center fw-bolder">Get in Touch</h3>
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">Name</label>
<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Your name">
</div>
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleFormControlInput1"
placeholder="name@example.com">
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Type your message</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-3">Send Message</button>
</div>
</div>
</div>
</section>
<!-- footer section -->
<footer class="h-50 bg-dark text-white mt-5">
<div class="d-flex flex-lg-row flex-column-reverse justify-content-between align-items-center p-5 ms-3">
<div>
<p class="mt-5 custom-font-manrope fs-6">© 2022 Uttam Kumar Saha. All rights reserved</p>
</div>
<div class="d-flex flex-column">
<h5 class="text-center custom-font-manrope">Get the App</h5>
<a href="https://apps.apple.com/us/app/google-chrome/id535886823" target="_blank"><img
class="img-fluid me-auto" src="images/appstore.jpg" alt="" width="210px"></a>
<a href="https://play.google.com/store/apps/details?id=org.mozilla.firefox" target="_blank"><img
class="img-fluid me-0 ms-2" src="images/playstore.png" alt="" width="190px"></a>
</div>
</div>
</footer>
<!-- bootstrap script -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>