-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
762 lines (700 loc) · 46.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
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nventuer</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="stylesheets/styleSheet1.css">
<script type="text/javascript" src="scripts/script1.js"></script>
<script type="text/javascript" src="scripts/script2.js"></script>
<link href="https://fonts.googleapis.com/css?family=Arima+Madurai|Berkshire+Swash|Merienda|Walter+Turncoat" rel="stylesheet">
</head>
<body class="w3-sand" data-spy="scroll" data-target="#navbar" data-offset="100" onload="onPageLoad()">
<nav id="navbar" class="navbar navbar-inverse navbar-fixed-top navbar-top-default">
<div class="container-fluid">
<div class="navbar-header nventure">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar1">
<span class="sl-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand smoothScrol" href="#"><strong>Nventure</strong></a>
</div>
<div class="collapse navbar-collapse" id="navBar1">
<ul class="nav navbar-nav">
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#home" class="smoothScrol">Home</a></li>
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#about" class="smoothScrol">About</a></li>
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#ourTents" class="smoothScrol">Our Tents</a></li>
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#packages" class="smoothScrol">Packages</a></li>
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#stories" class="smoothScrol">Stories</a></li>
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#prices" class="smoothScrol">Prices</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Contact Us <span class="caret"></span></a>
<ul class="dropdown-menu">
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#writeToUs" class="smoothScrol">Write to us</a></li>
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#findUs" class="smoothScrol">Find us</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li data-toggle="collapse" data-target=".navbar-collapse.in"><a href="#" class="smoothScrol">N4SMH</a></li>
</ul>
</div>
</div>
</nav>
<div id="carousel1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li>
<li data-target="#carousel1" data-slide-to="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li>
<li data-target="#carousel1" data-slide-to="3"></li>
<li data-target="#carousel1" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="images/Stern-landscape.jpg" alt="image1">
</div>
<div class="item">
<img src="images/pexels-photo-248797.jpeg" alt="image2">
</div>
<div class="item">
<img src="images/pic1-Copy.jpg" alt="image3">
</div>
<div class="item">
<img src="images/pexels-photo-262669.jpeg" alt="image4">
</div>
<div class="item">
<img src="images/pexels-photo-132037.jpeg" alt="image5">
</div>
</div>
</div>
<div class="container">
<div id="home" class="container-fluid text-center slideUp">
<h2 class="text-center welcome_heading_small">
<span class="w3-wide">Welcome to</span>
</h2>
<h1 class="text-center welcome_heading_lead">
<span class="w3-wide">Nventure</span>
</h1>
<p>
Have you ever wanted to camp like a king or queen? Then you’ve come to the right place. <span class="text-primary"><strong><i>Nvnewture</i></strong></span> provide bespoke and luxurious camping and glamping experiences for any occasion. Perfect for everything from
a Dad’s Weekender to a Royal Wedding.
</p>
<p>
Every great adventure requires planning - luckily it couldn’t be easier. Follow our easy steps to start planning your trip.
</p>
<p>
Happy (and luxurious) camping!
</p>
</div>
<img src="images/line-png-16821.png" alt="" class="img-responsive center-block w3-grayscale-max line-png-16821">
<div id="about" class="text-center">
<h2 class="text-center heading">
<span class="w3-tag w3-wide">About</span>
</h2>
<p>At <span class="text-primary"><strong><i> Nvnewture</i></strong></span>, we’ve always had a passion for camping
and exploring the best of what the UK countryside has to offer – so we couldn’t think of a better way
to make a living than to offer a range of exciting camping and glamping experiences for all groups and all
occasions. We like to take people ‘back-to-basics’, but this isn’t your average camping trip. Our beautiful
and spacious bell tents provide a luxurious experience, allowing you to spend time in the outdoors whilst
in comfort and style.</p>
<p>We’re proud to be a small business and love working closely with our customers to plan their perfect event. Whether
it’s a wedding, a festival, a corporate event, a hen do or a glamping holiday we’re sure we’ve got the perfect
package to suit your needs. But if you have any other requirements or if there is anything else that we can
do to help make your trip extra special, just get in touch and we’ll do what we can to help.</p>
<p>Every Nventure experience is simple and stress free. We’ll come and pitch the tents and kit them out for you
before your arrival and take them down when you’re ready to go home – so you don’t have to lift a finger!
From our base in Bengaluru, we’re well placed to deliver to a huge range of locations right across the UK.
So get in touch and let’s start planning your Nventure!</p>
</div>
<div class="row">
<img src="images/line-png-16821.png" alt="" class="img-responsive center-block w3-grayscale-max line-png-16821">
</div>
<div id="ourTents" class="">
<h2 class="text-center heading">
<span class="w3-tag w3-wide">Our Tents</span>
</h2>
<img src="images/scene_DadsWeekender_01.png" alt="" class="img-responsive center-block insideContentImage shadow" style="margin-bottom:16px;">
<div class="text-center">
<p class="lead sub_heading">Packed with features</p>
<p>Each of our waterproof, comfortable tents comes equipped with coir mat flooring. We’ll set up for you in
the location of your choice, and take everything away for you afterward! Personalise your weekend even
further with our exciting Packages to really bring your trip to life.</p>
</div>
<div class="panel-group" id="accordion1">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion1" href="#accordion1collapse1">Tent Features</a>
</h4>
</div>
<div id="accordion1collapse1" class="panel-collapse collapse">
<div class="panel-body">
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/Waterproof.png" alt="Waterproof.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Soggy clothes and sleepless nights won't ruin your trip - our tents are 100% waterproof.">
Waterproof
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/ZipInGroundsheet.png" alt="ZipInGroundsheet.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Even if the floor transforms to marsh, you can sleep soundly; our groundsheets are 'bath tub' style.">
Zip-in ground sheet (ZIG)
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/InsectProof.png" alt="InsectProof.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Fitted mosquito nets keep unwanted creepy-crawlies on the outside of the tent.">
Insect Proof
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/100-Cotton.png" alt="100-Cotton.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Luxuriously thick, our bell tents are made from 100% cotton canvas.">
540gsm canvas (100% cotton)
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/TentSize.png" alt="TentSize.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Our tents are 5m in diameter, 3m tall in the centre and have a 1.75m entrance, yet only weigh 32.3kg - not that you'll be carrying it.">
Spacious and lightweight
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/CoirMatFloor.png" alt="CoirMatFloor.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="All our packages come with Coir mat flooring to insulate and keep the dirty outdoors at bay.">
Coir mat flooring
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion1" href="#accordion1collapse2">Benefits of camping with Nventure</a>
</h4>
</div>
<div id="accordion1collapse2" class="panel-collapse collapse">
<div class="panel-body">
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/Pitched.png" alt="Pitched.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Our goal is to make sure you enjoy your trip. That's why we pitch the tents - so you don't have to.">
Pre-pitched
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/Where.png" alt="Where.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="Tell us where you're heading and your tent will be waiting for you when you arrive. Luxury awaits!">
Wherever you want
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
<figure align="center">
<img src="images/De-Pitched.png" alt="De-Pitched.png" class="img-responsive center-block">
<figcaption data-toggle="popover" data-trigger="hover" data-placement="bottom" data-content="When your trip is at an end you don't need to worry about packing up. We'll come and do that for you, and take the tent with us.">
Post-Pitch clean-up
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<img src="images/line-png-16821.png" alt="" class="img-responsive center-block w3-grayscale-max line-png-16821">
</div>
<div id="packages" class="">
<h2 class="text-center heading">
<span class="w3-tag w3-wide">Packages</span>
</h2>
<img src="images/banner-packages.png" alt="" class="img-responsive center-block insideContentImage slideanim">
<div class="container-fluid text-center">
<p>A basic Nventure comes with everything you need – a fully erected bell tent and coir mat flooring, but choosing
one of our upgrade packages can make your trip even more memorable.</p>
</div>
<div class="container-fluid" id="packagesTab">
<ul class="nav nav-tabs">
<li class="active"><a href="#hedgehog" data-toggle="tab">Hedgehog</a></li>
<li><a href="#fox" data-toggle="tab">Fox</a></li>
<li><a href="#stag" data-toggle="tab">Stag</a></li>
</ul>
<div class="tab-content">
<div id="hedgehog" class="tab-pane fade in active">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/Hedgehog_for_Blue.png" alt="Hedgehog_for_Blue.png" class="img-responsive center-block">
<a href="#prices" class="smoothScrol"><button type="button" class="btn btn-info">View Prices</button></a>
</figure>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<div class="row text-justify">
<p>
Hedgehog is the smallest Nventure package and a great addition for those who are feeling creative but still want to leave
the “big stuff” at home. This package comes with the following:
</p>
<ul class="">
<li>Air mattresses</li>
<li>Indoor lighting</li>
<li>Small tables</li>
<li>Chairs</li>
</ul>
</div>
</div>
</div>
<div id="fox" class="tab-pane fade">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/Fox_for_Orange.png" alt="Fox_for_Orange.png" class="img-responsive center-block">
<a href="#prices" class="smoothScrol"><button type="button" class="btn btn-info">View Prices</button></a>
</figure>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<div class="row text-justify">
<p>
The Fox package gives you everything included with the Hedgehog package, plus the following:
</p>
<ul class="">
<li>Bedding (sheets, pillows, duvets)</li>
<li>Soft furnishings (cushions, blankets, rugs)</li>
<li>Outdoor fairy lights</li>
<li>Decorative bunting</li>
</ul>
</div>
</div>
</div>
<div id="stag" class="tab-pane fade">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/Stag_for_OffWhite.png" alt="Stag_for_OffWhite.png" class="img-responsive center-block">
<a href="#prices" class="smoothScrol"><button type="button" class="btn btn-info">View Prices</button></a>
</figure>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<div class="row text-justify">
<p>
The Stag package comes with all the goodies from the Hedgehog and Fox packages, plus the following:
</p>
<ul class="">
<li>Cooking stove (two gas hobs)</li>
<li>Barbeque / fire pit</li>
<li>Cooking equipment (pots, pans, utensils)</li>
<li>Cutlery & crockery</li>
<li>Outdoor table and chairs</li>
<li>Outdoor games</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<img src="images/line-png-16821.png" alt="" class="img-responsive center-block w3-grayscale-max line-png-16821">
</div>
<div id="stories" class="container-fluid ">
<h2 class="text-center heading">
<span class="w3-tag w3-wide">Stories</span>
</h2>
<img src="images/banner-stories.png" alt="" class="img-responsive center-block insideContentImage shadow">
<div class="container-fluid">
<div class="text-justify">
<figure data-toggle="collapse" data-parent="#accordion2" href="#accordion2collapse1" align="center">
<img src="images/icon-picnic.png" alt="icon-picnic.png" class="img-responsive center-block">
<p class="lead sub_heading2 text-center">
Summer Wedding 2016
</p>
</figure>
<div id="accordion2collapse1" class="collapse">
<p>
We went to a wedding in the summer where guests were invited to camp overnight. The thought of putting up a tent whilst dressed
to the nines in our wedding gear didn’t fill us with joy, so we thought we would give glamping
a go. Nventuer’s easy step-by-step booking was super quick and we had our booking complete in
no time. I cannot recommend Nventuer highly enough, not only did we feel like VIPs turning up
to our pre-erected palace but were greeted with a bottle of prosecco on ice, which we delighted
in drinking whilst all around us were struggling with tent pegs and ground sheets. Every tiny
detail had been thought of – solar powered fairy lights so we could easily find our way home
after dark, beautiful bunting, flowers – you name it, Nventuer had thought of it. The beds were
so comfortable and the bedding felt really luxurious, far better than any hotel I have stayed
in. The whole experience was completely amazing – we were the envy of the whole wedding party
and wouldn’t hesitate to book with Nventuer again.
</p>
<p class="text-center text-info">
Alice C. – London
</p>
</div>
</div>
<div class="text-justify">
<figure data-toggle="collapse" data-parent="#accordion2" href="#accordion2collapse2" align="center">
<img src="images/icon-log.png" alt="icon-log.png" class="img-responsive center-block">
<p class="lead sub_heading2 text-center">
A Sussex Wedding
</p>
</figure>
<div id="accordion2collapse2" class="collapse">
<p>
We recently used Nventuer for a friends’ wedding, just outside Brighton in July. We were blown away when we arrived. The
guys had already been and gone and left our fantastic luxury tent ready and waiting for us (towering
over the typical riff-raff of tents that we’re used to taking camping…). The tent itself was
clean, spacious and airy, with the finishing touches of a product that clearly wants to impress!
And it did! Four of us slept in there very comfortably, with more than enough space for all of
our bags and belongings. The beds were big and comfy and the guys at Nventuer had thought of
everything; all the things we all undoubtedly forget when we go camping. The tents kept us warm
during the night and cool during the early morning sun, no more waking up at sunrise gasping
for air on a damp, deflated mattress. And the next day, we simply packed up our bags and got
in the car, the Nventuer guys arrived and dismantled the tent for us, easy as that. Never has
camping been more easy and luxurious for us!
</p>
<p>
No heavy lugging of equipment, no hassle putting up and taking down the tent and once inside it felt more like we were staying
in a hotel than in a field. The service we received was fantastic and we would thoroughly recommend
Nventuer to anyone. We’ll definitely be using them again! Thanks guys!
</p>
<p class="text-center text-info">
Dan H. – London
</p>
</div>
</div>
<div class="text-justify">
<figure data-toggle="collapse" data-parent="#accordion2" href="#accordion2collapse3" align="center">
<img src="images/icon-kettle.png" alt="icon-kettle.png" class="img-responsive center-block">
<p class="lead sub_heading2 text-center">
Camping in Cornwall
</p>
</figure>
<div id="accordion2collapse3" class="collapse">
<p>
After years of admiring other people’s bell tents, we decided to get in touch with Nventuer to use one of their tents for
our summer holiday to Cornwall this year. My family and I love camping and head to the South
West as much as we can to enjoy the beautiful coastline there.
</p>
<p>
The decision to use a bell tent for our holiday this year was definitely the right one and we can’t believe it has taken
us until now to use one – the tent was incredibly spacious and Nventuer made the whole experience
incredibly easy for us. From initial contact, everybody we spoke to was very friendly and helpful
and the convenience of turning up to the campsite with the tent already erected was amazing.
We opted for the ‘Stag’ package on offer and thought the cooking equipment was good quality and
included everything we needed, as well as it being such a bonus to not have to bring all of our
own stuff from home.
</p>
<p>
We had an amazing holiday and will definitely be using Nventuer again in the future!
</p>
<p class="text-center text-info">
Lizzy – London
</p>
</div>
</div>
</div>
</div>
<div class="row">
<img src="images/line-png-16821.png" alt="" class="img-responsive center-block w3-grayscale-max line-png-16821">
</div>
<div id="prices" class="container-fluid">
<h2 class="text-center heading">
<span class="w3-tag w3-wide">Prices</span>
</h2>
<div class="row">
<figure align="center">
<img src="images/pricing-icons-single.png" alt="pricing-icons-single.png" class="img-responsive center-block slideanim shadow" id="pricing-icons-single">
</figure>
</div>
<div class="row">
<p class="lead text-center sub_heading sub_heading_price">
Basic Tent & Nventuer
</p>
</div>
<div class="row">
<div class="table-responsive col-lg-6 col-md-8 col-sm-12 col-xs-12 col-lg-offset-3 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
<table class="table table-bordered">
<thead>
<tr>
<th>Product</th>
<th>Weekend (Fri & Sat)</th>
<th>7 Nights</th>
</tr>
</thead>
<tbody>
<tr>
<td>Just the Tent <span class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="bottom"
title="Includes a pre-erected bell tent and coir mat flooring"></span></td>
<td>£195</td>
<td>£360</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/Hedgehog_for_Blue.png" alt="Hedgehog_for_Blue.png" class="img-responsive center-block slideanim">
</figure>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/Fox_for_Orange.png" alt="Fox_for_Orange.png" class="img-responsive center-block slideanim">
</figure>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/Stag_for_OffWhite.png" alt="Stag_for_OffWhite.png" class="img-responsive center-block slideanim">
</figure>
</div>
</div>
<div class="row">
<p class="lead text-center sub_heading sub_heading_price">
Optional Add-ons
</p>
</div>
<div class="row">
<div class="table-responsive col-lg-6 col-md-8 col-sm-12 col-xs-12 col-lg-offset-3 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
<table class="table table-bordered">
<thead>
<tr>
<th>Product</th>
<th>Weekend (Fri & Sat)</th>
<th>7 Nights</th>
</tr>
</thead>
<tbody>
<tr>
<td>Hedgehog <a href="#packagesTab" class="smoothScrol packagesClass" tab-value="#hedgehog"><span class="glyphicon glyphicon-info-sign"></span></a></td>
<td>+ £60</td>
<td>+ £80</td>
</tr>
<tr>
<td>Fox <a href="#packagesTab" class="smoothScrol packagesClass" tab-value="#fox"><span class="glyphicon glyphicon-info-sign"></span></a></td>
<td>+ £100</td>
<td>+ £120</td>
</tr>
<tr>
<td>Stag <a href="#packagesTab" class="smoothScrol packagesClass" tab-value="#stag"><span class="glyphicon glyphicon-info-sign"></span></a></td>
<td>+ £160</td>
<td>+ £180</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container-fluid text-justify">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
<p class="lead text-center sub_heading">
Booking Information
</p>
<p>
Additional nights charged at £45 per night. Above prices based on up to 4 people sharing – our bell tents are able to sleep
up to 6 people at a cost of £25 extra per person. Bespoke options can be offered if required.
</p>
<p>
£50 per tent deposit must be paid to confirm booking, with remaining balance to be paid 4 weeks prior to rental date. Security
deposit of £150 required per tent, to be returned two weeks after booking, providing nothing is damaged
or missing upon collection.
</p>
<p>
The above prices do not include campsite costs or delivery (see below for details).
</p>
</div>
<div class="bg-success col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p class="text-center w3-section"><strong>Interested? Get in touch!</strong></p>
<p>Our three-step process makes booking enquiries easy and helps us to customise your experience.</p>
<div class="" align="center">
<a href="#contactUs" class="smoothScrol"><button type="button" class="btn btn-success w3-section">Get in touch</button></a>
</div>
</div>
</div>
</div>
<div class="row">
<img src="images/foot-line.png" alt="" class="img-responsive center-block w3-grayscale-max foot-line">
</div>
<div id="contactUs" class="container-fluid">
<div class="row text-justify col-lg-10 col-md-10 col-sm-12 col-xs-12 col-lg-offset-1 col-md-offset-1 col-sm-offset-0 col-xs-offset-0">
<h2 class="text-center heading">
<span class="w3-tag w3-wide">Contact</span>
</h2>
<p>
We hope you have been able to find all the information you need and are ready to book your luxury camping experience.
</p>
<p>
However, we understand as much as anyone that every trip is different and we would be more than happy to talk through any
queries or special requirements you may have. Please just fill out the form below and one of the Nventure
team will be in touch. Alternatively, you can call us on 07850 454 071.
</p>
</div>
<div id="writeToUs" class="row">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 col-lg-offset-4 col-md-offset-4 col-sm-offset-3 col-xs-offset-0">
<p class="text-center lead w3-padding-16 sub_heading">
Write To Us
</p>
<form role="contact us form" action="formSubmited.html" onsubmit="return validateForm()">
<input type="text" id="name" placeholder="Enter name" class="form-control w3-section" onchange="validateName()">
<span id="name_span" class="validationSpan"></span>
<input type="email" id="email" placeholder="Enter email" class="form-control w3-section" onchange="validateEmail()">
<span id="email_span" class="validationSpan"></span>
<input type="number" id="mobile_number" maxlength="10" placeholder="Enter Mobile Number" class="form-control w3-section"
onchange="validateMobileNumber()" min="0" max="9999999999">
<span id="mobile_number_span" class="validationSpan"></span>
<div class="form-group">
<label for="date" class="w3-text-grey">Preferred day and time for contact:</label>
<label for="day" class="w3-text-grey">Day</label>
<label for="month" class="w3-text-grey">Month</label>
<label for="year" class="w3-text-grey">Year</label>
<div class="row" id="date">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="day" placeholder="dd" class="form-control" maxlength="2" min="1" max="31" onchange="validateDay()">
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="month" placeholder="mm" class="form-control" maxlength="2" min="1" max="12" onchange="validateMonth()">
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="year" placeholder="YYYY" class="form-control" maxlength="4" min="1900" max="9999" onchange="validateYear()">
</div>
</div>
<span id="prefered_contact_date_span" class="validationSpan"></span>
<label for="hour" class="w3-text-grey">Hour</label>
<label for="min" class="w3-text-grey">Minute</label>
<div class="row" id="time">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="hour" placeholder="hh" class="form-control" maxlength="2" min="0" max="24" onchange="validateHour()">
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="min" placeholder="MM" class="form-control" maxlength="2" min="0" max="59" onchange="validateMin()">
</div>
</div>
<span id="prefered_contact_time_span" class="validationSpan"></span>
</div>
<div class="form-group">
<label for="Bdate" class="w3-text-grey">Date of birth:</label>
<label for="Bday" class="w3-text-grey">Day</label>
<label for="Bmonth" class="w3-text-grey">Month</label>
<label for="Byear" class="w3-text-grey">Year</label>
<div class="row" id="Bdate">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="Bday" placeholder="dd" class="form-control" maxlength="2" min="1" max="31" onchange="validateBday()">
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="Bmonth" placeholder="mm" class="form-control" maxlength="2" min="1" max="12" onchange="validateBmonth()">
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<input type="number" id="Byear" placeholder="YYYY" class="form-control" maxlength="4" min="1900" max="9999" onchange="validateByear()">
</div>
</div>
<span id="birthday_span" class="validationSpan"></span>
</div>
<textarea rows="5" id="comment" placeholder="Your comment" class="form-control w3-section" onchange="validateComment()"></textarea>
<span id="comment_span" class="validationSpan"></span>
<div class="row" align="center">
<button type="submit" class="btn w3-section customButton1">Submit</button>
</div>
<div class="modal fade" id="submitModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Info</h4>
</div>
<div class="modal-body bg-success text-center">
<p id="submitModalMsg">
We’ll get back to you soon.
</p>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div id="findUs" class="row" align="center">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-lg-offset-2 col-md-offset-2 col-sm-offset-0 col-xs-offset-0">
<p class="text-center lead w3-padding-16 sub_heading">
Find us
</p>
<div class="row">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d158858.47339923508!2d-0.2416810159467161!3d51.52855824187599!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47d8a00baf21de75%3A0x52963a5addd52a99!2sLondon%2C+UK!5e0!3m2!1sen!2sin!4v1508430380894"
width="90%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<footer class="w3-dark-grey w3-large">
<div class="container-fluid">
<div class="row">
<div class="col-lg-2 col-md-3 col-sm-12 col-xs-12">
<figure align="center">
<img src="images/logo-combined.png" alt="logo-combined.png" class="img-responsive center-block">
<figcaption class="nventure">
<strong>Nventure</strong>
</figcaption>
</figure>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<p><a href="#carousel1" class="smoothScrol">Home</a></p>
<p><a href="#about" class="smoothScrol">About</a></p>
<p><a href="#ourTents" class="smoothScrol">Our Tents</a></p>
<p><a href="#stories" class="smoothScrol">Stories</a></p>
</div>
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<p><a href="#packages" class="smoothScrol">Packages</a></p>
<p><a href="#prices" class="smoothScrol">Prices</a></p>
<p>
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Contact Us <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#writeToUs" class="smoothScrol">Write to us</a></li>
<li><a href="#findUs" class="smoothScrol">Find us</a></li>
</ul>
</div>
</p>
</div>
</div>
<div class="col-lg-4 col-md-3 col-sm-12 col-xs-12" align="center">
<div class="img_container">
<img src="images/instagram-photo-camera-logo-outline.png" alt="instagram-photo-camera-logo-outline.png" class="img-responsive pull-left footer_icons">
</div>
<div class="img_container">
<img src="images/twitter.png" alt="twitter.png" class="img-responsive pull-center footer_icons">
</div>
<div class="img_container">
<img src="images/facebook-app-logo.png" alt="facebook-app-logo.png" class="img-responsive pull-right footer_icons">
</div>
</div>
</div>
<div class="row text-center">
<small>
This page is developed for learing web designing, its complet non-commercial.
Data content and images are populated by refering to <a href="http://pitch-tents.co.uk/">http://pitch-tents.co.uk/</a>
</small>
</div>
<div class="row text-center copyright">
<p class="small">© Copyright 2017. All Rights Reserved.</p>
</div>
</div>
</footer>
</body>
</html>