-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
511 lines (468 loc) · 22.4 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
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
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Backroads Tour Company</title>
<!-- favicon -->
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
<!-- font-awesome -->
<link rel="stylesheet" href="./fontawesome-free-5.12.1-web/css/all.css" />
<!-- styles css -->
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<!-- header -->
<header id="home">
<!-- navbar -->
<nav class="navbar">
<div class="nav-center">
<!-- nav header -->
<div class="nav-header">
<a href="./index.html" class="nav-logo">
<svg width="175" height="30" viewBox="0 0 175 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
id="back-text"
d="M10.688 9.36C11.664 9.568 12.448 10.056 13.04 10.824C13.632 11.576 13.928 12.44 13.928 13.416C13.928 14.824 13.432 15.944 12.44 16.776C11.464 17.592 10.096 18 8.336 18H0.488V1.152H8.072C9.784 1.152 11.12 1.544 12.08 2.328C13.056 3.112 13.544 4.176 13.544 5.52C13.544 6.512 13.28 7.336 12.752 7.992C12.24 8.648 11.552 9.104 10.688 9.36ZM4.592 7.968H7.28C7.952 7.968 8.464 7.824 8.816 7.536C9.184 7.232 9.368 6.792 9.368 6.216C9.368 5.64 9.184 5.2 8.816 4.896C8.464 4.592 7.952 4.44 7.28 4.44H4.592V7.968ZM7.616 14.688C8.304 14.688 8.832 14.536 9.2 14.232C9.584 13.912 9.776 13.456 9.776 12.864C9.776 12.272 9.576 11.808 9.176 11.472C8.792 11.136 8.256 10.968 7.568 10.968H4.592V14.688H7.616ZM20.2923 11.28C20.2923 9.904 20.5483 8.696 21.0603 7.656C21.5883 6.616 22.3003 5.816 23.1963 5.256C24.0923 4.696 25.0923 4.416 26.1963 4.416C27.1403 4.416 27.9643 4.608 28.6683 4.992C29.3883 5.376 29.9403 5.88 30.3243 6.504V4.608H34.4283V18H30.3243V16.104C29.9243 16.728 29.3643 17.232 28.6443 17.616C27.9403 18 27.1163 18.192 26.1723 18.192C25.0843 18.192 24.0923 17.912 23.1963 17.352C22.3003 16.776 21.5883 15.968 21.0603 14.928C20.5483 13.872 20.2923 12.656 20.2923 11.28ZM30.3243 11.304C30.3243 10.28 30.0363 9.472 29.4603 8.88C28.9003 8.288 28.2123 7.992 27.3963 7.992C26.5803 7.992 25.8843 8.288 25.3083 8.88C24.7483 9.456 24.4683 10.256 24.4683 11.28C24.4683 12.304 24.7483 13.12 25.3083 13.728C25.8843 14.32 26.5803 14.616 27.3963 14.616C28.2123 14.616 28.9003 14.32 29.4603 13.728C30.0363 13.136 30.3243 12.328 30.3243 11.304ZM41.3814 11.304C41.3814 9.912 41.6614 8.696 42.2214 7.656C42.7974 6.616 43.5894 5.816 44.5974 5.256C45.6214 4.696 46.7894 4.416 48.1014 4.416C49.7814 4.416 51.1814 4.856 52.3014 5.736C53.4374 6.616 54.1814 7.856 54.5334 9.456H50.1654C49.7974 8.432 49.0854 7.92 48.0294 7.92C47.2774 7.92 46.6774 8.216 46.2294 8.808C45.7814 9.384 45.5574 10.216 45.5574 11.304C45.5574 12.392 45.7814 13.232 46.2294 13.824C46.6774 14.4 47.2774 14.688 48.0294 14.688C49.0854 14.688 49.7974 14.176 50.1654 13.152H54.5334C54.1814 14.72 53.4374 15.952 52.3014 16.848C51.1654 17.744 49.7654 18.192 48.1014 18.192C46.7894 18.192 45.6214 17.912 44.5974 17.352C43.5894 16.792 42.7974 15.992 42.2214 14.952C41.6614 13.912 41.3814 12.696 41.3814 11.304ZM69.7126 18L65.6326 12.384V18H61.5286V0.24H65.6326V10.056L69.6886 4.608H74.7526L69.1846 11.328L74.8006 18H69.7126Z"
fill="#222222"
/>
<path
d="M89.7566 18L86.2526 11.64H85.2686V18H81.1646V1.152H88.0526C89.3806 1.152 90.5086 1.384 91.4366 1.848C92.3806 2.312 93.0846 2.952 93.5486 3.768C94.0126 4.568 94.2446 5.464 94.2446 6.456C94.2446 7.576 93.9246 8.576 93.2846 9.456C92.6606 10.336 91.7326 10.96 90.5006 11.328L94.3886 18H89.7566ZM85.2686 8.736H87.8126C88.5646 8.736 89.1246 8.552 89.4926 8.184C89.8766 7.816 90.0686 7.296 90.0686 6.624C90.0686 5.984 89.8766 5.48 89.4926 5.112C89.1246 4.744 88.5646 4.56 87.8126 4.56H85.2686V8.736ZM107.717 18.192C106.405 18.192 105.221 17.912 104.165 17.352C103.125 16.792 102.301 15.992 101.693 14.952C101.101 13.912 100.805 12.696 100.805 11.304C100.805 9.928 101.109 8.72 101.717 7.68C102.325 6.624 103.157 5.816 104.213 5.256C105.269 4.696 106.453 4.416 107.765 4.416C109.077 4.416 110.261 4.696 111.317 5.256C112.373 5.816 113.205 6.624 113.813 7.68C114.421 8.72 114.725 9.928 114.725 11.304C114.725 12.68 114.413 13.896 113.789 14.952C113.181 15.992 112.341 16.792 111.269 17.352C110.213 17.912 109.029 18.192 107.717 18.192ZM107.717 14.64C108.501 14.64 109.165 14.352 109.709 13.776C110.269 13.2 110.549 12.376 110.549 11.304C110.549 10.232 110.277 9.408 109.733 8.832C109.205 8.256 108.549 7.968 107.765 7.968C106.965 7.968 106.301 8.256 105.773 8.832C105.245 9.392 104.981 10.216 104.981 11.304C104.981 12.376 105.237 13.2 105.749 13.776C106.277 14.352 106.933 14.64 107.717 14.64ZM120.886 11.28C120.886 9.904 121.142 8.696 121.654 7.656C122.182 6.616 122.894 5.816 123.79 5.256C124.686 4.696 125.686 4.416 126.79 4.416C127.734 4.416 128.558 4.608 129.262 4.992C129.982 5.376 130.534 5.88 130.918 6.504V4.608H135.022V18H130.918V16.104C130.518 16.728 129.958 17.232 129.238 17.616C128.534 18 127.71 18.192 126.766 18.192C125.678 18.192 124.686 17.912 123.79 17.352C122.894 16.776 122.182 15.968 121.654 14.928C121.142 13.872 120.886 12.656 120.886 11.28ZM130.918 11.304C130.918 10.28 130.63 9.472 130.054 8.88C129.494 8.288 128.806 7.992 127.99 7.992C127.174 7.992 126.478 8.288 125.902 8.88C125.342 9.456 125.062 10.256 125.062 11.28C125.062 12.304 125.342 13.12 125.902 13.728C126.478 14.32 127.174 14.616 127.99 14.616C128.806 14.616 129.494 14.32 130.054 13.728C130.63 13.136 130.918 12.328 130.918 11.304ZM141.975 11.28C141.975 9.904 142.231 8.696 142.743 7.656C143.271 6.616 143.983 5.816 144.879 5.256C145.775 4.696 146.775 4.416 147.879 4.416C148.759 4.416 149.559 4.6 150.279 4.968C151.015 5.336 151.591 5.832 152.007 6.456V0.24H156.111V18H152.007V16.08C151.623 16.72 151.071 17.232 150.351 17.616C149.647 18 148.823 18.192 147.879 18.192C146.775 18.192 145.775 17.912 144.879 17.352C143.983 16.776 143.271 15.968 142.743 14.928C142.231 13.872 141.975 12.656 141.975 11.28ZM152.007 11.304C152.007 10.28 151.719 9.472 151.143 8.88C150.583 8.288 149.895 7.992 149.079 7.992C148.263 7.992 147.567 8.288 146.991 8.88C146.431 9.456 146.151 10.256 146.151 11.28C146.151 12.304 146.431 13.12 146.991 13.728C147.567 14.32 148.263 14.616 149.079 14.616C149.895 14.616 150.583 14.32 151.143 13.728C151.719 13.136 152.007 12.328 152.007 11.304ZM169.328 18.192C168.16 18.192 167.12 17.992 166.208 17.592C165.296 17.192 164.576 16.648 164.048 15.96C163.52 15.256 163.224 14.472 163.16 13.608H167.216C167.264 14.072 167.48 14.448 167.864 14.736C168.248 15.024 168.72 15.168 169.28 15.168C169.792 15.168 170.184 15.072 170.456 14.88C170.744 14.672 170.888 14.408 170.888 14.088C170.888 13.704 170.688 13.424 170.288 13.248C169.888 13.056 169.24 12.848 168.344 12.624C167.384 12.4 166.584 12.168 165.944 11.928C165.304 11.672 164.752 11.28 164.288 10.752C163.824 10.208 163.592 9.48 163.592 8.568C163.592 7.8 163.8 7.104 164.216 6.48C164.648 5.84 165.272 5.336 166.088 4.968C166.92 4.6 167.904 4.416 169.04 4.416C170.72 4.416 172.04 4.832 173 5.664C173.976 6.496 174.536 7.6 174.68 8.976H170.888C170.824 8.512 170.616 8.144 170.264 7.872C169.928 7.6 169.48 7.464 168.92 7.464C168.44 7.464 168.072 7.56 167.816 7.752C167.56 7.928 167.432 8.176 167.432 8.496C167.432 8.88 167.632 9.168 168.032 9.36C168.448 9.552 169.088 9.744 169.952 9.936C170.944 10.192 171.752 10.448 172.376 10.704C173 10.944 173.544 11.344 174.008 11.904C174.488 12.448 174.736 13.184 174.752 14.112C174.752 14.896 174.528 15.6 174.08 16.224C173.648 16.832 173.016 17.312 172.184 17.664C171.368 18.016 170.416 18.192 169.328 18.192Z"
fill="#3FD0D4"
/>
</svg>
</a>
<!-- theme button toggle here -->
<button
type="button"
class="nav-toggle theme-toggle"
id="theme-toggle"
>
<i id="theme-toggler" class="fas fa-moon"></i>
</button>
<button type="button" class="nav-toggle" id="nav-toggle">
<i class="fas fa-bars"></i>
</button>
</div>
<!-- end of nav header -->
<!-- nav links -->
<ul class="nav-links" id="nav-links">
<!-- single link -->
<li>
<a href="#home" class="nav-link scroll-link">Home</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#about" class="nav-link scroll-link">about</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#services" class="nav-link scroll-link">services</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#featured" class="nav-link scroll-link">featured</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#gallery" class="nav-link scroll-link">Gallery</a>
</li>
<!-- end of single link -->
</ul>
<!-- end of nav links -->
<!-- nav icons -->
<ul class="nav-icons">
<!-- a single icon -->
<li>
<a
href="https://www.instagram.com/vivekbossss/"
target="_blank"
class="nav-icon"
>
<i class="fab fa-instagram"></i>
</a>
</li>
<!-- end of single icon -->
<!-- a single icon -->
<li>
<a
href="https://twitter.com/i_vivek_jsr"
target="_blank"
class="nav-icon"
>
<i class="fab fa-twitter"></i>
</a>
</li>
<!-- end of single icon -->
<!-- a single icon -->
<li>
<a
href="https://www.linkedin.com/in/vivek-chatterjee-a590421b7"
target="_blank"
class="nav-icon"
>
<i class="fab fa-linkedin"></i>
</a>
</li>
<!-- end of single icon -->
</ul>
<!-- end of nav icons -->
</div>
</nav>
<!-- end of navbar -->
<!-- hero -->
<div class="hero">
<div class="hero-banner">
<h1>Continue Exploring</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate
consequatur consectetur, atque obcaecati voluptatibus facilis.
</p>
<a
href="https://www.explore.co.uk/"
target="_blank"
class="btn hero-btn"
>Explore Tours</a
>
</div>
</div>
</header>
<!-- end of header -->
<!-- about section -->
<section class="section" id="about">
<!-- title -->
<div class="section-title">
<h2>About <span>us</span></h2>
<div class="section-center about-center">
<article class="about-img">
<img src="./images/about.jpeg" class="about-photo" alt="" />
</article>
<article class="about-info">
<h3>explore the difference</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error
minima aliquid blanditiis, ea at impedit assumenda velit pariatur
delectus culpa?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error
minima aliquid blanditiis, ea at impedit assumenda velit pariatur
delectus culpa?
</p>
<a
href="https://www.vox.com/2015/5/19/8624675/what-is-illuminati-meaning-conspiracy-beyonce"
target="_blank"
class="btn"
>read more</a
>
</article>
</div>
</div>
</section>
<!-- end of about section -->
<!-- services -->
<section class="section services" id="services">
<div class="section-title">
<h2>Our <span>Services</span></h2>
<div class="section-center services-center">
<article class="service">
<span class="service-icon">
<i class="fas fa-tree fa-fw"></i>
</span>
<div class="service-info">
<h4 class="service-title">endless biking</h4>
<p class="service-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est
dolorem corrupti iure sit excepturi maxime!
</p>
</div>
</article>
<article class="service">
<span class="service-icon">
<i class="fas fa-socks fa-fw"></i>
</span>
<div class="service-info">
<h4 class="service-title">amazing comfort</h4>
<p class="service-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est
dolorem corrupti iure sit excepturi maxime!
</p>
</div>
</article>
<article class="service">
<span class="service-icon">
<i class="fas fa-wallet fa-fw"></i>
</span>
<div class="service-info">
<h4 class="service-title">saving money</h4>
<p class="service-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est
dolorem corrupti iure sit excepturi maxime!
</p>
</div>
</article>
</div>
</div>
</section>
<!--end services -->
<!-- featured tours -->
<section class="section" id="featured">
<div class="section-title">
<h2>featured <span>Tours</span></h2>
</div>
<div class="section-center featured-center">
<!-- single tour -->
<article class="tour-card">
<div class="tour-img-container">
<img src="./images/tour-1.jpeg" class="tour-img" alt="" />
<p class="tour-date">October 30th, 2022</p>
</div>
<div class="tour-info">
<div class="tour-title">
<h4>Tibet Adventure</h4>
<p>6 days</p>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex
dolorum alias provident nulla reiciendis! Possimus tempore
pariatur recusandae ea, alias minima iure itaque a! Deserunt.
</p>
<div class="tour-footer">
<p>
<span><i class="fas fa-map"></i> China</span>
</p>
<p>From $2500</p>
</div>
</div>
</article>
<!-- end of single tour -->
<!-- single tour -->
<article class="tour-card">
<div class="tour-img-container">
<img src="./images/tour-2.jpeg" class="tour-img" alt="" />
<p class="tour-date">July 10th, 2023</p>
</div>
<div class="tour-info">
<div class="tour-title">
<h4>Day Full of Exploration</h4>
<p>8 days</p>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex
dolorum alias provident nulla reiciendis! Possimus tempore
pariatur recusandae ea, alias minima iure itaque a! Deserunt.
</p>
<div class="tour-footer">
<p>
<span><i class="fas fa-map"></i> Indonesia</span>
</p>
<p>From $1500</p>
</div>
</div>
</article>
<!-- end of single tour -->
<!-- single tour -->
<article class="tour-card">
<div class="tour-img-container">
<img src="./images/tour-3.jpeg" class="tour-img" alt="" />
<p class="tour-date">November 15th, 2022</p>
</div>
<div class="tour-info">
<div class="tour-title">
<h4>Best of IT</h4>
<p>7 days</p>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex
dolorum alias provident nulla reiciendis! Possimus tempore
pariatur recusandae ea, alias minima iure itaque a! Deserunt.
</p>
<div class="tour-footer">
<p>
<span><i class="fas fa-map"></i> Hong Kong</span>
</p>
<p>From $5500</p>
</div>
</div>
</article>
<!-- end of single tour -->
<!-- single tour -->
<article class="tour-card">
<div class="tour-img-container">
<img src="./images/tour-4.jpeg" class="tour-img" alt="" />
<p class="tour-date">March 16th, 2023</p>
</div>
<div class="tour-info">
<div class="tour-title">
<h4>Jungle Safari</h4>
<p>20 days</p>
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex
dolorum alias provident nulla reiciendis! Possimus tempore
pariatur recusandae ea, alias minima iure itaque a! Deserunt.
</p>
<div class="tour-footer">
<p>
<span><i class="fas fa-map"></i> Kenya</span>
</p>
<p>From $4500</p>
</div>
</div>
</article>
<!-- end of single tour -->
</div>
<div class="tour-btn">
<a href="https://www.explore.co.uk/" target="_blank" class="btn"
>All Tours</a
>
</div>
</section>
<!-- end of featured tours -->
<!-- contact -->
<section class="section contact" id="contact">
<div class="section-center contact-center">
<article class="contact-title">
<h3>Want Latest Tour Info and Updates?</h3>
<p>Sign up for newsletter and stay up to date.</p>
</article>
<form
action="https://formspree.io/f/meqdldno"
method="POST"
class="contact-form"
>
<input
type="email"
name="email"
class="form-control"
placeholder="Your Email"
/>
<button class="btn-submit">Submit</button>
</form>
</div>
</section>
<!-- end of contact -->
<!-- gallery -->
<section id="gallery">
<div class="gallery-center">
<!-- single item -->
<article class="gallery-img-container">
<img src="./images/tour-1.jpeg" alt="" class="gallery-img" />
<a href="#" class="gallery-icon"><i class="fas fa-search"></i></a>
</article>
<!-- end of single item -->
<!-- single item -->
<article class="gallery-img-container">
<img src="./images/tour-2.jpeg" alt="" class="gallery-img" />
<a href="#" class="gallery-icon"><i class="fas fa-search"></i></a>
</article>
<!-- end of single item -->
<!-- single item -->
<article class="gallery-img-container">
<img src="./images/tour-3.jpeg" alt="" class="gallery-img" />
<a href="#" class="gallery-icon"><i class="fas fa-search"></i></a>
</article>
<!-- end of single item -->
<!-- single item -->
<article class="gallery-img-container">
<img src="./images/tour-4.jpeg" alt="" class="gallery-img" />
<a href="#" class="gallery-icon"><i class="fas fa-search"></i></a>
</article>
<!-- end of single item -->
<!-- single item -->
<article class="gallery-img-container">
<img src="./images/tour-5.jpeg" alt="" class="gallery-img" />
<a href="#" class="gallery-icon"><i class="fas fa-search"></i></a>
</article>
<!-- end of single item -->
<!-- single item -->
<article class="gallery-img-container">
<img src="./images/tour-6.jpeg" alt="" class="gallery-img" />
<a href="#" class="gallery-icon"><i class="fas fa-search"></i></a>
</article>
<!-- end of single item -->
</div>
</section>
<!-- end of gallery -->
<!-- footer -->
<footer class="section footer">
<!-- footer links -->
<ul class="footer-links">
<!-- single link -->
<li>
<a href="#home" class="footer-link scroll-link">Home</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#about" class="footer-link scroll-link">about</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#services" class="footer-link scroll-link">services</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#featured" class="footer-link scroll-link">featured</a>
</li>
<!-- end of single link -->
<!-- single link -->
<li>
<a href="#gallery" class="footer-link scroll-link">Gallery</a>
</li>
<!-- end of single link -->
</ul>
<!-- end of footer links -->
<ul class="footer-icons">
<!-- a single icon -->
<li>
<a
href="https://www.instagram.com/vivekbossss/"
target="_blank"
class="footer-icon"
>
<i class="fab fa-instagram"></i>
</a>
</li>
<!-- end of single icon -->
<!-- a single icon -->
<li>
<a
href="https://twitter.com/i_vivek_jsr"
target="_blank"
class="footer-icon"
>
<i class="fab fa-twitter"></i>
</a>
</li>
<!-- end of single icon -->
<!-- a single icon -->
<li>
<a
href="https://www.linkedin.com/in/vivek-chatterjee-a590421b7"
target="_blank"
class="footer-icon"
>
<i class="fab fa-linkedin"></i>
</a>
</li>
<!-- end of single icon -->
</ul>
<p class="owner">Made with ❤️ by Vivek</p>
<p class="copyright">
copyright © Backroads Travel Tour Company
<span id="date"></span> all rights reserved
</p>
</footer>
<!-- end of footer -->
<!-- js -->
<script src="./js/app.js"></script>
</body>
</html>