-
Notifications
You must be signed in to change notification settings - Fork 0
/
arunachal pradesh.html
891 lines (858 loc) · 67.8 KB
/
arunachal pradesh.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
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - OnTheGoTour</title>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Plan your trip">
<meta property="og:image" content="assets/img/tour.gif">
<meta property="og:type" content="website">
<meta name="description" content="The "OnTheGoTour" helps in planning your trip whenever you want and where ever you are.">
<meta name="twitter:description" content="Just a click away">
<link rel="icon" type="image/jpeg" sizes="385x386" href="assets/img/logo.jpg">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans&subset=vietnamese,latin-ext&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/Article-List.css">
<link rel="stylesheet" href="assets/css/Bootstrap-4---Photo-Gallery.css">
<link rel="stylesheet" href="assets/css/Card-hover-affect-2.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="assets/css/Bootstrap-4---Payment-Form.css">
<link rel="stylesheet" href="assets/css/Header-Blue.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<link rel="stylesheet" href="assets/css/Image-Hover-Effect.css">
<link rel="stylesheet" href="assets/css/Lightbox-Gallery.css">
<link rel="stylesheet" href="assets/css/Image-Tab-Gallery-Horizontal.css">
<link rel="stylesheet" href="assets/css/Model-Card-Style-1.css">
<link rel="stylesheet" href="assets/css/Projects-Horizontal.css">
<link rel="stylesheet" href="assets/css/Waves---Techonomics.css">
<link rel="stylesheet" href="assets/css/-Filterable-Cards-.css">
</head>
<body id="page-top">
<nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav" style="border-style: none;background: var(--gray-dark);">
<div class="container"><img src="assets/img/logo.jpg" width="48" height="48"><a class="navbar-brand js-scroll-trigger" href="https://deepam-aggarwal.github.io/OnTheGoTour">OnTheGoTour</a><button data-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item nav-link js-scroll-trigger"><a class="nav-link js-scroll-trigger" href="https://deepam-aggarwal.github.io/OnTheGoTour/about">ABOUT</a></li>
<li class="nav-item nav-link js-scroll-trigger"><a class="nav-link js-scroll-trigger" href="https://deepam-aggarwal.github.io/OnTheGoTour/india">MAP</a></li>
<li class="nav-item nav-link js-scroll-trigger"><a class="nav-link js-scroll-trigger" href="https://deepam-aggarwal.github.io/OnTheGoTour/contact">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<header class="header-blue" style="margin-top: 0px;">
<div class="container hero">
<div class="row">
<div class="col-12 col-lg-6 col-xl-5 offset-xl-1">
<h1 style="text-shadow: 0px 0px 10px var(--red);margin-top: 40px;">The Land of Dawn lit Mountains<br></h1>
<p>Arunachal Pradesh is a state in northeastern India. The state was created from the erstwhile North-East Frontier Agency region on 20 February 1987. To the south, it borders Assam and Nagaland. The country shares international borders with Bhutan in the west, Myanmar in the east, and a disputed border with China in the north, the McMahon Line. Itanagar is Arunachal Pradesh's capital. Among the Seven Sisters of Northeast India, Arunachal Pradesh is the largest state by area. There is a 1,129 km border between Arunachal Pradesh and Tibet Autonomous Region, China.<br></p>
<div class="py-5">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 col-lg-3 mb-3">
<div class="row">
<div class="col-auto">
<img class="p-2 img-fluid d-block bg-light rounded" src="https://cdn-icons-png.flaticon.com/512/4327/4327415.png" alt="" data-config-id="auto-img-1">
</div>
<div class="col">
<h5 class="fw-bold mb-0" data-config-id="value1">Kurnool</h5>
<p class="text" data-config-id="desc1">Capital</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-3">
<div class="row">
<div class="col-auto">
<img class="p-2 img-fluid d-block bg-light rounded" src="https://cdn-icons.flaticon.com/png/512/5075/premium/5075140.png?token=exp=1654689786~hmac=6e381013940e2ca485752c2e0aaa3075" alt="" data-config-id="auto-img-2">
</div>
<div class="col">
<h5 class="fw-bold mb-0" data-config-id="value2">49.39 million</h5>
<p class="text" data-config-id="desc2">Population</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 mb-3">
<div class="row">
<div class="col-auto">
<img class="p-2 img-fluid d-block bg-light rounded" src="https://cdn-icons-png.flaticon.com/512/1295/1295211.png" alt="" data-config-id="auto-img-3">
</div>
<div class="col">
<h5 class="fw-bold mb-0" data-config-id="value3">62,925 sq miles</h5>
<p class="text" data-config-id="desc3">Area</p>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="btn btn-light btn-lg action-button" type="button" onclick="#learn-more">Learn More</button>
</div>
<div class="col-md-5 col-lg-5 offset-lg-1 offset-xl-0 d-none d-lg-block phone-holder">
<div class="phone-mockup" style="margin-top: 50px;"><img class="device" src="assets/img/phone.svg">
<div class="screen"></div>
</div>
</div>
</div>
</div>
</header>
<!--Waves Container-->
<div style="margin-top:-100px">
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
<use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
</g>
</svg>
</div>
<!--Waves end-->
<!--Header ends-->
<section id="learn-more" style="background: var(--white);">
<h3 style="color: var(--dark);font-family: Anton, sans-serif;margin-top: 4px;text-align: center;">GLIMPSE's</h3>
<section class="py-20 pt-lg-32">
<div class="container position-relative">
<div class="row mb-n4">
<div class="col-12 col-lg-6 p-4">
<div class="position-relative">
<img class="d-none d-lg-block position-absolute top-0 start-0 translate-middle" src="https://shuffle.dev/cronos-assets/elements/light-warning-dark-warning.svg" alt="">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="https://images.unsplash.com/photo-1602020234671-15fd6180428d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1932&q=80" alt="">
</div>
</div>
<div class="col-12 col-lg-6 p-4">
<div class="position-relative">
<img class="d-none d-lg-block position-absolute top-0 start-100 translate-middle-x" src="https://shuffle.dev/cronos-assets/elements/warning-light-small.svg" alt="">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="https://images.unsplash.com/photo-1626762090218-74a78822c66b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="">
</div>
</div>
<div class="col-12 col-lg-4 p-4">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="https://images.unsplash.com/photo-1638192431428-1d5d3c68d742?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80" alt="">
</div>
<div class="col-12 col-lg-4 p-4">
<img class="img-fluid w-100" style="height: 292px;" src="assets/img/g4.jpg" alt="">
</div>
<div class="col-12 col-lg-4 p-4">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="assets/img/GettyImages-548700815_full.jpg" alt="">
</div>
<div class="col-12 col-lg-6 p-4">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="https://static.india.com/wp-content/uploads/2019/05/Arunachal-Pradesh-is-home-to-many-national-parks.-.jpg" alt="">
</div>
<div class="col-12 col-lg-6 p-4">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="https://th.bing.com/th/id/R.c59d69d44f5935af613d0322c0edbeef?rik=VpeLA2jxy5vg7A&riu=http%3a%2f%2fwww.tribestourorissa.com%2fwp-content%2fuploads%2f2016%2f05%2forissa16.jpg&ehk=XwacLvSMlMzUI9f0RiFSRK7FWmCmf4J%2bUAFI7iHt9oc%3d&risl=&pid=ImgRaw&r=0" alt="">
</div>
<div class="col-12 col-lg-4 p-4">
<div class="position-relative">
<img class="d-none d-lg-block position-absolute bottom-0 start-0 translate-middle-x" src="https://shuffle.dev/cronos-assets/elements/green-light-left.svg" alt="">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="assets/img/heritage-tourism.jpg" alt="">
</div>
</div>
<div class="col-12 col-lg-4 p-4">
<img class="img-fluid w-100" style="height: 292px;" src="https://2.bp.blogspot.com/-VzvH9YtqGRU/WIdBUiG61gI/AAAAAAAARqc/zrCYJc45iP4kuvk1IMF5EEcmJ8RO2bVfgCLcB/s1600/88-Bamboo-Bridge-Along-Arunachalpradesh-India.jpg" alt="">
</div>
<div class="col-12 col-lg-4 p-4">
<div class="position-relative">
<img class="d-none d-lg-block position-absolute bottom-0 start-100 translate-middle-x" src="https://shuffle.dev/cronos-assets/elements/light-green-small.svg" alt="">
<img class="img-fluid w-100" style="height: 292px; object-fit: cover;" src="https://i.pinimg.com/736x/6c/57/5a/6c575aed4338f9014e5f9987c0c37da6.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
</section>
<section data-section-id="1" data-category="blog" data-component-id="2d4a0295_01_awz" class="py-5" style="background: var(--white);">
<div class="container">
<h2 class="mb-4 fw-bold" data-config-id="header" style="color: var(--dark);font-family: Anton, sans-serif;text-align: center;">Brief</h2>
<div class="row mb-5">
<div class="col-12 col-lg-4 mb-3">
<a class="text-decoration-none" href="#">
<img class="w-100 mb-3 rounded" style="object-fit: cover; height: 20rem;" src="https://images.unsplash.com/photo-1585441695325-21557ef66366?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="" data-config-id="image1">
</a>
<h4 class="my-2 fw-bold"><a class="text-decoration-none" href="#" data-config-id="title1">Lorem ipsum dolor sit amet.</a></h4>
<p class="text-muted lh-lg" data-config-id="desc1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus eget justo et iaculis.</p>
</div>
<div class="col-12 col-lg-8 mb-3">
<a class="text-decoration-none" href="#">
<img class="w-100 mb-3 rounded" style="object-fit: cover; height: 20rem;" src="https://images.unsplash.com/photo-1519017524945-ed31bb7a3786?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" alt="" data-config-id="image2">
</a>
<h4 class="my-2 fw-bold"><a class="text-decoration-none" href="#" data-config-id="title2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
<p class="text-muted lh-lg" data-config-id="desc2">Aenean tempus orci eu est ultrices hendrerit. Fusce suscipit, leo a semper venenatis, felis urna pulvinar nibh, vitae porta erat risus sed mauris. Vestibulum vehicula leo eget libero eleifend.</p>
</div>
<div class="col-12 col-lg-4 mt-3">
<a class="text-decoration-none" href="#">
<img class="w-100 mb-3 rounded" style="object-fit: cover; height: 20rem;" src="https://images.unsplash.com/photo-1602536100338-c7762727ddb7?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="" data-config-id="image3">
</a>
<h4 class="my-2 fw-bold"><a class="text-decoration-none" href="#" data-config-id="title3">Lorem ipsum dolor sit amet.</a></h4>
<p class="text-muted lh-lg" data-config-id="desc3">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus eget justo et iaculis.</p>
</div>
<div class="col-12 col-lg-4 mt-3">
<a class="text-decoration-none" href="#">
<img class="w-100 mb-3 rounded" style="object-fit: cover; height: 20rem;" src="https://images.unsplash.com/photo-1603665330306-dd1a67e0cc4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80" alt="" data-config-id="image4">
</a>
<h4 class="my-2 fw-bold"><a class="text-decoration-none" href="#" data-config-id="title4">Lorem ipsum dolor sit amet.</a></h4>
<p class="text-muted lh-lg" data-config-id="desc4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus eget justo et iaculis.</p>
</div>
<div class="col-12 col-lg-4 mt-3">
<a class="text-decoration-none" href="#">
<img class="w-100 mb-3 rounded" style="object-fit: cover; height: 20rem;" src="https://images.unsplash.com/photo-1603665270146-bbdf9858ea55?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80" alt="" data-config-id="image5">
</a>
<h4 class="my-2 fw-bold"><a class="text-decoration-none" href="#" data-config-id="title5">Lorem ipsum dolor sit amet.</a></h4>
<p class="text-muted lh-lg" data-config-id="desc5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus eget justo et iaculis.</p>
</div>
</div>
</div>
</section>
<section class="py-5" style="background: var(--white);">
<div class="container">
<h1 class="text-center mb-4" style="color: var(--gray-dark);font-family: Merriweather, serif;font-weight: bold;font-style: italic;"><i class="fas fa-gifts"></i>what it got for you</h1>
<div class="filtr-controls text-center lead text-uppercase mb-3"><span class="active d-inline-block mx-3 py-1 position-relative" data-filter="all" style="color: var(--gray-dark);">all </span><span class="d-inline-block mx-3 py-1 position-relative" data-filter="1" style="color: var(--gray-dark);">Food</span><span class="d-inline-block mx-3 py-1 position-relative" data-filter="2" style="color: var(--gray-dark);">FESTIVALs </span><span class="d-inline-block mx-3 py-1 position-relative" data-filter="3" style="color: var(--gray-dark);">must visit</span></div>
<div class="row filtr-container">
<div class="col-md-6 col-lg-4 filtr-item" data-category="1">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Bamboo Shoot</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.thetoptours.com/wp-content/uploads/bamboo-shoot.jpg">
<div class="card-body">
<p class="card-text">Every dish in Arunachal Pradesh is incomplete without a few bamboo shoots. In this popular and traditional dish, the tender bamboo is marinated in baking soda, and ground spices are cooked on a low flame. It is a side dish that is hot and crispy. The bamboo shoots are eaten with chutneys, boiled vegetables and cooked meat.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="1">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Rice</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.thetoptours.com/wp-content/uploads/rice.jpg">
<div class="card-body">
<p class="card-text">Rice is the staple food of Arunachal Pradesh food with any dish as a side dish. The rice is cooked in two different ways. The first one is the unique and important method where rice is cooked in a hollow bamboo with some hot coal over it for a different flavor. In the second method, the rice is cooked using brass utensils, and before serving, the rice is wrapped in leaves for a delicious flavor.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="1">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Pika Pila</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.thetoptours.com/wp-content/uploads/pika-pila.jpg">
<div class="card-body">
<p class="card-text">It is a famous type of a pickle that is made by the Apatani tribe of Arunachal Pradesh. It is one of the favorites and a popular accompaniment of food. Pika Pila is made by using bamboo shoot and pork fat with some king chilly.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="1">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Lukter</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.thetoptours.com/wp-content/uploads/lukter-1536x1024.jpg">
<div class="card-body">
<p class="card-text">Lukter is another delicacy of the state. It is made using cooked dry meat with chilly flakes from the King chilly or Bhut Jolokia. It is also a side dish and eaten with traditionally prepared rice.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="1">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Pehak</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.thetoptours.com/wp-content/uploads/pehak.jpg">
<div class="card-body">
<p class="card-text">Pehak is another side dish which is a type of spicy chutney. It is made by fermented soya bean and chilli. The chilly in it makes it hot and spicy. This dish is best served with steamed rice and Lukter. The flavoured rice with this chutney makes for a great dish.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="1">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Chura Sabji</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.thetoptours.com/wp-content/uploads/chura-sabji.jpg">
<div class="card-body">
<p class="card-text">Chura Sabzi is a type of a curry that is made by fermented cheese which is made by either yak milk or cow’s milk and some King chilly which makes the dish super spicy but delicious. This dish is also served with rice.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="2">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0">Siang River Festival<br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/12/Siang-River-Festival-Arunachal.jpg">
<div class="card-body">
<p class="card-text">The Yomgo River Festival (Siang River Festival) is held to celebrate the communal harmony in Arunachal Pradesh. Earlier this festival was celebrated in the form of Brahmaputra Darshan Festival in Tezu and Pasighat but since the year 2005, the festival is celebrated as Siang River Festival in places like Tuting, Yingkiong and Pasighat.<br></p>
<p class="card-text">It is one of the most popular festivals in Arunachal Pradesh and is an attempt to promote eco-tourism and offer a lot of adventure fun activities like elephant race, traditional boat race, Didi – the mock war game of Mishmis, River rafting, Food Festivals, Folk dances, Cultural Shows, Hot air balloon & Paragliding and Exhibition of local model house. Apart from this, an exhibition of handloom and handicrafts by the different districts is also held.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="2">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0">Pangsau Pass Winter Festival<br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/12/Pangsau-Pass-Winter-Festival-Arunachal.jpg">
<div class="card-body">
<p class="card-text">This is a modern day winter festival which started in the year 2007 and since then has been gaining a lot of popularity in the state. This festival is celebrated in Nampong which is situated in Changlang district of Arunachal Pradesh. Pangsua Pass Winter Festival (PPWF) is a three-day fest that takes place in the month of January each year.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="2">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0">Ziro Festival of Music<br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/12/Ziro-Festival-of-Music-Arunachal.jpg">
<div class="card-body">
<p class="card-text">This festival is Arunachal’s own version of the Sunburn Festival. Ziro Festival of Music is the biggest outdoor music festival in the state and is the most happening event in Arunachal Pradesh as well. Music lovers from all over the state and the North East region gather at Ziro, where this festival takes place.<br></p>
<p class="card-text">It is a four-day festival where the music lovers enjoy the performances of international and domestic music artists. Folk acts from all across the North East are also organized; therefore, it is a good opportunity to learn about the different cultures here. People make merry and spend four unforgettable days at the Ziro Festival of Music.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="2">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0">Solung Festival<br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://www.tourmyindia.com/blog//wp-content/uploads/2020/12/Solung-Festival-Arunachal.jpg">
<div class="card-body">
<p class="card-text">An agriculture festival- Solung is celebrated in the month of monsoon. This 10 days festival is amongst the most famous festivals in North East India, especially celebrated by the Adi community in West Siang district, East Siang district, Lower Dibang Valley district, Upper Dibang Valley district and Upper Siang district of Arunachal Pradesh.The date for the festival is different each year and is decided by Kebang or the village council keeping the convenience of the villagers in mind and once the date is fixed the preparation of the local beer Apong starts. On the first day, the Indian Bison along with pigs are slaughtered in the early hours of the morning. On the second day, 1/3rd of the meat is distributed among the relatives; also, a grand dinner feast is arranged for neighbours, women and children.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="3">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Namdapha National Park – Pay A Visit</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Visit-The-Namdapha-National-Park_16th-dec.jpg">
<div class="card-body">
<p class="card-text">Visiting Namdapha National Park is one of the best things to do in Arunachal Pradesh. This is the third-largest national park located in India and it spreads over 1985 sq.km ranges of 200 meters. Here, be prepared to see towering mountains, jungles, and a lot of water bodies. The park is said to be home to the Red Panda. In India there are about 20 odd protected areas which aim to protect the species. Do not forget to spend some time here when you are in Arunachal Pradesh.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="3">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Sela Pass – Take Pictures Of Snowy Mountains</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Take-Pictures-Of-Snowy-Mountain-At-Sela-Pass_16th-dec.jpg">
<div class="card-body">
<p class="card-text">Sela Pass is the best tourist spot you could ever visit in Arunachal Pradesh. This is a mountain pass with a height of nearly 13, 700 feet. This mountain is known to be considered as sacred by Buddhists and believed that 101 lakes exist near this Pass. In fact, people drive up to the Sela Pass to visit the twin lakes too. They call it the Sela Lake and it adds the grace, beauty, and travelers are sure to enjoy when they visit the place. While you are driving and you are on the way to the Sela Pass, you will simply love the snow-laden path. Without any doubt, driving all the way to Sela Pass is the best thing to do in Arunachal Pradesh anytime.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="3">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Glow Lake – Sit Back And Relax</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Sit-Back-And-Relax-At-Glow-Lake_16th-dec.jpg">
<div class="card-body">
<p class="card-text">If you are searching for different things to do in Arunachal Pradesh, Tezu should be on your list for sure. This has significance in a way that no other lake in the state as this lake. To visit this lake, you need to go to Mishmi Hills. Once you reach there, you can sit near the glow lake and enjoy the scenery. You can also visit this place if you want to see a wildlife sanctuary, museum, a botanical garden too. This works as a nice romantic getaway too so indulge in the decision of going to Tezu and you will not be disappointed.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
<div class="col-md-6 col-lg-4 filtr-item" data-category="3">
<div class="card border-dark">
<div class="card-header bg-dark text-light">
<h5 class="m-0"><strong>Glow Lake – Sit Back And Relax</strong><br></h5>
</div><img class="img-fluid card-img w-100 d-block rounded-0" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Sit-Back-And-Relax-At-Glow-Lake_16th-dec.jpg">
<div class="card-body">
<p class="card-text">If you are searching for different things to do in Arunachal Pradesh, Tezu should be on your list for sure. This has significance in a way that no other lake in the state as this lake. To visit this lake, you need to go to Mishmi Hills. Once you reach there, you can sit near the glow lake and enjoy the scenery. You can also visit this place if you want to see a wildlife sanctuary, museum, a botanical garden too. This works as a nice romantic getaway too so indulge in the decision of going to Tezu and you will not be disappointed.<br></p>
</div>
<div class="d-flex card-footer"></div>
</div>
</div>
</div>
</div>
</section>
<!--<div class="modal fade" role="dialog" tabindex="-1" id="modal-1" style="background: rgba(0,0,0,0.7);font-family: 'Source Sans Pro', sans-serif;">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-capitalize" style="color: var(--gray-dark);font-family: Lora, serif;font-weight: bold;font-style: italic;text-align: center;"></h4><button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="closemodal()"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<section class="projects-horizontal">
<div class="container">
<div class="intro">
<h2 class="text-center" style="font-family: 'Bebas Neue', serif;">Night life of ARUNACHAL PRADESH </h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<div class="row projects">
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Visit-The-Namdapha-National-Park_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Namdapha National Park – Pay A Visit</strong><br></h3>
<p class="description"><strong>Location:</strong> Changlang District, Arunachal Pradesh<br><strong>Timing:</strong> 8 am to 5 pm<br><strong>Entry Fee:</strong> INR 50 per person<br><strong>Best time to visit: </strong>October to March<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Take-Pictures-Of-Snowy-Mountain-At-Sela-Pass_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Sela Pass – Take Pictures Of Snowy Mountains</strong><br></h3>
<p class="description"><strong>Location:</strong> 78 Km from Tawang<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> October-November, April to March<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Learn-Culture-And-Tradition-At-Ziro-Valley_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Ziro Valley – Learn Local Culture And Tradition</strong><br></h3>
<p class="description"><strong>Location:</strong> Lower Subansiri, Arunachal Pradesh?<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>Free<br><strong>Best time to visit:</strong> October to March<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Sit-Back-And-Relax-At-Glow-Lake_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Glow Lake – Sit Back And Relax</strong><br></h3>
<p class="description"><strong>Location:</strong> Lohit District<br><strong>Timings</strong>: NA<br><strong>Entry Fee</strong>: NA<br><strong>Best time to visit:</strong> December to July<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Watch-Amazing-Sunset-At-Roing_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Roing – Witness An Amazing Sunset</strong><br></h3>
<p class="description"><strong>Location:</strong> Lower Dibang Valley, Arunachal Pradesh<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> October to February<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Take-A-Selfie-In-Bomdila_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Bomdila – Take A Selfie </strong><br></h3>
<p class="description"><strong>Location:</strong> West Kameng, Arunachal Pradesh<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> April to October<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Trek-At-Dirang_16th-dec.jpeg"></a></div>
<div class="col">
<h3 class="name"><strong>Dirang – Go For A Trek</strong><br></h3>
<p class="description"><strong>Location:</strong> Dirang Valley, West Kameng District<br><strong>Timings: </strong>NA<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> March to July<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Observe-Tiger-Closer-At-Pakhui-Wildlife-Sanctuary_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Pakhui Wildlife Sanctuary – Observe Tiger Closely</strong><br></h3>
<p class="description"><strong>Location:</strong> Seijosa, East Kameng District, Arunachal Pradesh<br><strong>Timings: </strong>NA<br><strong>Entry Fee:</strong> INR 40 per person<br><strong>Best time to visit:</strong> November to April<br></p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal" onclick="closemodal()">Close</button></div>
</div>
</div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-2" style="background: rgba(0,0,0,0.7);font-family: 'Source Sans Pro', sans-serif;">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-capitalize" style="color: var(--gray-dark);font-family: Lora, serif;font-weight: bold;font-style: italic;text-align: center;"></h4><button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="closemodal()"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<section class="projects-horizontal">
<div class="container">
<div class="intro">
<h2 class="text-center" style="font-family: 'Bebas Neue', serif;">Night life of ARUNACHAL PRADESH </h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<div class="row projects">
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Visit-The-Namdapha-National-Park_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Namdapha National Park – Pay A Visit</strong><br></h3>
<p class="description"><strong>Location:</strong> Changlang District, Arunachal Pradesh<br><strong>Timing:</strong> 8 am to 5 pm<br><strong>Entry Fee:</strong> INR 50 per person<br><strong>Best time to visit: </strong>October to March<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Take-Pictures-Of-Snowy-Mountain-At-Sela-Pass_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Sela Pass – Take Pictures Of Snowy Mountains</strong><br></h3>
<p class="description"><strong>Location:</strong> 78 Km from Tawang<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> October-November, April to March<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Learn-Culture-And-Tradition-At-Ziro-Valley_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Ziro Valley – Learn Local Culture And Tradition</strong><br></h3>
<p class="description"><strong>Location:</strong> Lower Subansiri, Arunachal Pradesh?<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>Free<br><strong>Best time to visit:</strong> October to March<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Sit-Back-And-Relax-At-Glow-Lake_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Glow Lake – Sit Back And Relax</strong><br></h3>
<p class="description"><strong>Location:</strong> Lohit District<br><strong>Timings</strong>: NA<br><strong>Entry Fee</strong>: NA<br><strong>Best time to visit:</strong> December to July<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Watch-Amazing-Sunset-At-Roing_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Roing – Witness An Amazing Sunset</strong><br></h3>
<p class="description"><strong>Location:</strong> Lower Dibang Valley, Arunachal Pradesh<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> October to February<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Take-A-Selfie-In-Bomdila_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Bomdila – Take A Selfie </strong><br></h3>
<p class="description"><strong>Location:</strong> West Kameng, Arunachal Pradesh<br><strong>Timings: </strong>Anytime<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> April to October<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Trek-At-Dirang_16th-dec.jpeg"></a></div>
<div class="col">
<h3 class="name"><strong>Dirang – Go For A Trek</strong><br></h3>
<p class="description"><strong>Location:</strong> Dirang Valley, West Kameng District<br><strong>Timings: </strong>NA<br><strong>Entry Fee: </strong>NA<br><strong>Best time to visit:</strong> March to July<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="https://img.traveltriangle.com/blog/wp-content/tr:w-700,h-400/uploads/2019/12/Observe-Tiger-Closer-At-Pakhui-Wildlife-Sanctuary_16th-dec.jpg"></a></div>
<div class="col">
<h3 class="name"><strong>Pakhui Wildlife Sanctuary – Observe Tiger Closely</strong><br></h3>
<p class="description"><strong>Location:</strong> Seijosa, East Kameng District, Arunachal Pradesh<br><strong>Timings: </strong>NA<br><strong>Entry Fee:</strong> INR 40 per person<br><strong>Best time to visit:</strong> November to April<br></p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="modal-footer"><button class="btn btn-light" type="button" data-dismiss="modal" onclick="closemodal()">Close</button></div>
</div>
</div>
</div>-->
<section style="background: var(--white); margin-top: -1rem;">
<h1 class="text-center mb-4" style="color: var(--gray-dark);font-family: Merriweather, serif;font-weight: bold;font-style: italic;margin: 12px;"><i class="fas fa-hotel"></i>Book your PARADISE </h1><div class="photo-gallery">
<div class="container-fluid">
<div class="px-lg-5">
<div class="row">
<!-- Gallery item -->
<div class="col-xl-3 col-lg-4 col-md-6 mb-4">
<div class="bg-white rounded shadow-sm"><img src="https://th.bing.com/th/id/OIP.MlQWOdsyMAOiDYDnPZwazAHaE7?pid=ImgDet&rs=1" alt="" class="img-fluid card-img-top">
<div class="p-4">
<h5> <a href="#" class="text-dark">Red</a></h5>
<p class="small text-muted mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="d-flex align-items-center justify-content-between rounded-pill bg-light px-3 py-2 mt-4">
<p class="small mb-0"><span onclick="modal1()" class="py-5 text-right"><a href="#" class="btn btn-dark text-uppercase">View</a></span></p>
<div class="badge badge-danger px-3 rounded-pill font-weight-normal">New</div>
</div>
</div>
</div>
</div>
<!-- End -->
<!-- Gallery item -->
<div class="col-xl-3 col-lg-4 col-md-6 mb-4">
<div class="bg-white rounded shadow-sm"><img src="https://cdn.escapio.com/public/cache/hotel/plain-nowater/x/388_gran_hotel_soller_0152560_0,0,3032,2022.jpg" alt="" class="img-fluid card-img-top">
<div class="p-4">
<h5> <a href="#" class="text-dark">Blorange</a></h5>
<p class="small text-muted mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="d-flex align-items-center justify-content-between rounded-pill bg-light px-3 py-2 mt-4">
<p class="small mb-0"><span onclick="modal1()" class="py-5 text-right"><a href="#" class="btn btn-dark text-uppercase">View</a></span></p>
<div class="badge badge-primary px-3 rounded-pill font-weight-normal">Trend</div>
</div>
</div>
</div>
</div>
<!-- End -->
<!-- Gallery item -->
<div class="col-xl-3 col-lg-4 col-md-6 mb-4">
<div class="bg-white rounded shadow-sm"><img src="https://blog.trustico.com/wp-content/uploads/2016/08/hotel2.jpg" alt="" class="img-fluid card-img-top">
<div class="p-4">
<h5> <a href="#" class="text-dark">And She Realized</a></h5>
<p class="small text-muted mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="d-flex align-items-center justify-content-between rounded-pill bg-light px-3 py-2 mt-4">
<p class="small mb-0"><span onclick="modal1()" class="py-5 text-right"><a href="#" class="btn btn-dark text-uppercase">View</a></span></p>
<div class="badge badge-warning px-3 rounded-pill font-weight-normal text-white">Featured</div>
</div>
</div>
</div>
</div>
<!-- End -->
<!-- Gallery item -->
<div class="col-xl-3 col-lg-4 col-md-6 mb-4">
<div class="bg-white rounded shadow-sm"><img src="https://www.alux.com/wp-content/uploads/2014/10/1-Hotel-Excelsior-Dubrovnik-Best-Luxury-Hotels-In-Dubrovnik-Top-10-Source-kongres-guides.com_.jpg" alt="" class="img-fluid card-img-top">
<div class="p-4">
<h5> <a href="#" class="text-dark">DOSE </a></h5>
<p class="small text-muted mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="d-flex align-items-center justify-content-between rounded-pill bg-light px-3 py-2 mt-4">
<p class="small mb-0"><span onclick="modal1()" class="py-5 text-right"><a href="#" class="btn btn-dark text-uppercase">View</a></span></p>
<div class="badge badge-success px-3 rounded-pill font-weight-normal">Hot</div>
</div>
</div>
</div>
</div>
<!-- End -->
<!-- Gallery item -->
<div class="col-xl-3 col-lg-4 col-md-6 mb-4">
<div class="bg-white rounded shadow-sm"><img src="https://th.bing.com/th/id/R.b20576b901b503454ef8febbd5b1f8f0?rik=hYqGV0aNbwefVg&riu=http%3a%2f%2fwww.cfmedia.vfmleonardo.com%2fimageRepo%2f6%2f0%2f95%2f936%2f199%2fcltrp-exterior-0044-hor-clsc_O.jpg&ehk=6HU8%2fihXIhyb%2bDv%2bFIdWE3yiLKhNCqS6ZeMI2JO9lyk%3d&risl=&pid=ImgRaw&r=0" alt="" class="img-fluid card-img-top">
<div class="p-4">
<h5> <a href="#" class="text-dark">Renaissance</a></h5>
<p class="small text-muted mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
<div class="d-flex align-items-center justify-content-between rounded-pill bg-light px-3 py-2 mt-4">
<p class="small mb-0"><span onclick="modal1()" class="py-5 text-right"><a href="#" class="btn btn-dark text-uppercase">View</a></span></p>
<div class="badge badge-primary px-3 rounded-pill font-weight-normal">New</div>
</div>
</div>
</div>
</div>
<!-- End -->
</div>
</div>
</div>
</div>
</section>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-1">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal Title</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="closemodal()"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-footer">
<div class="container-fluid top-container">
<div class="row">
<div class="col-12 col-md-6 col-xl-4 offset-xl-2">
<div class="img-container"><img class="rounded" id="expandedImg" style="width:100%" src="assets/img/img1-min.jpg">
<div id="imgtext"></div>
</div>
<div class="row img-row" style="padding-right: 10px;padding-left: 10px;">
<div class="col column"><img class="img-thumbnail img-fluid" src="assets/img/img1-min.jpg" onclick="myFunction(this);" alt="image 1"></div>
<div class="col column"><img class="img-thumbnail img-fluid" src="assets/img/img2-min.jpg" onclick="myFunction(this);" alt="image 2"></div>
<div class="col column"><img class="img-thumbnail img-fluid" src="assets/img/img3-min.jpg" onclick="myFunction(this);" alt="image 3"></div>
<div class="col column"><img class="img-thumbnail img-fluid" src="assets/img/img4-min.jpg" onclick="myFunction(this);" alt="image 4"></div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-xl-4 offset-xl-0">
<h1 style="color: var(--dark);">SERVICED APARTMENTS</h1><img src="assets/img/5-star-rating.svg" width="120px" style="padding-bottom: 5px;">
<h2 style="color: var(--gray-dark);">$14.95</h2>
<p style="font-size: 20px;">Misty Meridian Serviced Apartments has city views, free WiFi and free private parking, located in Bangalore, 5 miles from The Forum, Koramangala.<br></p><button class="btn btn-primary" type="button" onclick="modal2()">Book</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-2">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Modal Title</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="closemodal()"><span aria-hidden="true">×</span></button>
</div>
<div class="modal-body"><div class="container py-5">
<div class="row">
<div class="col-lg-7 mx-auto">
<div class="bg-white rounded-lg shadow-sm p-5">
<!-- Credit card form tabs -->
<ul role="tablist" class="nav bg-light nav-pills rounded-pill nav-fill mb-3">
<li class="nav-item">
<a data-toggle="pill" href="#nav-tab-card" class="nav-link active rounded-pill">
<i class="fa fa-credit-card"></i>
Credit Card
</a>
</li>
<li class="nav-item">
<a data-toggle="pill" href="#nav-tab-paypal" class="nav-link rounded-pill">
<i class="fa fa-paypal"></i>
Paypal
</a>
</li>
<li class="nav-item">
<a data-toggle="pill" href="#nav-tab-bank" class="nav-link rounded-pill">
<i class="fa fa-university"></i>
Bank Transfer
</a>
</li>
</ul>
<!-- End -->
<!-- Credit card form content -->
<div class="tab-content">
<!-- credit card info-->
<div id="nav-tab-card" class="tab-pane fade show active">
<p class="alert alert-success">Success</p>
<form role="form">
<div class="form-group">
<label for="username">Full name (on the card)</label>
<input type="text" name="username" placeholder="Jeff Doe" required class="form-control">
</div>
<div class="form-group">
<label for="cardNumber">Card number</label>
<div class="input-group">
<input type="text" name="cardNumber" placeholder="Your card number" class="form-control" required>
<div class="input-group-append">
<span class="input-group-text text-muted">
<i class="fa fa-cc-visa mx-1"></i>
<i class="fa fa-cc-amex mx-1"></i>
<i class="fa fa-cc-mastercard mx-1"></i>
</span>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8">
<div class="form-group">
<label><span class="hidden-xs">Expiration</span></label>
<div class="input-group">
<input type="number" placeholder="MM" name="" class="form-control" required>
<input type="number" placeholder="YY" name="" class="form-control" required>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="form-group mb-4">
<label data-toggle="tooltip" title="Three-digits code on the back of your card">CVV
<i class="fa fa-question-circle"></i>
</label>
<input type="text" required class="form-control">
</div>
</div>
</div>
<button type="button" class="subscribe btn btn-primary btn-block rounded-pill shadow-sm"> Confirm </button>
</form>
</div>
<!-- End -->
<!-- Paypal info -->
<div id="nav-tab-paypal" class="tab-pane fade">
<p>Paypal is easiest way to pay online</p>
<p>
<button type="button" class="btn btn-primary rounded-pill"><i class="fa fa-paypal mr-2"></i> Log into my Paypal</button>
</p>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<!-- End -->
<!-- bank transfer info -->
<div id="nav-tab-bank" class="tab-pane fade">
<h6>Bank account details</h6>
<dl>
<dt>Bank</dt>
<dd> THE WORLD BANK</dd>
</dl>
<dl>
<dt>Account number</dt>
<dd>7775877975</dd>
</dl>
<dl>
<dt>IBAN</dt>
<dd>CZ7775877975656</dd>
</dl>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<!-- End -->
</div>
<!-- End -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-dark">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3>Services</h3>
<ul>
<li><a href="#">Plan your tour</a></li>
<li><a href="#">Check the weather and prices</a></li>
<li><a href="#">Choose the best route</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3>About</h3>
<ul>
<li><a href="#">OnTheGoTour</a></li>
<li><a href="#">What we offer?</a></li>
<li><a href="#">How to use?</a></li>
</ul>
</div>
<div class="col-md-6 item text">
<h3>OnTheGoTour<br></h3>
<p style="color: rgb(240,249,255);">We let you plan your out of town trip with best and shortest routes and fair prices at your finger tip.<br></p>
</div>
<div class="col item social" style="display:none"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a></div>
</div>
<p class="copyright" style="color: rgb(240,249,255);">OnTheGoTour© 2021</p>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/-Filterable-Cards-.js"></script>
<script src="assets/js/grayscale.js"></script>
<script src="assets/js/Bootstrap-4---Payment-Form.js"></script>
<script src="assets/js/Card-hover-affect-2.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="assets/js/Image-Tab-Gallery-Horizontal.js"></script>
<script src="assets/js/readmore.js"></script>
<script src="assets/js/responsive-blog-card-slider-1.js"></script>
<script src="assets/js/responsive-blog-card-slider.js"></script>
<script>
window.watsonAssistantChatOptions = {
integrationID: "d131a958-ffee-430a-842e-00ce6f30a261", // The ID of this integration.
region: "eu-de", // The region your integration is hosted in.
serviceInstanceID: "1fdee916-b322-421c-83ed-5e7d138d6f4e", // The ID of your service instance.
onLoad: function(instance) { instance.render(); }
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/versions/" + (window.watsonAssistantChatOptions.clientVersion || 'latest') + "/WatsonAssistantChatEntry.js"
document.head.appendChild(t);
});
</script>
</body>
</html>