-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
283 lines (209 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Bootstrap CSS https://getbootstrap.com/docs/4.3/getting-started/introduction/ -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Google Fonts https://fonts.google.com/ -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap" rel="stylesheet">
<!-- Animate.css https://cdnjs.com/libraries/animate.css/
https://daneden.github.io/animate.css/ -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<!-- Lightbox Image Gallery https://cdnjs.com/libraries/lightbox2 https://lokeshdhakar.com/projects/lightbox2/ -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.1/css/lightbox.min.css"> -->
<!-- Slick js cdn https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<!-- Owl Carousel https://cdnjs.com/libraries/OwlCarousel2
http://owlcarousel2.github.io/OwlCarousel2/ -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> -->
<!-- Style.css -->
<link rel="stylesheet" href="./css/main.css">
<!-- Plugins.css -->
<link rel="stylesheet" href="./css/plugins.css">
<link rel="shortcut icon" type="image/x-icon" href="./map.png" />
<title>Explore Your Destiny</title>
</head>
<body>
<!-- Start Of header -->
<header>
<!-- Start Navigation -->
<nav class="navbar navbar-expand-lg fixed-top solid ">
<div class="container">
<a href="#home" class="navbar-brand">
<h1>Destiny</h1>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="custom-toggler-icon"><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="#home" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="#aboutMe" class="nav-link">App Services</a>
</li>
<li class="nav-item">
<a href="#features" class="nav-link">Features</a>
</li>
<li class="nav-item">
<a href="https://www.facebook.com" class="nav-link"><i class="fab fa-facebook"></i></a>
</li>
<li class="nav-item">
<a href="https://www.twitter.com" class="nav-link"><i class="fab fa-twitter"></i></a>
</li>
<li class="nav-item">
<a href="https://github.com/sagar608" class="nav-link"><i class="fab fa-github"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- End NAvigation -->
</header>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<!-- Slide One - Set the background image for this slide in the line below -->
<div class="carousel-item active">
<img src="./undraw_having_fun_iais.svg" alt="">
<div class="carousel-caption d-none d-md-block text-left">
<h2 class="display-4 os-animation" data-animation="zoomIn" data-delay="1s">Wanna Relax And Explore</h2>
<p class="lead os-animation" data-animation="zoomIn" data-delay="1.1s">Get To Know About More Places. Explore
More With Us.<br> Chill Out This Weekend With family</p>
<button type="button" class="btn btn-primary border border-dark os-animation" data-animation="zoomIn"
data-delay="1.3s" style="background-color: transparent;"><a href="#features"
style="color: blue; text-decoration: none;">Explore More</a></button>
</div>
</div>
<!-- Slide Two - Set the background image for this slide in the line below -->
<div class="carousel-item">
<img src="./undraw_a_moment_to_relax_bbpa.svg" alt="">
<div class="carousel-caption d-none d-md-block text-right">
<h2 class="display-4 os-animation" data-animation="zoomIn" data-delay="1s">Sitting And Thinking To Go For Picnic</h2>
<p class="lead os-animation" data-animation="zoomIn" data-delay="1.1s">Go Out And Make YourSelf Refreshed.</p>
</div>
</div>
<!-- Slide Three - Set the background image for this slide in the line below -->
<div class="carousel-item">
<img src="./undraw_dreamer_gxxi.svg" alt="">
<div class="carousel-caption d-none d-md-block ml-5">
<h2 class="display-4 os-animation" data-animation="fadeInUp" data-delay="1s">Destinations</h2>
<p class="lead os-animation" data-animation="fadeInUp" data-delay="1.3s">Discover the New and plan the perfect trip.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<section id="feature-1">
<div class="container hero" id="aboutMe">
<div class="row hero-desc os-animation" data-animation="fadeInUp" data-delay=".1s">
<div class="col-md-6">
<img src="./undraw_destinations_fpv7.svg" alt="destination0" width="380px" height="380px">
</div>
<div class="col-md-6">
<h1>Searching Destination For Picinic ?</h1>
<p>Find the best destination for you for picnic to relax on holidays. Coming to Nepal is coming to an experience that is only yours. From the remotest corners to the urban landscape, Nepal embodies a sensory experience of colours, sounds, sights and tastes. Visit Nepal welcomes you to life’s amazing moments.</p>
</div>
</section>
<section id="feature-2">
<div class="container hero">
<div class="row hero-desc os-animation" data-animation="fadeInUp" data-delay=".2s">
<div class="col-md-6">
<h1>Experienced Travel Guide.</h1>
<p>You will come across stories of Gods and Goddesses as you walk the streets and alleys of Nepal. Where each day is a celebration of life, there are numerous festivals throughout the year.</p>
</div>
<div class="col-md-6">
<img src="./undraw_traveling_t8y2.svg" alt="travelling" class="img1" height="400px" width="400px"
style="margin-right: 80px;">
</div>
</div>
</div>
</section>
<section id="feature-3">
<div class="container hero">
<div class="row hero-desc os-animation" data-animation="fadeInUp" data-delay=".3s">
<div class="col-md-6">
<img src="./undraw_Destination_6jtj.svg" alt="destination" height="450px" width="450px">
</div>
<div class="col-md-6">
<h1>Best Locations To Chill Out</h1>
<p>We provide you with the best places to chill out and Hangout with your family. Go out and and explore new locatons.</p>
</div>
</div>
</div>
</section>
<section id="features">
</section>
<section id="footer">
<div class="container">
<div class="row">
<div class="col-md-4 download" style="margin-top: 130px;">
<h1>Download The App</h1>
<div class="image-container">
<a href="#"><img src="./images/Playstore.png" alt="play-store"
height="100px"></a>
<a href="#"><img src="./images/App.png" alt="app-store" height="60px" width="230px"></a>
</div>
</div>
<div class="col-md-4">
<!-- <iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=kathmandu&key=AIzaSyDAy1kOUW_ocDia-gu1i753U6MDYJmSm38"
allowfullscreen></iframe> -->
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d56516.316259509535!2d85.29111325668332!3d27.70895594441281!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb198a307baabf%3A0xb5137c1bf18db1ea!2sKathmandu%2044600!5e0!3m2!1sen!2snp!4v1579886746415!5m2!1sen!2snp" width="800" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</section>
<section id="footer-copy">
<div class="container">
<div class="row">
<div class="col-md-12">
All Rights Reserved ©Bernhack2020
</div>
</div>
</div>
</section>
<!-- jQuery https://code.jquery.com/ -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- Bootstrap JS https://getbootstrap.com/docs/4.3/getting-started/introduction/ -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<!-- Plugins.js -->
<script src="./JS/plugins.js"></script>
<!-- Slick js https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<!-- Waypoints https://cdnjs.com/libraries/waypoints
https://github.com/imakewebthings/waypoints -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<!-- Font Awesome https://fontawesome.com/ https://use.fontawesome.com/releases/v5.11.2/js/all.js -->
<script src="https://kit.fontawesome.com/71d880897d.js" crossorigin="anonymous"></script>
<!-- jQuery CounterUp https://www.jsdelivr.com/package/npm/jquery.counterup
https://github.com/bfintal/Counter-Up2 -->
<script src="https://cdn.jsdelivr.net/npm/jquery.counterup@2.1.0/jquery.counterup.min.js"></script>
<!-- Bootstrap Form Validator https://cdnjs.com/libraries/1000hz-bootstrap-validator -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
<!-- End of Script Source Files -->
</body>
</html>