-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
207 lines (198 loc) · 14.5 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
<!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/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/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="https://shuffle.dev/vendor/tailwind-nigodo/css/tailwind.min.css?v=bd4">
<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/Model-Card-Style-1.css">
<link rel="stylesheet" href="assets/css/Projects-Horizontal.css">
<link rel="stylesheet" href="assets/css/Waves---Techonomics.css">
</head>
<body id="page-top" style="background: var(--dark);">
<nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav" style="margin-bottom: 0;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>
<section style="padding-top: 100px;background: var(--white);color: var(--gray-dark);"><section data-section-id="3" data-category="headers-default" data-component-id="0eda7428_01_awz" class="relative pb-24">
<img class="hidden md:block absolute top-0 right-0 w-36 sm:w-1/2 lg:w-auto lg:h-full object-contain" src="https://shuffle.dev/nigodo-assets/background/background-orange-right.svg" alt="" data-config-id="auto-img-1-1">
<div class="hidden md:flex md:flex-col pt-20 pl-20 pb-20 justify-between items-start absolute top-0 right-0 w-36 sm:w-1/2 lg:w-1/3 h-full bg-orange-200">
<img class="absolute top-0 left-0 h-full -ml-px" src="https://shuffle.dev/nigodo-assets/background/border-pattern-left-orange.svg" alt="" data-config-id="auto-img-1-2">
<img src="https://shuffle.dev/nigodo-assets/background-elements/pattern-smash-dots-orange-right.svg" alt="" data-config-id="auto-img-2-2">
<img class="lg:w-2/3 ml-auto" src="https://shuffle.dev/nigodo-assets/background-elements/pattern-smash-big-orange-right.svg" alt="" data-config-id="auto-img-3-2">
</div>
<div class="container px-4 mx-auto relative">
<div class="flex flex-wrap -mx-4">
<div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0">
<div class="lg:max-w-lg">
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-extrabold font-heading mt-1 mb-6">To be a tourist is to escape accountability. </h1>
<p class="text-xl md:text-2xl font-extrabold leading-8 mb-10"> </p>
<div class="flex flex-wrap -mx-2 mb-6">
<div class="w-full md:w-auto lg:w-7/12 px-2 mb-2 md:mb-0">
<input class="block w-full p-4 text-lg font-extrabold placeholder-indigo-900 shadow border-2 border-indigo-900 rounded" type="email" placeholder="Find Every Detail To Plan">
</div>
<div class="w-full md:w-auto lg:w-5/12 px-2"><a class="inline-flex w-full md:w-auto items-center justify-center h-full py-4 px-5 leading-6 text-md text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 rounded transition duration-200" href="#">Get Started</a></div>
</div>
<div class="flex flex-wrap items-center">
<div class="flex mr-8 items-center">
<img class="block w-6 h-6 mr-2 object-contain" src="https://shuffle.dev/nigodo-assets/circle-icon-green.svg" alt="">
<span class="text-lg font-extrabold">No Credit Card required</span>
</div>
<div class="flex items-center">
<img class="block w-6 h-6 mr-2 object-contain" src="https://shuffle.dev/nigodo-assets/circle-icon-green.svg" alt="">
<span class="text-lg font-extrabold">Free updates</span>
</div>
</div>
</div>
</div>
<div class="w-full lg:w-1/2 px-4">
<img class="block h-128 lg:h-140 w-full xl:max-w-lg object-cover border-3 border-indigo-900 rounded-2xl shadow-lg" src="assets/img/tour.gif" alt="">
</div>
</div>
</div>
</section>
<section class="py-26 bg-white" style="background-image: url('https://deepam-aggarwal.github.io/OnTheGoTour/assets/img/lines.svg'); background-repeat: no-repeat; background-size: cover;">
<div class="container px-4 mx-auto relative">
<div class="max-w-5xl mx-auto mb-16 text-center">
<span class="text-lg font-extrabold text-indigo-500">What's in for You</span>
<h1 class="text-3xl md:text-4xl font-extrabold font-heading mt-4 mb-6">Gain more insight into how to plan your trip</h1>
<p class="text-xl font-extrabold leading-8"><i>"Travel to see the reality of a place which is quite different from the mythology of it. Tourism is important because it can create sustainable local economies. I'd much rather have 1,000 tourists going up the Tambopata than 1,000 gold miners."</i></p>
</div>
<div class="flex flex-wrap -mx-4 -mb-12">
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12">
<div class="h-full py-12 px-8 bg-white border-3 border-indigo-900 shadow-md rounded-2xl text-center">
<img class="block mx-auto mb-4" src="https://shuffle.dev/nigodo-assets/features/icon-message.svg" alt="">
<h4 class="text-2xl font-extrabold mb-4">Measure your performance</h4>
<p class="text-lg font-extrabold leading-7">Stay connected with our team and make quick decisions wherever you are.</p>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12">
<div class="h-full py-12 px-8 bg-white border-3 border-indigo-900 shadow-md rounded-2xl text-center">
<img class="block mx-auto mb-4" src="https://shuffle.dev/nigodo-assets/features/icon-bar.svg" alt="">
<h4 class="text-2xl font-extrabold mb-4">Custom options</h4>
<p class="text-lg font-extrabold leading-7">Choose your own spots, hotels, duration and decide yor own activities.</p>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12">
<div class="h-full py-12 px-8 bg-white border-3 border-indigo-900 shadow-md rounded-2xl text-center">
<img class="block mx-auto mb-4" src="https://shuffle.dev/nigodo-assets/features/icon-settings.svg" alt="">
<h4 class="text-2xl font-extrabold mb-4">Easy setup</h4>
<p class="text-lg font-extrabold leading-7">End to End Business Platform, Sales Management, Marketing Automation, Help Desk</p>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12">
<div class="h-full py-12 px-8 bg-white border-3 border-indigo-900 shadow-md rounded-2xl text-center">
<img class="block mx-auto mb-4" src="https://shuffle.dev/nigodo-assets/features/icon-box.svg" alt="">
<h4 class="text-2xl font-extrabold mb-4">Connect multiple apps</h4>
<p class="text-lg font-extrabold leading-7">The first business platform to bring together all of your products from one place.</p>
</div>
</div>
<div class="w-full md:w-1/2 lg:w-1/3 px-4 mb-12">
<div class="h-full py-12 px-8 bg-white border-3 border-indigo-900 shadow-md rounded-2xl text-center">
<img class="block mx-auto mb-4" src="https://shuffle.dev/nigodo-assets/features/icon-write.svg" alt="">
<h4 class="text-2xl font-extrabold mb-4">Create your own trip</h4>
<p class="text-lg font-extrabold leading-7">End to End planing on your fingertip. Your trip your rules. Making your dreams come true.</p>
</div>
</div>
</div>
</div>
</section>
<section data-section-id="1" data-category="dashboard-banners" data-component-id="5527d012_01_awz" class="vpy-8 vbg-blueGray-50">
<div class="container vpx-4 vmx-auto">
<div class="relative vp-10 xl:py-12 xl:px-20 vbg-indigo-600 overflow-hidden rounded-3xl">
<img class="absolute right-0 top-0 sm:top-1/2 transform -translate-y-1/2 w-1/2 sm:w-2/3 lg:w-auto mt-12 sm:mt-0" src="https://shuffle.dev/uinel-assets/images/dashboard-banners/header.png" alt="" data-config-id="auto-img-1-1">
<div class="relative z-10 sm:max-w-sm">
<h2 class="vmb-8 vtext-6xl md:vtext-7xl text-white font-heading font-semibold" data-config-id="auto-txt-1-1">Introducing. How to start the planing?</h2>
<div class="sm:max-w-max"><a class="block vpy-5 vpx-7 w-full text-lg leading-3 text-white font-medium tracking-tighter font-heading text-center bg-blue-500 hover:bg-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 rounded-xl" href="#" data-config-id="auto-txt-2-1">Discover</a></div>
</div>
</div>
</div>
</section></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/grayscale.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/readmore.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>