-
Notifications
You must be signed in to change notification settings - Fork 1
/
flights.html
187 lines (152 loc) · 6.58 KB
/
flights.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
<!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">
<link rel="stylesheet" href="./style/nav.css">
<link rel="stylesheet" href="./style/flights.css">
<title>Document</title>
</head>
<body>
<nav></nav>
<div id="this">
<div id="main">
<div id="p">
<p>Coronavirus (COVID-19) may affect your travel plans. Learn more <a href="#">Learn more</a></p>
</div>
<div class="child">
<h1>Compare and book flights with ease</h1>
<p class="pinner">Discover your next dream destination</p>
<div id="lst">
<input type="radio" id="huey" name="drone" value="huey" checked>
<label for="huey">Round-trip</label>
<input type="radio" id="huey" name="drone" value="huey" checked>
<label for="huey">One-way</label>
<input type="radio" id="huey" name="drone" value="huey" checked>
<label for="huey">Multi-city</label>
</div>
<div id="search">
<input type="text" id="" placeholder="Where from?">
<input type="text" id="" placeholder="Where to?">
<input type="date" name="dateofbirth" id="dateofbirth">
<input type="date" name="dateofbirth" id="dateofbirth">
<button id="btn">Search</button>
</div>
<div id="chk">
<input type="checkbox" id="scales" name="scales">
<label for="scales">Direct flights only</label>
</div>
</div>
</div>
</div>
<div id="mdl">
<h1>Popular flights near you</h1>
<p>Find deals on domestic and international flights</p>
</div>
<div id="nums">
<button id="on" onclick="but(this.id)">international</button>
<button id="to" onclick="but(this.id)">Demostic</button>
</div>
<div id="hotels">
</div>
<div id="mdl">
<h1>Trending cities</h1>
<p>Book flights to a destination popular with travelers from India
</p>
</div>
<div id="trending">
</div>
<div id="change">
<div id="reduce">
<div>
<h4>Huge selection</h4>
<p>Easily compare thousands of flights, all in one place</p>
</div>
<div>
<h4>No hidden fees</h4>
<p>Always know exactly what you’re paying for</p>
</div>
<div>
<h4>More flexibility</h4>
<p>Keep your travel dates open with flexible ticket options</p>
</div>
</div>
</div>
<div id="mdl">
<h1>Fly worldwide with Booking.com</h1>
<p>Flights from wherever you are to wherever you want to go</p>
</div>
<div id="mults">
<button class="btn" id="one" onclick="cut(this.id)">NorthAmerica</button>
<button class="btn" id="two" onclick="cut(this.id)">Asia</button>
<button class="btn" id="three" onclick="cut(this.id)">Euorope</button>
<button class="btn" id="four" onclick="cut(this.id)">Oceania</button>
<hr>
</div>
<div id="motels">
<div class="part">
<div><img src="https://q-xx.bstatic.com/xdata/images/city/square210/856674.jpg?k=70a9589c2f7d2fc175c3ac02c55702c2e433f588866756a394cddfe215170f38&o=" alt=""></div>
<div><h3>Kolkata to New York</h3>
<p>Shortest flight time: 16h 26m</p>
</div>
</div>
</div>
<div id="mdl">
<h1>Frequently asked questions</h1>
</div>
<div id="ftr">
<div id="unnder">
<h3>How do I find the cheapest flights on Booking.com?</h3>
<p>You can sort flights by price to see them from cheapest to most expensive. To find the cheapest flights, you also need to consider factors like when you're booking and want to travel.</p>
</div>
<div id="unnder">
<h3>Can I book one-way flights on Booking.com?</h3>
<p>Yes, you can book one-way, round-trip, and multi-city flights on our site.</p>
</div>
<div id="unnder">
<h3>How far in advance can I book a flight?</h3>
<p>You can book a flight up to one year before your departure date.</p>
</div>
<div id="unnder">
<h3>Do flights get cheaper closer to departure?</h3>
<p>Generally, flight prices are more likely to increase the closer you get to your flight date.</p>
</div>
<div id="unnder">
<h3>What is a flexible ticket?</h3>
<p>A flexible ticket allows you to change your flight with the same airline by only paying the fare and tax difference. It can only be used for one confirmed change. You can add the flexible ticket when booking your flight.</p>
</div>
<div id="unnder">
<h3>Does Booking.com charge credit card fees?</h3>
<p>No, we don't charge any credit card fees. You can always see exactly what you’re paying for in the price breakdown when reviewing your booking.</p>
</div>
</div>
<footer>
<!-- <div id="footer">
<div id="andar">
<a href="">About Booking.com</a>
<a href="">Terms & Conditions</a>
<a href="">How We Work</a>
<a href="">Privacy & Cookie statement</a>
<a href="">Flights Help</a>
</div>
</div>
<div id="finalfooter">
<div id="first">
<p>Copyright © 1996-2022 Booking.com. All rights reserved.</p>
<p>Booking.com is part of Booking Holdings Inc., the world leader in online travel and related services.</p>
</div>
<div id="second">
<div><img src="https://r-cf.bstatic.com/static/img/tfl/group_logos/logo_booking/27c8d1832de6a3123b6ee45b59ae2f81b0d9d0d0.png" alt=""></div>
<div><img src="https://r-cf.bstatic.com/static/img/tfl/group_logos/logo_kayak/83ef7122074473a6566094e957ff834badb58ce6.png" alt=""></div>
<div><img src="https://q-cf.bstatic.com/static/img/tfl/group_logos/logo_priceline/f80e129541f2a952d470df2447373390f3dd4e44.png" alt=""></div>
<div><img src="https://q-cf.bstatic.com/static/img/tfl/group_logos/logo_agoda/1c9191b6a3651bf030e41e99a153b64f449845ed.png" alt=""></div>
<div> <img src="https://r-cf.bstatic.com/static/img/tfl/group_logos/logo_rentalcars/6bc5ec89d870111592a378bbe7a2086f0b01abc4.png" alt=""></div>
<div><img src="https://r-cf.bstatic.com/static/img/tfl/group_logos/logo_opentable/a4b50503eda6c15773d6e61c238230eb42fb050d.png" alt=""></div>
</div>
</div>
</div> -->
</footer>
</body>
</html>
<script src="./script/flight.js" type="module"></script>