forked from HarryPoter0/Front-end_Development
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
425 lines (395 loc) · 26.3 KB
/
index.html
File metadata and controls
425 lines (395 loc) · 26.3 KB
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
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
<!DOCTYPE html>
<html lang="en">
<head>
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, shrink-to-fit=no">
<meta charset="utf-8">
<title>Volunteer Overseas</title>
<link rel="shortcut icon" href="images/favicon.ico"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/main.js"></script>
<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i" rel="stylesheet"> -->
<!-- <link rel="stylesheet" href="css/bootstrap.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/swiper.min.css"> -->
<!-- <link rel="stylesheet" href="css/owl.carousel.min.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css"> -->
<!-- <link rel="stylesheet" href="dist/assets/owl.theme.default.min.css"> -->
<!-- <script src="js/jquery-3.3.1.min.js"></script> -->
<!-- <script src="js/bootstrap.bundle.js"></script> -->
<!-- <script src="js/swiper.min.js"></script> -->
<!-- <script src="js/owl.carousel.min.js"></script> -->
<!-- <script src="js/jquery-ui.min.js"></script> -->
<!-- <script src="js/bootstrap.js"></script> -->
<!-- <script src="js/swiper.jquery.min.js"></script> -->
</head>
<body>
<!-- Header Start -->
<header class="same-head">
<!-- Navbar Start -->
<nav class="navbar navbar-expand-sm">
<a class="navbar-brand" href="index.html" title="Volunteer Overseas">
<img class="white-logo" src="images/logo_1.png" alt="logo1">
<img class="color-logo" src="images/logo.png" alt="logo">
</a>
<!-- Navigation Button Start -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<!-- Navigation Button End -->
<!-- Collapse Start -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="work.html" title="How it works">How It Works</a>
</li>
<li class="nav-item link-item">
<a class="nav-link" href="contact-us.html" title="Contact us">Contact Us</a>
</li>
</ul>
<form class="form-inline my-2 my-sm-0 d-sm-block">
<a href="login.html" class="btn btn-link " title="Login">Login</a>
</form>
</div>
<!-- Collapse End -->
</nav>
<!-- Navbar End -->
</header>
<!-- Header End -->
<!-- Banner Start -->
<div class="banner">
<h1>Ghana Medical Volunteers</h1>
<button type="button" class="btn btn-light view-photo" data-toggle="modal" data-target="#exampleModal" title="View Photos">
<img src="images/photos-icon.png" alt="photos-icon">
View Photos
</button>
</div>
<!-- Banner End -->
<!-- Main Content Start -->
<div class="container index-content">
<div class="row">
<div class="col-lg-8">
<div class="section-heading clearfix">
<h2>Ghana Medical Volunteers</h2>
<div class="location-pin">
<img src="images/pin.png" alt="location">
<h3>Kumasi, Ghana</h3>
</div>
<h6><span>16 People </span>are viewing this program</h6>
</div>
<div class="section-subheading clearfix">
<img src="images/play-logo.png" alt="play-logo">
<h3>Plan My Gap Year</h3>
</div>
<ul class="information clearfix">
<li>
<img src="images/icon1.png" alt="icon1">
<p>From $714 for 2 <span> Weeks</span></p>
</li>
<li>
<img src="images/icon2.png" alt="icon2">
<p> 2 - 24 Weeks</p>
</li>
<li class="large-icon">
<img src="images/icon4.png" alt="icon4">
<p> 18 And Older</p>
</li>
</ul>
<div class="nav navigation-menu" id="nav-tab" role="tablist">
<a href="#nav-description" class="nav-item nav-link active" id="nav-desription-tab" data-toggle="tab" role="tab" aria-controls="nav-description" aria-selected="true">DESCRIPTION</a>
<a href="#nav-location" class="nav-item nav-link" id="nav-location-tab" data-toggle="tab" role="tab" aria-controls="nav-location" aria-selected="false">LOCATION</a>
<a href="#nav-cost" class="nav-item nav-link" id="nav-cost-tab" data-toggle="tab" role="tab" aria-controls="nav-cost" aria-selected="false">COST</a>
<a href="#nav-dates" class="nav-item nav-link" id="nav-dates-tab" data-toggle="tab" role="tab" aria-controls="nav-dates" aria-selected="false">DATES</a>
<a href="#nav-organization" class="nav-item nav-link" id="nav-organization-tab" data-toggle="tab" role="tab" aria-controls="nav-organization" aria-selected="false">ORGANIZATION</a>
</div>
<!-- Tabbing Start -->
<div class="tab-content" id="nav-tabContent">
<div class="description-block tab-pane fade show active" data-toggle="tab" data-target="#desription" role="tabpanel" id="nav-description" aria-labelledby="nav-desription-tab">
<h2>Description</h2>
<video class="video-description" controls><source src="video/video.mp4" type="video/mp4">
</video>
<h4>Overview</h4>
<p>PMGY's Ghana Medical The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail.</p>
<p>The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.</p>
<p>The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty.</p>
<p>The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty.</p>
<p>The Healthcare facilities in Ghana are not very widespread and due to extreme poverty.</p>
<p class="description-end">The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable to avail of the basic medical facilities.The Healthcare facilities in Ghana are not very widespread and due to extreme poverty, many people are still unable.</p>
<h4>Field Conditions</h4>
<p>This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.</p>
<p>Volunteering Solutions strives to provide best of the living and other arrangements to its volunteers. Like we keep saying, just pack your bags and arrive at your placement destination. From your airport pickup, stay, meals, weekend tours and other nitty gritties, VolSol manages everything for you.On weekdays, participants have free time in the evenings and spend time relaxing at their accommodation or socializing with other volunteers and the local people.</p>
<p>ou will be met by our representative at Kotoka International Airport in Accra from where you are transferred to your project location. Volunteers will stay overnight in Accra at hotel accommodation provided by Volunteering Solutions and travel to Tamale the next day. For those volunteers who are arriving in Accra in the morning, you can also take a connecting flight to Tamale directly from Accra. You will be met at Tamale airport and transferred to your accommodation in that case.On weekdays, participants have free time in the evenings and spend time relaxing at their accommodation or socializing with other volunteers and the local people.</p>
<p>Volunteers will be staying at a standard Ghanaian volunteer homestay managed by the local program coordinator. In case space is not available in the volunteer home, you will be accommodated with a Ghanaian Host family. Accommodation is either provided in an individual or shared room along with other volunteer. By staying with a family you will experience the local Ghanaian culture, language customs and traditions. There are separate rooms for male and female volunteers with shared toilet facilities. Participants should note that living is of basic standard and you should not expect luxuries. Power cuts are common in Ghana and most rural houses do not have running water.</p>
<p>Bedding is provided, however volunteers need to bring their own towels and mosquito nets (these can also be purchased in Ghana). Air conditioning is available in the volunteer house and the participants need to pay extra charge to avail the facility in country.</p>
<p>An orientation and briefing session will be provided by your local coordinator. Areas like culture, safety, locations, transportation are covered in the Orientation. After your orientation is over, you will be introduced to your project and also given a tour of the local market and town of Tamale.</p>
<p class="description-end">Volunteers are provided with 2 meals (breakfast and dinner) at the host family house. Ghanaian cuisine consists primarily of starches, soups, beans, meat and fish. The Starches consist mainly of rice and doughy balls made from mashed cassava, plantain or yams. Famous Ghanaian dishes include Banku and Fufu.</p>
<h4>Your Impact</h4>
<p>This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.Qualified medical volunteers work in the areas of maternal health, mental health, surgery, laboratories, counseling, and testing.</p>
<p>This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.Qualified medical volunteers work in the areas of maternal health, mental health, surgery, laboratories, counseling, and testing. </p>
<p>The departments we can arrange placements in are:</p>
<p>This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.Qualified medical volunteers work in the areas of maternal health, mental health, surgery, laboratories, counseling, and testing. </p>
<p>This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.That is not at all allowed at our place so do not be panic for such kind of parameters.This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.</p>
<p class="description-end">This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.That is not at all allowed at our place so do not be panic for such kind of parameters.This program is particularly suited for those volunteers who are interested in health issues and doing ‘hands-on’ clinical work. Volunteers work for around 6 hrs a day for 5 days a week. Volunteers schedule is flexible and can vary depending on the needs of the placement.</p>
<video controls><source src="video/video.mp4" type="video/mp4">
</video>
</div>
<div class="location-block tab-pane fade" data-toggle="tab" data-target="#location" id="nav-location" role="tabpanel" aria-labelledby="nav-location-tab">
<h2>Location</h2>
<h4> <img src="images/pin.png" alt="pin"> Kumasi, Ghana</h4>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d253609.67064012794!2d-1.756192812569436!3d6.690065684921107!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xfdb93e59a4e4c49%3A0x829c711d7b65e682!2sKumasi%2C+Ghana!5e0!3m2!1sen!2sin!4v1547005622471" class="frame-style" allowfullscreen></iframe>
<div class="location-details">
<ul class="volunteering-details">
<li><img src="images/pin.png" alt="location-pin"><h2>Where you will be volunteering</h2></li>
<li><h3>Manhyia Government Hospital, Kumasi, Ghana, Africa</h3></li>
<li><h4>250 km by Bus from Kolkata International Airport</h4></li>
</ul>
<ul class="staying-details">
<li><img src="images/bluemap-pin.png" alt="location-pin"><h2>Where you'll be staying</h2></li>
<li><h3>Volunteer House Kumasi, Ghana, Africa</h3></li>
<li><h4>19,2 km from where you'll be volunteering</h4></li>
</ul>
<ul class="plane-details">
<li><img src="images/plane-ico.png" alt="location-pin"><h2>Nearest Airport</h2></li>
<li><h3>Kolkata International Airport, Accra, Ghana, Africa</h3></li>
</ul>
</div>
</div>
<div class="cost-block tab-pane fade" data-toggle="tab" data-target="#cost" id="nav-cost" role="tabpanel" aria-labelledby="nav-cost-tab">
<h2>Cost</h2>
<p>The cost listed below includes a registration fee of $193.00. The remainder or Program fee is due 60 days prior to the start of your program:</p>
<div class="main-cost">
<div class="duration-set">
<img src="images/icon2.png" alt="time">
<h3>Duration</h3>
<select class="dk-select" id="normal_selects">
<option>2 weeks</option>
<option>3 weeks</option>
<option>4 weeks</option>
<option>5 weeks</option>
<option>6 weeks</option>
</select>
<h4>8 Weeks</h4>
</div>
<div class="cost-set">
<img src="images/icon1.png" alt="dollar">
<h3>Cost:</h3>
<h4>$714</h4>
</div>
</div>
<div class="cost-data">
<div class="included-cost">
<h3>What's Included</h3>
<ul>
<li>Accommodation (Volunteer House)</li>
<li>Meals (Breakfast, Lunch & Dinner)</li>
<li>Airport Pick Up (24 Hours)</li>
<li>In-country Orientation</li>
<li>24 Hour In-country Support</li>
<li>24 Hour UK-based Support</li>
<li>Comprehensive Volunteer Handbook</li>
<li>Live Pre-departure Webinars</li>
<li>100% Financial Protection</li>
<li>Regular Program Inspection</li>
<li>Certificate Of Completion </li>
</ul>
</div>
<div class="not-included-cost">
<h3>What's Not Included</h3>
<ul>
<li>Transport To Project ($0-$6 Per Day) </li>
<li>Fights To Accra ($600-$1050)</li>
<li>Return Airport Transfer ($75)</li>
<li>Travel Insurance ($22.5) Per Week </li>
<li>Visa ($90-$150)</li>
<li>Criminal Background Check (Varies)</li>
</ul>
</div>
</div>
</div>
<div class="dates-block tab-pane fade" data-toggle="tab" data-target="#dates" role="tabpanel" id="nav-dates" aria-labelledby="nav-dates-tab">
<div>
<h2>Project Start Dates</h2>
<p>As of 2017, text messages are used by youth and adults for personal, family, business and social purposes. Governmental and non-governmental organizations use text messaging for communication between colleagues. In the 2010s, the sending of short informal messages has become an accepted part of many cultures, as happened earlier with emailing.</p>
<p>This makes texting a quick and easy way to communicate with friends, family and colleagues, including in contexts where a call would be impolite or inappropriate.</p>
<p>Like e-mail and voicemail, and unlike calls (in which the caller hopes to speak directly with the recipient), texting does not require the caller and recipient to both be free at the same moment; this permits communication even between busy individuals.</p>
<p>Advertisers and service providers use direct text marketing to send messages to mobile users about promotions.mobile users about promotions.</p>
</div>
<div class="owl-carousel table-carousel">
<div class="item">
<table class="table">
<tr>
<th>January 2018</th>
<th>February 2018</th>
<th class="hidden-option">March 2018</th>
<th class="hidden-option">April 2018</th>
</tr>
<tr>
<td><span>07</span> Sunday</td>
<td><span>04</span> Sunday</td>
<td class="hidden-option"><span>07</span> Sunday</td>
<td class="hidden-option"><span>04</span> Sunday</td>
</tr>
<tr>
<td><span>21</span> Sunday</td>
<td><span>18</span> Sunday</td>
<td class="hidden-option"><span>21</span> Sunday</td>
<td class="hidden-option"><span>18</span> Sunday</td>
</tr>
</table>
</div>
<div class="item">
<table class="table">
<tr>
<th>May 2018</th>
<th>June 2018</th>
<th class="hidden-option">July 2018</th>
<th class="hidden-option">August 2018</th>
</tr>
<tr>
<td><span>07</span> Sunday</td>
<td><span>04</span> Sunday</td>
<td class="hidden-option"><span>07</span> Sunday</td>
<td class="hidden-option"><span>04</span> Sunday</td>
</tr>
<tr>
<td><span>21</span> Sunday</td>
<td><span>18</span> Sunday</td>
<td class="hidden-option"><span>21</span> Sunday</td>
<td class="hidden-option"><span>18</span> Sunday</td>
</tr>
</table>
</div>
<div class="item">
<table class="table">
<tr>
<th>September 2018</th>
<th>October 2018</th>
<th class="hidden-option">November 2018</th>
<th class="hidden-option">December 2018</th>
</tr>
<tr>
<td><span>07</span> Sunday</td>
<td><span>04</span> Sunday</td>
<td class="hidden-option"><span>07</span> Sunday</td>
<td class="hidden-option"><span>04</span> Sunday</td>
</tr>
<tr>
<td><span>21</span> Sunday</td>
<td><span>18</span> Sunday</td>
<td class="hidden-option"><span>21</span> Sunday</td>
<td class="hidden-option"><span>18</span> Sunday</td>
</tr>
</table>
</div>
</div>
<!-- <script>
$('.table-carousel').owlCarousel({
loop:true,
dots:false,
margin:10,
nav:true,
items:1
})
</script> -->
</div>
<div class="organization-block tab-pane fade" data-toggle="tab" role="tabpanel" data-target="#organization" id="nav-organization" aria-labelledby="nav-organization-tab">
<h2>Organization</h2>
<p class="p">Text messaging is most often used between private mobile phone users, as a substitute for voice calls in situations where voice communication is impossible or undesirable (e.g., during a school class or a work meeting). Texting is also used to communicate very brief messages, such as informing someone that you will be late or reminding a friend or colleague about a meeting.</p>
<p>Short message services are developing very rapidly throughout the world. SMS is particularly popular in Europe, Asia (excluding Japan; see below), United States, Australia and New Zealand and is also gaining influence in Africa. Popularity has grown to a sufficient extent that the term texting (used as a verb meaning the act of mobile phone users sending short messages back and forth) has entered the common lexicon. Young Asians consider SMS as the most popular mobile phone application.</p>
<p>Short message services are developing very rapidly throughout the world. SMS is particularly popular in Europe, Asia (excluding Japan; see below), United States, Australia and New Zealand and is also gaining influence in Africa. Popularity has grown to a sufficient extent that the term texting (used as a verb meaning the act of mobile phone users sending short messages back and forth) has entered the common lexicon. Young Asians consider SMS as the most popular mobile phone application.</p>
</div>
</div>
<!-- Tabbing End -->
<!-- Button Start -->
<div class="content-center">
<button type="button" class="btn btn-danger" title="Apply Now" onclick="window.location.href='signup.html'">Apply Now
</button>
</div>
<!-- Button End -->
</div>
<div class="col-lg-4 apply-form">
<!-- Form Start -->
<form>
<h6><b>23 people </b>are researching this project</h6>
<label>Project start date</label>
<input type="text" class="form-group" id="datepicker01" name="datetime" placeholder="mm/dd/yyyy">
<label for="normal_selecting">Duration</label>
<select class="dk-select" id="normal_selecting">
<option>1 week</option>
<option selected>2 weeks</option>
<option>3 weeks</option>
<option>4 weeks</option>
</select>
<button type="button" class="btn btn-danger" title="Apply Now" onclick="window.location.href='signup.html'">Apply Now
</button>
<p>Applying through Volunteer Overseas gets you access to exclusive
<a href="#">travel scholerships</a>
and a no-fee
<a href="#">fundraising platform</a>
</p>
</form>
<!-- Form End -->
</div>
</div>
</div>
<!-- Main Content End -->
<!-- Footer Start -->
<footer class="footer">
<a href="#" title="Volunteer overseas"><img src="images/logo_1.png" alt="volunteer overseas"></a>
<ul>
<li><a href="#" title="FAQ">Faq</a></li>
<li><a href="#" title="Contact Us">Contact us</a></li>
</ul>
</footer>
<!-- Footer End -->
<!-- Modal Start-->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<!-- Modal-body Start -->
<div class="modal-body">
<!-- Swiper Start-->
<div class="swiper-container gallery-top" style="height: 400px;">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(images/banner3.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner5.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner-img.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/contact-banner.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/faq-banner.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner2.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner3.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner2.jpg)"></div>
</div>
<!-- Arrows Add-->
<div class="swiper-button-next swiper-button-white">
</div>
<div class="swiper-button-prev swiper-button-white">
</div>
</div>
<div class="swiper-container gallery-thumbs" style="height: 100px;">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image:url(images/banner3.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner5.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner-img.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/contact-banner.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/faq-banner.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner2.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner3.jpg)"></div>
<div class="swiper-slide" style="background-image:url(images/banner2.jpg)"></div>
</div>
</div>
<!-- Swiper End -->
</div>
<!-- Modal-body End -->
</div>
</div>
</div>
<!-- Modal End -->
</body>
</html>