-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdestination.html
164 lines (148 loc) · 7.64 KB
/
destination.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/e41a797fac.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style/destination.css">
<title>Destination</title>
</head>
<body>
<nav class="nav">
<input type="checkbox" id="nav-check">
<div class="nav-header">
<div class="nav-title">
<a href="#">
<img src="/img/logo.gif" alt="logo-img" class="logo-img">
</a>
<h1 class="logo">Globe Gliders</h1>
</div>
</div>
<div class="nav-btn">
<label for="nav-check">
<span></span>
<span></span>
<span></span>
</label>
</div>
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li><a href="packages.html">Packages</a></li>
<li><a href="destination.html">Destinations</a></li>
<li><a href="admin.html">Admin</a></li>
<li><a href="login.html"><i class="fa-solid fa-user"></i> Sign In/Sign Up</a></li>
</ul>
</nav>
<div class="container">
<h1>Destination</h1>
</div>
<div class="heading">
<h3>Explore regions</h3>
</div>
<div id="container-card" class="container-card">
<div class="cards">
<img src="image/kyoto-view-iStock-1146262403-1024x600.jpg" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Cultural Kyoto</div>
<div class="cards-description">
Kyoto is home to 17 UNESCO World Cultural Heritage Sites and over 2,000 temples and shrines. Additionally, Kyoto was rated “The World's Best City” for 2 consecutive years in 2014 and 2015 by readers of “Travel+Leisure”, one of the world's most influential travel magazines.</div>
<a href="address.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/1573778-ayodhya-ram-mandir-news.jpeg" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Ayodhya</div>
<div class="cards-description">Ayodhya is also known as Saket and was the capital of the ancient Kosala Kingdom. It is mentioned in many legends and stories, including the epic Ramayana. It is the place where the Ramayana comes alive, where history whispers its tales, and where exciting attractions wait to be explored. Ayodhya is a special haven</div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/Dubai-104a-1-360x240.jpg" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Dubai</div>
<div class="cards-description">Dubai is a city of skyscrapers, ports, and beaches, where big business takes place alongside sun-seeking tourism. Because of its large expatriate population, it feels like a Middle Eastern melting pot, and the atmosphere is generally tolerant.Religious affiliations are not a prominent aspect of city life.</div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/images.jpeg" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Paris</div>
<div class="cards-description">Paris is famous for its dedication to the arts. The French state has a strong record on supporting the arts—literary, musical, visual, or otherwise. Its capital has been the crucible for numerous artistic movements including Impressionism, Cubism, and Art Deco.The French Capital was called Paris, the City of Love.</div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/london.jpeg" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">London</div>
<div class="cards-description">This great world city is far more than just the capital of the United Kingdom of Great Britain and Northern Ireland. London is bustling, vibrant, multicultural and cosmopolitan. London is both old and new, a place where traditional pubs rub shoulders with the newest cocktail bars.
</div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/ramesh.jpeg" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Rameshwaram</div>
<div class="cards-description">Rameswaram is significant for many Hindus as a pilgrimage to Varanasi is considered to be incomplete without a pilgrimage to Rameswaram. The town along with the Ramanathaswamy temple is one of the holiest Hindu Char Dham (four divine sites) sites comprising Badrinath, Puri, and Dwarka.</div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/m_leh-landscape_l_400_640.avif" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Leh</div>
<div class="cards-description">Located in the Ladakh region of Jammu and Kashmir, Leh is known for its stunning scenic locales, Buddhist temples and pristine environment. Due to the strong influence of Tibetan Buddhism, Leh is also known as Little Tibet or the Land of Lamas.t was called Maryul or low land by some Kha- chumpa by others</div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
<div class="cards">
<img src="image/m_Lakshadweep_l_580_870.avif" alt="Destination 2">
<div class="cards-content">
<div class="cards-title">Lakshadweep</div>
<div class="cards-description">akshadweep is renowned for its unspoiled beaches, blue sea, and exotic islands. The archipelago is a great destination for those on a quest for peace and tranquillity or who are keen on getting a thrill by taking on some adventure.The main languages of Lakshadweep are Malayalam and Mahl. </div>
<a href="payment.html"><button type="button" class="btn">Book</button></a>
</div>
</div>
</div>
<h2>Trending Destination in India</h2>
<div id="cards-container-national" class="horizontal-scroll">
<!-- National Package Cards will be appended here -->
</div>
<button id="load-more-national">Load More</button>
<h2> Trending International Destination</h2>
<div id="cards-container-international" class="horizontal-scroll">
<!-- International Package Cards will be appended here -->
</div>
<button id="load-more-international">Load More</button>
<h2>Destination</h2>
<div id="destination-list" class="horizontal-scroll">
<!-- Destination Cards will be appended here -->
</div>
<button id="load-more-international">Load More </button>
<footer>
<hr style="color: white; size: 2px;">
<div class="footer1">
<h1>Globe Gliders</h1>
<ul>
<li> <a href="#"> Home </a> </li>
<li> <a href="/destination.html"> Destinations </a> </li>
<li> <a href="#"> Feedback </a> </li>
<li> <a href="#"> Pricing </a> </li>
</ul>
<div>
<p> © 2024 Globe Gliders.</p>
<p> Team Kushal Koders </p>
</div>
</div>
<div class="socials">
<i class="fa-brands fa-facebook fa-xl"></i>
<i class="fa-brands fa-twitter fa-xl "></i>
<i class="fa-brands fa-instagram fa-xl"></i>
</div>
</footer>
<script src="/scripts/destination.js"></script>
</body>
</html>