forked from tusharnagarop/knowyourglobe
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
270 lines (252 loc) · 15.6 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
<!doctype.html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Baloo+Paaji+2&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&family=Roboto:wght@700&display=swap" rel="stylesheet">
<link />
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/globe.css">
<link rel="stylesheet" type="text/css" href="css/lightbox.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet">
<script src="js/lightbox-plus-jquery.min.js">
</script>
<script>
src = "https://kit.fontawesome.com/a076d05399.js"
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js" integrity="sha256-jDnOKIOq2KNsQZTcBTEnsp76FnfMEttF6AV2DF2fFNE=" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Know Your Globe</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a href="globe.html" class="nav-link active fa fa-fw fa-home" aria-current="page">Home</a>
</li>
<li class="nav-item">
<a class="nav-link fa fa-fw fa-user" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link fa fa-fw fa-envelope" href="#contact">Contact</a>
</li>
<li class="nav-item">
</li>
</ul>
</div>
</div>
</nav>
<a href="" target="_blank"><img class="img_" style="position:relative; top:0; left:0; width:100%; " src="https://www.mediafire.com/convkey/c4c8/27x0w92bd84llbl6g.jpg" border="0" alt="background" /></a>
<div class="middle">
<div class="mouse">
</div>
</div>
<h2>Know Your Globe<br> <span style="color:#f7be16; "> </span> </h2>
<p id="rome" style=" display: block;
font-size: 20px;
color:white;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: black"> Rome The World With Us</p>
<a href="" target="_blank"><img class="fb" style="width:35px; height:35px;" src="https://www.mediafire.com/convkey/e87b/tbcwh98ebcjdk6a4g.jpg" border="0" alt="facebook" /></a>
<a href="" target="_blank"><img class="fb" style="width:35px; height:35px; " src="https://www.mediafire.com/convkey/168a/ck7tx0md5zr378l6g.jpg" border="0" alt="instagram" /></a>
<a href="" target="_blank"><img class="fb" style="width:35px; height:35px; " src="https://www.mediafire.com/convkey/9ba3/772r0dfjejzh2vl6g.jpg" border="0" alt="youtube" /></a>
<div class="main_content">
<h3 class="heading">Best Countries To Visit </h3>
<p>New Contries you must visit </p>
</div>
<br>
<br>
<br>
<div class="myflexcard">
<div class="card responsive" style="width: 18rem;">
<img src="https://images.unsplash.com/photo-1548013146-72479768bada?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=876&q=80" class="card-img-top img-fluid myimg" alt="...">
<div class="card-body">
<h5 class="card-title">India</h5>
<p class="card-text">India is famous for its ancient history, varied landscapes and diverse culture. ... “India is the cradle of the human race, the birthplace of human speech, the mother of history, the grandmother of legend and the great-grandmother of tradition.”</p>
<a href="https://images.unsplash.com/photo-1548013146-72479768bada?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=876&q=80" target="_blank" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/1016/331hfagoalv3iil6g.jpg" class="card-img-top" alt="South Africa">
<div class="card-body">
<h5 class="card-title">South Africa</h5>
<p class="card-text">South Africa, the southernmost country on the African continent, renowned for its varied topography, great natural beauty, and cultural diversity, all of which have made the country a favoured destination for travelers since the legal ending of apartheid (Afrikaans: “apartness,” or racial separation) in 1994.</p>
<a href="https://www.mediafire.com/convkey/1016/331hfagoalv3iil6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/3eed/mfsd0q5g5gr7ahr6g.jpg" class="card-img-top" alt="Greece">
<div class="card-body">
<h5 class="card-title">Greece</h5>
<p class="card-text">Greece is known for being the cradle of Western Civilization, the birthplace of democracy, the Olympic Games, and its ancient history and magnificent temples. Ancient temples in Greece include the Parthenon at the Acropolis in Athens, the Temple of Apollo at Delphi, and the Temple of Poseidon at Sounion.</p>
<a href="https://www.mediafire.com/convkey/3eed/mfsd0q5g5gr7ahr6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/cfb5/kuaztqyi7u6qw026g.jpg" class="card-img-top" alt="Thailand">
<div class="card-body">
<h5 class="card-title">Thailand</h5>
<p class="card-text">The food, the prices, the incredible hotels, cheap hostels, beautiful islands, the ease of getting around – any and all could be responsible for why Thailand is so popular, and why last year over 38 million people visited.</p>
<a href="https://www.mediafire.com/convkey/cfb5/kuaztqyi7u6qw026g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/bf1b/mkr3g86lskkh2mu6g.jpg" class="card-img-top" alt="Turkey">
<div class="card-body">
<h5 class="card-title">Turkey</h5>
<p class="card-text">Turkey is famous for a diverse set of both oriental and European elements — from the traditional Turkish tea to the majestic Hagia Sophia. It's also famous for its carpets, hammam and bazaars, destinations like Istanbul and Cappadocia, and sweet treats like Turkish delights and baklava.</p>
<a href="https://www.mediafire.com/convkey/bf1b/mkr3g86lskkh2mu6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/46dd/nvxhpv54uchdixw6g.jpg" class="card-img-top" alt="USA">
<div class="card-body">
<h5 class="card-title">USA</h5>
<p class="card-text">The United States is by far the most famous country in the world. It's famous for its attractions, such as the Grand Canyon, tech innovation, sports, and it has a large imprint on the global culture thanks to famous movies, television shows, and music.</p>
<a href="https://www.mediafire.com/convkey/46dd/nvxhpv54uchdixw6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/e0aa/7le1ygteok084lq6g.jpg" class="card-img-top" alt="New Zealand">
<div class="card-body">
<h5 class="card-title">New Zealand</h5>
<p class="card-text">A small island nation home to around 4.5 million people located in the Pacific Ocean, New Zealand is famous for its national rugby team, its indigenous Maori culture and its picturesque landscape. If you're an international student considering studying abroad, New Zealand may be a long way from home.</p>
<a href="https://www.mediafire.com/convkey/e0aa/7le1ygteok084lq6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/1b51/2hfdagjymkv7ewk6g.jpg" class="card-img-top" alt="Japan">
<div class="card-body">
<h5 class="card-title">Japan</h5>
<p class="card-text">The culture and traditions of Japan are unique because of its island-nation geography as well as its isolation from the outside world during the Tokugawa shogunate regime. ... Borrowed ideas from other countries are infused with existing customs to become something distinctly Japanese.</p>
<a href="https://www.mediafire.com/convkey/1b51/2hfdagjymkv7ewk6g.jpg" class="btn btn-primary">View Photo</a></a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/a962/iyoz8h9obqncldp6g.jpg" class="card-img-top" alt="Australia">
<div class="card-body">
<h5 class="card-title">Australia</h5>
<p class="card-text">Australia is globally famous for its natural wonders, wide-open spaces, beaches, deserts, "The Bush", and "The Outback". Australia is one of the world's most highly urbanised countries; it's well known for its attractive mega cities such as Sydney, Melbourne, Brisbane, and Perth.</p>
<a href="https://www.mediafire.com/convkey/a962/iyoz8h9obqncldp6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/1114/erviu626jfuzywz6g.jpg" class="card-img-top" alt="Italy">
<div class="card-body">
<h5 class="card-title">Italy</h5>
<p class="card-text">People mainly visit Italy for its rich culture, cuisine, history, fashion and art, its beautiful coastline and beaches, its mountains, and priceless ancient monuments. Italy also contains more World Heritage Sites than any other country in the world (58).</p>
<a href="https://www.mediafire.com/convkey/1114/erviu626jfuzywz6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://www.mediafire.com/convkey/dafa/25ykjnbg2a3eugf6g.jpg" class="card-img-top" alt="Phillipines">
<div class="card-body">
<h5 class="card-title">Phillipines</h5>
<p class="card-text">The Philippines is known for having an abundance of beautiful beaches and delicious fruit. The collection of islands is located in Southeast Asia and was named after King Philip II of Spain.</p>
<a href="https://www.mediafire.com/convkey/dafa/25ykjnbg2a3eugf6g.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img src="https://en.unesco.org/creative-cities/sites/default/files/styles/creative_city_940_420/public/singapore.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Singapore</h5>
<p class="card-text">Singapore has many interesting features including its lush greenery surroundings, festivals, and Islands. Additionally, millions of people to to this country because of the great number of career opportunities. Singapore is known for its clean streets and its modern and tall buildings.</p>
<a href="https://en.unesco.org/creative-cities/sites/default/files/styles/creative_city_940_420/public/singapore.jpg" class="btn btn-primary">View Photo</a>
</div>
</div>
</div>
<br /><br />
<div class="aboutclass">
<div id="about" class="dix">
<h2>About Us</h2>
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p>Copyright Company Name © 2021. All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<img style="margin-left: 60px;" src="https://higherlogicdownload.s3.amazonaws.com/SRAINTERNATIONAL/UploadedImages/167e255a-8759-4a2f-92f6-591d6d8f7afb/Catalyst-pictures/Text-body-images/april2021/Picture_2_Travel.jpeg">
<br />
<div class="dix2">
<p class="para1">hello we are from KnowYourGlobe, we are nature lover, protector and Helper we want to
show the best places in the world to people for roam and plan a tour with his/her family and friends
to enjoy the beauty of nature and to take a pleasure break in a daily hustle life </p><br>
<p class="para2"> so we created a website KnowYourGlobe for tour and travel passionate People To Know
The best Places To visit in every country and also you can enjoy the beauty by visit our website
</p><br>
<p class="para3"> That's It </p><br>
<p class="para4"> want to know more Follow US On our social medias   <a href=""> <i style="color:red;" class="fa fa-instagram"></i></a>   <a href=""> <i class="fa fa-facebook"></i> </a></p>
</div>
</div>
</div>
<h1> Nagar Op </h1
<div class="contactus2div">
<h2 class="subcenter">Drop Us A Line</h2>
<br><br>
<div class="mb-3">
<input type="email" class="form-control subcenter" id="exampleFormControlInput1" placeholder="Enter Your Email">
</div>
<div class="mb-3">
<input type="text" aria-label="name" class="subcenter form-control" placeholder="Enter Your Name">
</div>
<input type="text" aria-label="name" class="subcenter form-control" placeholder="Enter Mobile Number">
<div class="mb-3">
<textarea class="subcenter form-control" rows="3" placeholder="Enter Your Message Here"></textarea>
</div>
<div class="mb-3">
<button type="submit" class="btn btn-primary subcenter">Submit</button>
</div>
</div>
<hr class="hr1" />
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p>Copyright KnowYourGlobe © 2021. All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<script>
/*
var waypoint = new Waypoint({
element: document.getElementById('px-offset-waypoint'),
handler: function(direction) {
notify('I am 20px from the top of the window')
},
offset: 20
})
*/
$(document).ready(function() {
$('.heading').waypoint(function(direction) {
$('.heading').addClass('animated fadeInUp')
}, {
offset: '100px'
});
$('.anime').waypoint(function(direction) {
$('.anime').addClass('animated fadeIn')
}, {
offset: '150px'
})
$('.sub').click(function() {
$('.lol').show();
});
>
});
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>