-
Notifications
You must be signed in to change notification settings - Fork 0
/
How to book.html
311 lines (290 loc) · 16.1 KB
/
How to book.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
<!DOCTYPE html>
<html lang="en_US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta property="og:title" content="Cebu Van for Rental + About Us">
<meta property="og:image" content="https://jackass0528.github.io/Cebu-Van-For-Rental/image/logo.jpg">
<meta property="og:description" content="The Cheapest Van Rental Agency In Cebu City, Philippines">
<meta property="og:url" content="https://jackass0528.github.io/Cebu-Van-For-Rental/How%20to%20book.html">
<link rel="shortcut icon" type="image/jpg" href="image/logo.jpg" loading="lazy" role="presentation">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="aboutUs.css">
<link rel="stylesheet" href="Carrental.css">
<link rel="stylesheet" href="cebucitytour.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Cebu Van For Rentat Contact Us</title>
</head>
<body>
<button id="back-to-top-btn" title="back-to-top"><img src="image/arrow.png" loading="lazy" role="presentation" alt="back to top"></button>
<!-- header start -->
<header class="header">
<div class="header-contact">
<div class="header-contact-box">
<div class="headrer-contact-and-map">
<span><a href="https://goo.gl/maps/YZJ5ZSuNzszLiqJ16"><i class="fa fa-map-marker"></i>Maracas Lahug Cebu City, Philippines</a></span>
</div>
<div class="header-contact-phone-number">
<ul>
<li><a href="tel:+639670871904" class="fa fa-phone-square"> 09670871904</a></li>
<li><a href="tel:+63933357789" class="fa fa-phone-square">09333577889</a></li>
<li id="landline"><a href="tel:+0322661606" class="fa fa-phone-square">+032 2661606</a></li>
</ul>
</div>
</div>
<div class="moving-text-container">
<div class="moving-text">
<marquee>
<b>ANNOUNCEMENT:</b>
<!--
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
<span>website under construction</span>
-->
<span>1.Starting October 27, 2023 kawasan Canyonnering we addtional 1000 per head.</span>
<span>2.tumalog falls temporarily closed until further notice due to low water level in summer season. </span>
<span>3.Canyonnering and Kawasan Falls closed every 3nd Wednesday of the month for clean-up driver and Rest day of the tour guide.</span>
<span>4.Sumilon Island closed every 3nd Wednesday of the month for clean-up driver</span>
</marquee>
</div>
</div>
</div>
<div class="container">
<div class="header-main">
<div class="logo">
<a href="index.html"><img src="image/header-logo.jpg" loading="lazy" srcset="
image/header-logo.jpg 500w,
image/header-logo.jpg 1000w,
image/header-logo.jpg 1500w"
Sizes="(min-width: 760px) 50vw, 100vw" alt="footer-logo">
</a>
</div>
<div class="open-nav-menu">
<span></span>
</div>
<div class="menu-overlay">
</div>
<!-- navigation menu start -->
<nav class="nav-menu">
<div class="close-nav-menu">
<img src="image/close.png" alt="close">
</div>
<ul class="menu">
<li class="menu-item menu-item-has-children">
<a href="index.html" id="hide">Home</a>
</li>
<li class="menu-item menu-item-has-children">
<a href="cebucitytour.html" data-toggle="sub-menu">Cebu City Tour<i class="plus"></i></a>
<ul class="sub-menu">
<li class="menu-item"><a href="City-Tour.html">Cebu City Tour With Uphill (Sirao Garden, Tempale of Leah)</a></li>
<li class="menu-item"><a href="Half-Day-Cebu-City-tour-with-Airport-Transfer.html">Half Day Cebu City Tour with Aiport Transfer</a></li>
<li class="menu-item"><a href="CebuCityTour+Simala.html">Cebu City Tour with Uphill (Sirao Garden , Temple of Leah) + Simala Shrine</a></li>
<li class="menu-item"><a href="Cebu-City-Tour-Mountain-Tour.html">Cebu City Tour + Mountain Tour</a></li>
<li class="menu-item"><a href="3-days-2-nigths-Cebu-Tour-Package.html">3days and 2nigths Cebu City Tour + Simala Shrine + Whale Shark Watching + Sumilon Island + Tumalog Falls + Kawasan Falls or Alegria Falls full course Canyonnering + Moalboal Sardines Run</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="cebusouthtour.html" data-toggle="sub-menu">South Tour Cebu <i class="plus"></i></a>
<ul class="sub-menu">
<li class="menu-item"><a href="Whale-Shark-Watching-in-Oslob-Cebu.html">Oslob Whale Shark Watching</a></li>
<li class="menu-item"><a href="Moalboal+Kawasan.html">Moalboal Sardines Run + Kawasan Falls with guide</a></li>
<li class="menu-item"><a href="Whale-Shark-Watching-Sumilon-Island-Kawasan-Falls-Moalboal.html">Whale Shark Watching + Sumilon Island + Kawasan Falls or Alegria Falls full course Canyonnering + Moalboal Sardines Run</a></li>
<li class="menu-item"><a href="Whale-Shark-Watching-Tumalog-Falls-Sumilon-Island-Simala-Shrine-Pasalubong.html">Whale Shark Watching + Tumalog Falls + Sumilon Island + Simala Shrine + Pasalubong (CarCar, Taboan Public Market)</a></li>
<li class="menu-item"><a href="3-days-2-nigths-Cebu-Tour-Package.html">3days and 2nigths Cebu City Tour + Simala Shrine + Whale Shark Watching + Sumilon Island + Tumalog Falls + Kawasan Falls + Moalboal Sardines Run</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="CebuNorthTour.html" data-toggle="sub-menu">North Tour Cebu <i class="plus"></i></a>
<ul class="sub-menu">
<li class="menu-item"><a href="BantayanIslandCebu.html">Best Bantayan Island Day Tour Packge with Virgin Island Hopping</a></li>
<li class="menu-item"><a href="CebuSafari.html">Cebu Safari and Adventure Park Package Tour</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="CarRental.html" data-toggle="sub-menu">Car Rental<i class="plus"></i></a>
<ul class="sub-menu">
<li class="menu-item"><a href="Cebu Itenerary Package Tour Van & Car Rental With Driver.html">Cebu Itinerary Package Tour Van & Car Rental</a></li>
<li class="menu-item"><a href="ProvincialCarAndVanRental.html">Province Cebu Car & Van Rental</a></li>
<li class="menu-item"><a href="CityCarRentalWithdriver.html">City Limit Van & Car Rental</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="ContactUs.html" data-toggle="sub-menu">Contact Us<i class="plus"></i></a>
<ul class="sub-menu">
<li class="menu-item"><a href="aboutUs.html">About Us</a></li>
<li class="menu-item"><a href="Frequently Asked Questions.html">Frequently Asked Questions</a></li>
<li class="menu-item"><a href="Terms and Conditions.html">Terms and Conditions</a></li>
<li class="menu-item"><a href="How to book.html">How to Book</a></li>
<li class="menu-item"><a href="promo.html">Promo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children" id="Mobile-donate-button">
<button class="btn-donate"><a href="CharityPage.html">DONATE</a></button>
</li>
</ul>
</nav>
<!-- navigation menu end -->
</div>
</div>
</header>
<!-- header end -->
<section class="banner-car-aboutUs">
<div class="banner-highlights-1">
<div class="container-1">
<h2>How To Book</h2>
<p>The Cheapest Van Rental Agency In Cebu City, Philippines</p>
</div>
</div>
</section>
<!---table Section---->
<div class="timeline-container">
<div class="timeline-main">
<ul>
<li>
<div class="timeline-content">
<h3 class="date">CHOOCE A TOUR</h3>
<h1>Chooce the tour package you want to book</h1>
<img src="image/step1.jpg" loading="lazy" role="presentation" alt="timeline">
<p>you can select either from the menu or search the tour from the search box at the homepage.</p>
</div>
<span><b>1step</b></span>
</li>
<li>
<div class="timeline-content">
<h3 class="date">FILL UP THE FORM</h3>
<h1>Fill up the booking form on the page</h1>
<p>if you are in the destop, the reservation form is located at the rigth side of
the package details. When viewed in the mobile,scroll down to the bottom of the
page and you will see the form.</p>
<img src="image/booking-form-2.png" loading="lazy" role="presentation" alt="fill up form" >
</div>
</li>
<li>
<div class="timeline-content">
<h3 class="date">REVIEW DETAILS</h3>
<h1>Review Details</h1>
<img src="image/booking-3.png" loading="lazy" role="presentation" alt="Review details">
<p>double-check your EMAIL ADDRESS, PACKAGE DETAILS "write down your package details", and DISCOUNT-
to avail discounted you need to choices you can KEEP IT or DONATE IT to avial the 10% discount.</p>
<p>Make sure to choose the PAYMENT method for your 20% down payment then click SUBMIT button.</p>
</div>
</li>
<li>
<div class="timeline-content">
<h3 class="date">PAYMENT</h3>
<h1>How to Pay</h1>
<img src="image/booking-4.jpg" loading="lazy" role="presentation" alt="payment">
<p>If you chooce Gcash we need only the transaction reciept, you sent our social media like <a href="https://www.facebook.com/CebuVanforRental/"><b style="color: white; text-decoration: underline;"> facebook </b></a> or <a href="https://www.instagram.com/ctdvanrentalandtours/"><b style="color: white; text-decoration: underline;"> Instagram </b></a>, same to other transaction all we need is reciept and sent to us.</p>
</div>
</li>
<li>
<div class="timeline-content">
<h3 class="date">CONFIRMATION</h3>
<h1>Confirmation</h1>
<img src="image/Booking-form-5.jpg" loading="lazy" role="presentation" alt="Confirmation">
<p>When we receive all we need we send it back by Email, We send you Booking Details just download the attached file and you can see it in the picture above.</p>
<p>You can see your driver details, type of vehicle and your total balance. If you have any concern you can <a href="https://jackass0528.github.io/Cebu-Van-For-Rental/ContactUs.html"><b style="color: white; text-decoration: underline;">Contact Us.</b></a> </p>
</div>
</li>
</ul>
</div>
</div>
<!---table Section---->
<section class="payment-section">
<div class="payment-header">
<h3>ACCEPTED PAYMENTS</h3>
</div>
<div class="payment">
<div class="payment-item-1">
<b>E-Wallets</b>
<ul id="E-Wallets">
<li><img src="image/gcash (2).png" loading="lazy" role="presentation" alt="gcash"></li>
<li><img src="image/payMaya.png" loading="lazy" role="presentation" alt="gcash"></li>
</ul>
</div>
<div class="payment-item-2">
<b>Bank Transfers/Deposit</b>
<ul id="Bank">
<li><img src="image/ChinaBank.png" loading="lazy" role="presentation" alt="gcash"></li>
<li><img src="image/BPI.jpg" loading="lazy" role="presentation" alt="gcash"></li>
</ul>
</div>
</div>
</section>
<!---header 3 end Section---->
<!---footer Section---->
<section class="footer">
<div class="container-footer">
<div class="footer-row-main">
<div class="col-md-1">
<h4>Contact Us</h4>
<ul>
<li><i class="fa fa-phone-square"></i><a href="tel:+639670871904">09670871904</a></li>
<li><i class="fa fa-envelope"></i><a href="mailto:[email protected]" rel="alternate">[email protected]</a></li>
<li><i class="fa fa-home"></i><a href="https://goo.gl/maps/YZJ5ZSuNzszLiqJ16"> Maracas Lahug Cebu City, Philippines</a></li>
</ul>
<div class="col-md-logo">
<a href="index.html"><img src="image/logo.jpg" class="footer-logo" loading="lazy" role="presentation" alt="logo"></a>
</div>
</div>
<div class="col-md-2">
<h4>Features</h4>
<ul>
<li><a href="Frequently Asked Questions.html">Frequently Asked Questions</a></li>
<li><a href="How to book.html">How to Book</a></li>
<li><a href="Terms and Conditions.html">Terms and Conditions</a></li>
<li><a href="aboutUs.html">About Us</a> </li>
<li><a href="promo.html">Promo</a></li>
</ul>
</div>
<div class="col-md-3">
<h4>Follow Us on</h4>
<ul>
<li><i class="fa fa-facebook"></i><a href="https://www.facebook.com/CebuVanforRental/" rel="alternate"> Facebook</a></li>
<li><i class="fa fa-youtube-play"></i><a href="https://www.youtube.com/@cebuvanforrent9162" rel="alternate"> YouTube</a></li>
<li><i class="fa fa-instagram"></i><a href="https://www.instagram.com/ctdvanrentalandtours/" rel="alternate"> Instagram</a></li>
<li><i class="fa fa-pinterest"></i><a href="https://www.pinterest.ph/cebuvanforrental/" rel="alternate">Pinterest</a></li>
<li><i class="fa fa-github"></i><a href="https://github.com/jackass0528" rel="alternate"> Github</a></li>
</ul>
</div>
</div>
<div class="footer-row-logo-copyrigth">
<div class="col-md-5">
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://jackass0528.github.io/Cebu-Van-For-Rental/image/logo.jpg">Cebu Van for Rental</a> by <a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="https://cebuvanforrental.com">Ronald</a> is licensed under <a href="http://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" >CC BY 4.0<img style="height:22px!important;margin-left:3px;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt="license"><img style="height:22px!important;margin-left:3px;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt="license"></a></p>
</div>
</div>
</div>
</div>
</section>
<!---footer End Section---->
<!---Start Chatbox Section---->
<div class="fab">
<img src="image/chat-3-line.png" alt="">
</div>
<div class="box-1">
<a href="https://m.me/106861580760829" class="item item1"><img src="image/messenger-line.png" alt="messenger-line"></a>
<a href="tel:+639670871904" class="item item2"><img src="image/phone-line.png" alt="phone-line"></a>
<a href="https://wa.me/+639333577889" class="item item3"><img src="image/whatsapp-line.png" alt="whatsapp"></a>
</div>
<script>
document.querySelector('.fab').addEventListener('click',function(e){
document.querySelector('.box-1').classList.toggle('box-1-active');
document.querySelector('.fab').classList.toggle('fab-active');
});
</script>
<!---end Chatbox Section---->
<script src="script.js"></script>
</body>
</html>