forked from alhussain-shaikh/Toursim-Webdevelop
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathusa.html
259 lines (236 loc) · 14.4 KB
/
usa.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <title>Explore India Tourism</title> -->
<link rel="stylesheet" href="css/india.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WANDERLUST</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="css/LoginStyle.css"> -->
<link rel="stylesheet" href="css/responsive.css">
<link rel="apple-touch-icon" sizes="180x180" href="img/LogoWanderlust.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/LogoWanderlust.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/LogoWanderlust.png">
<link rel="manifest" href="/site.webmanifest">
</head>
<body>
<!--navbar-->
<body
onload='if (window.location.href.substr(window.location.href.length - 6) == "#about") { introAboutLogoTransition(); }'>
<!--navbar-->
<nav class="navbar glass" style="height: 70px;">
<span><a href="#home" style="display:flex; align-items: center;"><img class="img2"
src="./img/LogoWanderlust.png" width="40" style="margin: -25px -10px -25px -20px">
<h1 class="logo"> WANDERLUST</h1>
</a></span>
<ul class="nav-links">
<li><a href="index.html" id="pri" class="active cir_border">Home</a></li>
<li><a href="tour_details.html" id="sec" class="cir_border">Tours</a></li>
<li><a href="booking.html" id="hex" class="cir_border">Booking</a></li>
<li><a href="index.html#explore" id="tri" class="cir_border">Explore</a></li>
<li><a href="index.html#about" id="quad" class="cir_border">Packages</a></li>
<li><a href="Login.html" id="quint" class="cir_border">Login</a></li>
<li><a href="index.html#contact" id="hex" class="cir_border">Contact</a></li>
<li>
<div>
<input type="checkbox" class="checkbox dark" id="checkbox">
<label for="checkbox" class="label">
<i class="fa fa-moon-o"></i>
<i class='fa fa-sun-o'></i>
<div class='ball'>
</label>
</div>
</li>
</ul>
<img src="./img/menu-btn.png" alt="" class="menu-btn">
</nav>
<!--navbar-->
<header>
<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./img/usa-carousel1.avif" height="750px" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./img/usa-carousel2.avif" height="750px" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="./img/usa-carousel3.avif" height="750px" class="d-block w-100" alt="...">
</div>
</div>
</div>
<div class="carousel-text">
<h2 class="animated fadeInDown">Welcome to USA</h2>
<p class="animated fadeInUp">Explore the Diverse Culture and Rich Heritage</p>
</div>
</header>
<!-- About Section -->
<div class="container">
<section id="about">
<div class="about-content">
<h2>About USA</h2>
<p>
The United States of America (USA), often simply referred to as the United States or America, is
a vast and diverse country located in North America. It is known for its rich history, cultural
influences, and economic power. With 50 states and a wide range of geographical features, the
USA offers a varied and captivating landscape, from the majestic Grand Canyon to the bustling
streets of New York City.
<br>
<br>
The United States has played a pivotal role in shaping global politics, economics, and culture.
It is a democratic republic with a strong influence on international affairs. Washington, D.C.,
the nation's capital, is home to the White House, the Congress, and numerous iconic landmarks
like the Washington Monument. <br>
<br>
American culture is a melting pot of influences from around the world, reflecting the country's
history of immigration. It has made significant contributions to music, film, technology, and
more. The USA is renowned for its vibrant cities, cultural diversity, and numerous attractions,
such as Disneyland, the Statue of Liberty, and the Smithsonian museums.
<br>
<br>
The American dream, a concept that embodies the pursuit of opportunity and success, has drawn
people from all corners of the globe. The country's economic strength is evident in its diverse
industries, including technology, entertainment, finance, and manufacturing, making the USA a
land of immense opportunity and innovation. <br><br>
</p>
</div>
</section>
</div>
<!-- Destinations Section -->
<!-- Destinations Section -->
<section id="destinations">
<h2 class="popular_destination">Popular Destinations</h2>
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/time-square.avif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Times Square</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Times Square, often referred to as "The Crossroads of the World," is a world-famous
commercial and entertainment hub located in the heart of Manhattan, New York City. This
iconic square is characterized by its dazzling array of neon signs, digital billboards,
and larger-than-life advertisements that light up the area 24/7, creating a captivating
and bustling atmosphere.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/niagra.avif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Niagara Falls</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
Niagara Falls is a world-famous natural wonder located on the border of the United
States and Canada, with the falls straddling the two countries. It consists of three
majestic waterfalls: the American Falls, the Bridal Veil Falls, and the Horseshoe Falls.
These falls are fed by the Niagara River, which drains the vast Great Lakes system into
Lake Ontario.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/las-vegas.avif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Las Vegas </h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">Las
Vegas, often referred to as "Sin City," is a world-famous city located in the
southwestern United States, in the state of Nevada. It is renowned for its vibrant
entertainment, dazzling nightlife, and iconic casino resorts. The city is situated in
the Mojave Desert, surrounded by dramatic desert landscapes.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/grand-canyon.avif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Grand Canyon</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">The
Grand Canyon, located in the northern part of Arizona in the United States, is one of
the world's most iconic natural wonders. Carved by the Colorado River over millions of
years, this vast and awe-inspiring chasm stretches for approximately 277 miles (446
kilometers) and reaches a depth of over a mile (1.6 kilometers) in some places.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card " id="img1">
<img src="./img/san-franscisco.avif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">San Francisco</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">San
Francisco, often referred to as the "City by the Bay," is a picturesque and iconic
metropolis located in Northern California, USA. It is renowned for its stunning natural
setting, innovative spirit, and vibrant culture. Nestled along the Pacific Coast, San
Francisco is famous for its rolling hills, the iconic Golden Gate Bridge, and the
historic Alcatraz Island in San Francisco Bay.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
<div class="col cards">
<div class="card h-100 custom-card">
<img src="./img/nasa.avif" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">NASA</h5>
<p class="card-text" style="max-height: 99px; overflow-y: auto; scrollbar-width: none;">
NASA, the National Aeronautics and Space Administration, is the United States government
agency responsible for the nation's civilian space program and for aeronautics and
aerospace research. Established in 1958, NASA has been at the forefront of space
exploration, scientific discovery, and technological advancements.
</p>
</div>
<div class="card-footer">
<small class="text-muted">Last updated 3 mins ago</small>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<footer>
<p>© 2023 Explore USA Tourism. All rights reserved.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
<script>
const menuBtn = document.querySelector('.menu-btn')
const navlinks = document.querySelector('.nav-links')
menuBtn.addEventListener('click', () => {
navlinks.classList.toggle('mobile-menu')
})
</script>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="js/script.js"></script>
</body>
</html>