FirstFlights/locations.html at main · VivekParmar-18/FirstFlights · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Travel Destinations</title>
    <link rel="icon" href="./files/logo.png">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Paytone+One&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
</head>

<body class="location-body">
    <nav>
        <img src="./files/logo.png" class="logo" alt="Logo" title="FirstFlight Travels">

        <ul class="navbar">
            <li>
                <a href="./index.html">Home</a>
                <a href="./index.html#locations">Locations</a>
                <a href="./index.html#package">Packages</a>
                <a href="./about.html">About Us</a>
                <a href="./contact.html">Contact Us</a>
            </li>
        </ul>
        <button id="signout-btn" class="signout-btn" style="height: 40px; width: 100px; margin: 20px; color: rgb(21, 74, 74); font-size: 18px;
                padding: auto 30px;
                border-radius: 4px;
                font-weight: 500;
                border:none;  " onclick={handleSignOut()}>SIGN OUT</button>
    </nav>
    <section class="location-section">
        <div class="location-heading">
            <h1>Discover The <span>Beautiful World</span></h1>
        </div>
        <div class="location-detail" id="kashmir">
            <h1>Kashmir</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
            </div>
            <p>Heaven on Earth Kashmir is one of the most beautiful travel destinations to visit in North India. Nowhere
                in India you will behold the scenic landscapes, icy glaciers, pristine lakes and lofty mountains as
                beautiful as Kashmir. Serenity and Tranquility redefines itself from the ambiance of Kashmir. Be it
                summer, Winter or Monsoon, every season has its own charm in Kashmir. The numerous wonders of nature,
                culture, cuisines and rich history of Kashmir will elevate your travel experience in Incredible India.
            </p>
            <div class="location-img">
                <img src="./files/t1.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="istanbul">
            <h1>Istanbul</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star-half'></i></a>
            </div>
            <p>Istanbul, that offers unique historical and cultural riches together has hosted many different
                civilizations with its geography spread over two continents. This unique city which is admired by its
                charming nature and the attractive atmosphere is also the symbol of dynamic and modern city life.
                Istanbul has a multicultural texture and a lively atmosphere that melts the past and future in a single
                pot which provides a sense of universal history at every step.</p>
            <div class="location-img">
                <img src="./files/t2.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="paris">
            <h1>Paris</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star-half'></i></a>
            </div>
            <p>Paris is a diverse and sophisticated city that appeals to the wealthy but can also be enjoyed on a
                budget. In addition to the Eiffel Tower, Paris has countless other gorgeous landmarks and monuments that
                add to the beauty of the spacious boulevards and their charming cafes. French cuisine is also world
                famous, and you can find some of the best of it in Paris. It has many stunning sights that showcase
                impressive architecture and design, and these places have become world-famous for their beauty.</p>
            <div class="location-img">
                <img src="./files/t3.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="bali">
            <h1>Bali</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star-half'></i></a>
            </div>
            <p>Bali's beauty goes way deeper than its beautiful appearances. Matching Bali's natural wonders are its
                ever-growing choice of awesome accommodations. From lavish resorts to affordable hostels, developers go
                all-out to create outstanding, well-equipped and enjoyable places to stay. Private villas can even be
                rented at unbelievably affordable prices. Many resorts and hotels have splendid swimming and infinity
                pools, most of which are attractions in themselves.</p>
            <div class="location-img">
                <img src="./files/t4.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="dubai">
            <h1>Dubai</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
            </div>
            <p>Dubai is an ideal holiday destination for families, with theme parks, beaches, Friday brunches and more
                to keep everyone happy. The famous Burj Khalifa, the tallest building in the world, is well worth the
                entrance fee. Burj Al-Arab, often touted as the world's only 7-star hotel, remains underwhelming.
                Similarly, the Aquaventure Water Park at the Palms Atlantis Hotel is not to be missed. Jumeriah Beach
                Residence is well established as Dubai's most popular beachfront, and its close proximity to a whole
                host of restaurants, cafes and shops make it more than worthy of its status.</p>
            <div class="location-img">
                <img src="./files/t5.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="geneva">
            <h1>Geneva</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star-half'></i></a>
            </div>
            <p>The charming city of Geneva comes with a plethora of attractions and tremendous natural beauty that makes
                every traveler fall in love with it. However, because of this overabundance of attractions, it becomes
                difficult for the backpackers to determine where to go first. Most of them generally miss out on all the
                best things that this fantastic city has to offer. The capital of Switzerland and a beautiful lakeside
                city, Geneva is home to many international organisations like the UN.</p>
            <div class="location-img">
                <img src="./files/t6.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="port-blair">
            <h1>Port Blair</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star-half'></i></a>
            </div>
            <p>Port Blair is an alluring destination for tourists as it includes a host of attractive locales. There are
                shimmering but clean beaches, beaches that defy the ferocity of sea and let tourists swim leisurely,
                relics of colonial power and oppression, many must-go museums, libraries, coral reefs, and more.</p>
            <div class="location-img">
                <img src="./files/t7.jpg" alt="">
            </div>
        </div>

        <div class="location-detail" id="rome">
            <h1>Rome</h1>
            <div class="stars">
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
                <a href="#"><i class='bx bxs-star'></i></a>
            </div>
            <p>The capital of one of the most powerful ancient empires in the world, Rome is a fascinating place that
                has inspired people to visit for millennia. With incredible works of art, a leisurely pace of life and
                world-renowned cuisine, the Eternal City is worth a visit at least once, though it would take a lifetime
                to see all it has to offer.</p>
            <div class="location-img">
                <img src="./files/t8.jpg" alt="">
            </div>
        </div>
    </section>
    <!-- Footer -->

    <section class="footer">
        <div class="foot">
            <div class="footer-content">

                <div class="footlinks">
                    <h4>Quick Links</h4>
                    <ul>
                        <li><a href="./register.html">Register</a></li>
                        <li><a href="./about.html">About Us</a></li>
                        <li><a href="./contact.html">Contact Us</a></li>
                    </ul>
                </div>

                <div class="footlinks">
                    <h4>Connect</h4>
                    <div class="social">
                        <a href=""><i class='bx bxl-facebook'></i></a>
                        <a href="https://www.instagram.com/vivek_.l8" target="_blank"><i
                                class='bx bxl-instagram'></i></a>
                        <a href="https://www.linkedin.com/in/vivekparmar1812" target="_blank"><i
                                class='bx bxl-linkedin'></i></a>
                        <a href=""><i class='bx bxl-youtube'></i></a>
                        <a href="https://github.com/VivekParmar-18"  target="_blank"><i class='bx bxl-github'></i></a>
                        <a href=""><i class='bx bxs-map'></i></a>
                    </div>
                </div>

            </div>
        </div>

        <div class="end">
            <p>Copyright © 2022 Firstflight Travels All Rights Reserved.<br>Website developed by: Vivek Parmar</p>
        </div>
    </section>
    <script>
        window.onload = function () {
            if (localStorage.getItem("login") === "true") {
                document.getElementById("signout-btn").style.display = "block";
                document.getElementById("signout-btn").textContent = "SIGN OUT";
            } else if (localStorage.getItem("login") === "false") {
                document.getElementById("signout-btn").style.display = "block"
                document.getElementById("signout-btn").textContent = "LOGIN";
            }
        }

        function handleSignOut() {
            let text = document.getElementById("signout-btn").textContent;
            console.log(text)

            if (text === "LOGIN") {
                window.location.href = "./login.html"
            } else if (text === "SIGN OUT") {
                document.getElementById("signout-btn").textContent = "LOGIN";
                localStorage.setItem("login", false);
            }
        }
    </script>
</body>

</html>