-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
278 lines (259 loc) · 16.5 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
271
272
273
274
275
276
277
278
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="imgs/Logo.svg">
<title>Jadoo - A Travel Agency</title>
</head>
<body>
<div class="container">
<img class = "decore"src="imgs/Decore.png" alt="decore">
<!-----------------navbar ---------------->
<div class="navbar">
<img class="logo" src = "imgs/Logo.svg" alt="logo">
<nav>
<ul>
<li><a href="#destinations">Destinations</a></li>
<li><a href="#">Hotels</a></li>
<li><a href="#">Flights</a></li>
<li><a href="#">Bookings</a></li>
</ul>
</nav>
<button id="login">Login</button>
<img id="more-icon" src="imgs/more-2-fill.svg" alt="More Icon">
</div>
<!-- responsive nav -->
<div class="res-navbar">
<ul>
<li><a href="#destinations">Destinations</a></li>
<li><a href="#">Hotels</a></li>
<li><a href="#">Flights</a></li>
<li><a href="#">Bookings</a></li>
</ul>
<br>
<button id=" res-login">Login</button>
</div>
<!-- -------------hero------------------ -->
<div class="hero">
<div class="col1">
<p><span class = "firstP">Best Destinations around the world</span></p>
<h1>Travel, enjoy<br> and live a new and full life.</h1>
<p class= "description">Built Wicket longer admire do barton vanity itself do in it.<br> Preferred to sportsmen it engrossed listening. Park gate<br> sell they west hard for the.</p>
<button>Find out more</button>
</div>
<div class="col2">
<img src="imgs/Traveller 1.png" alt="A traveller smiling.">
</div>
</div>
<!-- ------catergory ------------->
<div class="category">
<h3>Category</h3>
<h2>We Offer Best Services</h2>
<div class="cards">
<div class="card">
<img src="imgs/Group 48.png" alt="Weather Disk ">
<h4>Calculated Weather </h4>
<p>Built Wicket longer admire do barton vanity itself do in it.</p>
</div>
<div class="card">
<img src="imgs/Group 51.png" alt="An aeroplane ">
<h4>Best Flights </h4>
<p>Engrossed listening. Park gate sell they west hard for the.</p>
</div>
<div class="card">
<img src="imgs/image 25.png" alt="Mic ">
<h4>Local Events</h4>
<p>Barton vanity itself do in it. Preferd to men it engrossed listening. </p>
</div>
<div class="card">
<img src="imgs/Group 49.png" alt="Setting ">
<h4>Customization</h4>
<p>We deliver outsourced aviation services for military customers </p>
</div>
</div>
</div>
<!-- --------destinations ------------->
<div id="destinations">
<h3>Top Selling</h3>
<h2>Top Destinations</h2>
<div class="destin-cards">
<div class="destin-card">
<img src="imgs/Rectangle 14-1.png" alt="Rome,Italy">
<p>Rome, Italty</p>
<p class = "left-para">$<b>5,42</b>k</p>
<p>10 Days Trip</p>
</div>
<div class="destin-card">
<img src="imgs/Rectangle 14.png" alt="London,UK">
<p>London,UK</p>
<p class = "left-para">$<b>4.2</b>k</p>
<p>12 Days Trip</p>
</div>
<div class="destin-card">
<img src="imgs/Rectangle 14-2.png" alt="Full Europe">
<p>Full Europe</p>
<p class = "left-para"><b>$15</b>k</p>
<p>28 Days Trip</p>
</div>
</div>
</div>
<!-- -------------booking ----------------->
<div class="booking">
<h3>Easy and Fast</h3>
<h2>Book your next trip in 3 easy steps</h2>
<div class="booking-grid">
<div class="book-col1">
<div class="book-card">
<img src="imgs/Group 7.png" alt="Destinations">
<h4>Choose Destination</h4>
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Urna, tortor tempus. </p>
</div>
<div class="book-card">
<img src="imgs/Group 12.png" alt="payment">
<h4>Make Payments</h4>
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Urna, tortor tempus. </p>
</div>
<div class="book-card">
<img src="imgs/Group 11.png" alt="Taxi">
<h4>Reach Airport on Selected Date</h4>
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Urna, tortor tempus. </p>
</div>
</div>
<div class="book-col2">
<img src="imgs/booking.png" alt="booking">
</div>
</div>
</div>
<!-- --------testimonials ------------->
<div class="testimonials">
<div class="test-col1">
<h3>Testimonials</h3>
<h2>What people say about Us.</h2>
<svg xmlns="http://www.w3.org/2000/svg" width="87" height="12" viewBox="0 0 87 12" fill="none">
<circle cx="6" cy="6" r="6" fill="#39425D"/>
<circle cx="44" cy="6" r="6" fill="#E5E5E5"/>
<circle cx="81" cy="6" r="6" fill="#E5E5E5"/>
</svg>
</div>
<div class="test-col2">
<div class="box">
<img src="imgs/Image.png" alt="A person giving testimonial.">
<p>“On the Windows talking painted pasture yet its express parties use. Sure last upon he same as knew next. Of believed or diverted no.”</p>
<h4>Mike taylor</h4>
<h5>Lahore, Pakistan</h5>
</div>
<div class="box" id="second-box">
<img src="imgs/Image.png" alt="A person giving testimonial.">
<p>“On the Windows talking painted pasture yet its express parties use. Sure last upon he same as knew next. Of believed or diverted no.”</p>
<h4>Chris Thomas</h4>
<h5>CEO of Red Button</h5>
<span class= "up-down">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="75" viewBox="0 0 16 75" fill="none">
<path d="M1 8.5L8 1.5L15 8.5" stroke="#BCB7C2" stroke-width="2" stroke-linecap="round"/>
<path d="M1 66L8 73L15 66" stroke="#3E2E4D" stroke-width="2" stroke-linecap="round"/>
</svg>
</span>
</div>
</div>
</div>
<!----------------- companies--------- -->
<div class="companies">
<img src="imgs/image 27.png" alt="axon" class="company">
<img src="imgs/image 28.png" alt="jetstar" class="company">
<img src="imgs/image 29.png" alt="expedia" class="company">
<img src="imgs/image 30.png" alt="Qantas" class="company">
<img src="imgs/image 31.png" alt="Alitalia" class="company">
</div>
<!--------------subscribe-------------->
<div class="subscribe">
<h3>Subscribe to get information, latest news and other interesting offers about Cobham</h3>
<div class="text-field">
<img src="imgs/Group 77.png" alt="messgase icon">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" viewBox="0 0 21 18" fill="none">
<path d="M4 6L9.4 10.05C9.75556 10.3167 10.2444 10.3167 10.6 10.05L16 6" stroke="#39425D" stroke-linecap="round"/>
<rect x="0.5" y="0.5" width="20" height="17" rx="4.5" stroke="#39425D"/>
</svg>
<input type="text" placeholder="Your Email">
<button type= "submit">Subscribe</button>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="foot-col1">
<h1>Jadoo.</h1>
<p>Book your trip in minute, get full Control for much longer.
</p>
</div>
<div class="foot-col2">
<h5>Company</h5>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Mobile</a></li>
</ul>
</div>
<div class="foot-col3">
<h5>Contact</h5>
<ul>
<li><a href="#">Help/FAQ</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Affilates</a></li>
</ul>
</div>
<div class="foot-col4">
<h5>More</h5>
<ul>
<li><a href="#">Airlinefees</a></li>
<li><a href="#">Airline</a></li>
<li><a href="#">Low fare tips</a></li>
</ul>
</div>
<div class="foot-col5">
<div class="socials">
<img src="imgs/Social.png" alt="twitter logo"><img src="imgs/Social-2.png" alt="instagram">
<img src="imgs/Social-1.png" alt="facebook logo">
</div>
<h6>Discover our app</h6>
<div class="app">
<img src="imgs/Google playbtn.png" alt="Google Play Button">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="35" viewBox="0 0 100 35" fill="none">
<rect width="100" height="35" rx="17.5" fill="#080809"/>
<path d="M21.7893 23.9998C19.408 23.9861 17.4382 19.1251 17.4382 16.6495C17.4382 12.6057 20.4718 11.7203 21.641 11.7203C22.1678 11.7203 22.7304 11.9273 23.2266 12.1103C23.5736 12.2381 23.9325 12.3699 24.1321 12.3699C24.2516 12.3699 24.5331 12.2578 24.7817 12.1593C25.3118 11.9483 25.9714 11.686 26.7395 11.686C26.7409 11.686 26.7427 11.686 26.7441 11.686C27.3176 11.686 29.0567 11.8119 30.1022 13.382L30.3471 13.7501L29.9947 14.016C29.4911 14.396 28.5724 15.089 28.5724 16.4619C28.5724 18.0878 29.6129 18.7132 30.1128 19.0139C30.3334 19.1467 30.5618 19.2835 30.5618 19.5829C30.5618 19.7784 29.0018 23.9756 26.7363 23.9756C26.182 23.9756 25.7901 23.809 25.4445 23.662C25.0948 23.5133 24.7931 23.3851 24.2946 23.3851C24.0419 23.3851 23.7224 23.5046 23.3841 23.6314C22.9218 23.8039 22.3985 23.9998 21.8048 23.9998H21.7893Z" fill="white"/>
<path d="M26.9795 8C27.0385 10.1274 25.5171 11.6033 23.9975 11.5107C23.7471 9.81297 25.5169 8 26.9795 8Z" fill="white"/>
<path d="M39.03 13.0001H40.08L38.652 8.80012H37.428L36 13.0001H37.05L37.26 12.3401H38.82L39.03 13.0001ZM37.548 11.4401L38.04 9.89812L38.532 11.4401H37.548Z" fill="white"/>
<path d="M42.2049 10.0001L41.5809 11.9021L40.9569 10.0001H39.9609L41.0709 13.0001H42.0909L43.2009 10.0001H42.2049Z" fill="white"/>
<path d="M45.592 10.0001V10.2821C45.394 10.0541 45.1 9.91612 44.698 9.91612C43.912 9.91612 43.264 10.6061 43.264 11.5001C43.264 12.3941 43.912 13.0841 44.698 13.0841C45.1 13.0841 45.394 12.9461 45.592 12.7181V13.0001H46.492V10.0001H45.592ZM44.878 12.2321C44.464 12.2321 44.164 11.9501 44.164 11.5001C44.164 11.0501 44.464 10.7681 44.878 10.7681C45.292 10.7681 45.592 11.0501 45.592 11.5001C45.592 11.9501 45.292 12.2321 44.878 12.2321Z" fill="white"/>
<path d="M47.1523 13.0001H48.0523V8.62012H47.1523V13.0001Z" fill="white"/>
<path d="M49.1609 9.73612C49.4549 9.73612 49.7009 9.49012 49.7009 9.19612C49.7009 8.90212 49.4549 8.65612 49.1609 8.65612C48.8669 8.65612 48.6209 8.90212 48.6209 9.19612C48.6209 9.49012 48.8669 9.73612 49.1609 9.73612ZM48.7109 13.0001H49.6109V10.0001H48.7109V13.0001Z" fill="white"/>
<path d="M52.0635 9.91612C51.6615 9.91612 51.3675 10.0541 51.1695 10.2821V8.80012H50.2695V13.0001H51.1695V12.7181C51.3675 12.9461 51.6615 13.0841 52.0635 13.0841C52.8495 13.0841 53.4975 12.3941 53.4975 11.5001C53.4975 10.6061 52.8495 9.91612 52.0635 9.91612ZM51.8835 12.2321C51.4695 12.2321 51.1695 11.9501 51.1695 11.5001C51.1695 11.0501 51.4695 10.7681 51.8835 10.7681C52.2975 10.7681 52.5975 11.0501 52.5975 11.5001C52.5975 11.9501 52.2975 12.2321 51.8835 12.2321Z" fill="white"/>
<path d="M54.0077 13.0001H54.9077V8.62012H54.0077V13.0001Z" fill="white"/>
<path d="M56.3703 11.8601H58.5003C58.5243 11.7461 58.5363 11.6261 58.5363 11.5001C58.5363 10.5941 57.8883 9.91612 57.0123 9.91612C56.0643 9.91612 55.4163 10.6061 55.4163 11.5001C55.4163 12.3941 56.0523 13.0841 57.0783 13.0841C57.6483 13.0841 58.0923 12.8741 58.3863 12.4661L57.6663 12.0521C57.5463 12.1841 57.3363 12.2801 57.0903 12.2801C56.7603 12.2801 56.4843 12.1721 56.3703 11.8601ZM56.3523 11.1881C56.4363 10.8821 56.6643 10.7141 57.0063 10.7141C57.2763 10.7141 57.5463 10.8401 57.6423 11.1881H56.3523Z" fill="white"/>
<path d="M61.9868 13.0841C62.8688 13.0841 63.5768 12.3941 63.5768 11.5001C63.5768 10.6061 62.8688 9.91612 61.9868 9.91612C61.1048 9.91612 60.3968 10.6061 60.3968 11.5001C60.3968 12.3941 61.1048 13.0841 61.9868 13.0841ZM61.9868 12.2081C61.5968 12.2081 61.2968 11.9261 61.2968 11.5001C61.2968 11.0741 61.5968 10.7921 61.9868 10.7921C62.3768 10.7921 62.6768 11.0741 62.6768 11.5001C62.6768 11.9261 62.3768 12.2081 61.9868 12.2081Z" fill="white"/>
<path d="M65.8439 9.91612C65.4479 9.91612 65.1479 10.0601 64.9859 10.2821V10.0001H64.0859V13.0001H64.9859V11.3621C64.9859 10.9361 65.2139 10.7441 65.5439 10.7441C65.8319 10.7441 66.0659 10.9181 66.0659 11.2901V13.0001H66.9659V11.1581C66.9659 10.3481 66.4499 9.91612 65.8439 9.91612Z" fill="white"/>
<path d="M70.8419 10.8641V10.0001H70.2239V9.16012L69.3239 9.43012V10.0001H68.8439V10.8641H69.3239V11.9261C69.3239 12.7661 69.6659 13.1201 70.8419 13.0001V12.1841C70.4459 12.2081 70.2239 12.1841 70.2239 11.9261V10.8641H70.8419Z" fill="white"/>
<path d="M73.1095 9.91612C72.7135 9.91612 72.4135 10.0601 72.2515 10.2821V8.80012H71.3515V13.0001H72.2515V11.3621C72.2515 10.9361 72.4795 10.7441 72.8095 10.7441C73.0975 10.7441 73.3315 10.9181 73.3315 11.2901V13.0001H74.2315V11.1581C74.2315 10.3481 73.7155 9.91612 73.1095 9.91612Z" fill="white"/>
<path d="M75.6535 11.8601H77.7835C77.8075 11.7461 77.8195 11.6261 77.8195 11.5001C77.8195 10.5941 77.1715 9.91612 76.2955 9.91612C75.3475 9.91612 74.6995 10.6061 74.6995 11.5001C74.6995 12.3941 75.3355 13.0841 76.3615 13.0841C76.9315 13.0841 77.3755 12.8741 77.6695 12.4661L76.9495 12.0521C76.8295 12.1841 76.6195 12.2801 76.3735 12.2801C76.0435 12.2801 75.7675 12.1721 75.6535 11.8601ZM75.6355 11.1881C75.7195 10.8821 75.9475 10.7141 76.2895 10.7141C76.5595 10.7141 76.8295 10.8401 76.9255 11.1881H75.6355Z" fill="white"/>
<path d="M41.05 24.0001H42.8L40.42 17.0001H38.38L36 24.0001H37.75L38.1 22.9001H40.7L41.05 24.0001ZM38.58 21.4001L39.4 18.8301L40.22 21.4001H38.58Z" fill="white"/>
<path d="M46.3369 18.8601C45.6669 18.8601 45.1769 19.0901 44.8469 19.4701V19.0001H43.3469V26.0001H44.8469V23.5301C45.1769 23.9101 45.6669 24.1401 46.3369 24.1401C47.6469 24.1401 48.7269 22.9901 48.7269 21.5001C48.7269 20.0101 47.6469 18.8601 46.3369 18.8601ZM46.0369 22.7201C45.3469 22.7201 44.8469 22.2501 44.8469 21.5001C44.8469 20.7501 45.3469 20.2801 46.0369 20.2801C46.7269 20.2801 47.2269 20.7501 47.2269 21.5001C47.2269 22.2501 46.7269 22.7201 46.0369 22.7201Z" fill="white"/>
<path d="M52.5673 18.8601C51.8973 18.8601 51.4073 19.0901 51.0773 19.4701V19.0001H49.5773V26.0001H51.0773V23.5301C51.4073 23.9101 51.8973 24.1401 52.5673 24.1401C53.8773 24.1401 54.9573 22.9901 54.9573 21.5001C54.9573 20.0101 53.8773 18.8601 52.5673 18.8601ZM52.2673 22.7201C51.5773 22.7201 51.0773 22.2501 51.0773 21.5001C51.0773 20.7501 51.5773 20.2801 52.2673 20.2801C52.9573 20.2801 53.4573 20.7501 53.4573 21.5001C53.4573 22.2501 52.9573 22.7201 52.2673 22.7201Z" fill="white"/>
<path d="M55.8078 24.0001H57.3078V16.7001H55.8078V24.0001Z" fill="white"/>
<path d="M59.7455 22.1001H63.2955C63.3355 21.9101 63.3555 21.7101 63.3555 21.5001C63.3555 19.9901 62.2755 18.8601 60.8155 18.8601C59.2355 18.8601 58.1555 20.0101 58.1555 21.5001C58.1555 22.9901 59.2155 24.1401 60.9255 24.1401C61.8755 24.1401 62.6155 23.7901 63.1055 23.1101L61.9055 22.4201C61.7055 22.6401 61.3555 22.8001 60.9455 22.8001C60.3955 22.8001 59.9355 22.6201 59.7455 22.1001ZM59.7155 20.9801C59.8555 20.4701 60.2355 20.1901 60.8055 20.1901C61.2555 20.1901 61.7055 20.4001 61.8655 20.9801H59.7155Z" fill="white"/>
<path d="M69.2062 24.1401C70.7262 24.1401 71.8063 23.3401 71.8063 21.9901C71.8063 20.5101 70.6163 20.1401 69.5563 19.8201C68.4663 19.4901 68.2962 19.2701 68.2962 18.9501C68.2962 18.6701 68.5462 18.4201 69.0462 18.4201C69.6862 18.4201 70.0162 18.7301 70.2562 19.2301L71.6063 18.4401C71.0963 17.4101 70.1963 16.8601 69.0462 16.8601C67.8363 16.8601 66.6963 17.6401 66.6963 18.9901C66.6963 20.3301 67.7162 20.8301 68.7562 21.1201C69.8062 21.4101 70.2062 21.5801 70.2062 22.0101C70.2062 22.2801 70.0162 22.5801 69.2562 22.5801C68.4662 22.5801 68.0363 22.1901 67.7862 21.6101L66.4062 22.4101C66.7962 23.4401 67.7362 24.1401 69.2062 24.1401Z" fill="white"/>
<path d="M75.3394 20.4401V19.0001H74.3094V17.6001L72.8094 18.0501V19.0001H72.0094V20.4401H72.8094V22.2101C72.8094 23.6101 73.3794 24.2001 75.3394 24.0001V22.6401C74.6794 22.6801 74.3094 22.6401 74.3094 22.2101V20.4401H75.3394Z" fill="white"/>
<path d="M78.491 24.1401C79.961 24.1401 81.141 22.9901 81.141 21.5001C81.141 20.0101 79.961 18.8601 78.491 18.8601C77.021 18.8601 75.841 20.0101 75.841 21.5001C75.841 22.9901 77.021 24.1401 78.491 24.1401ZM78.491 22.6801C77.841 22.6801 77.341 22.2101 77.341 21.5001C77.341 20.7901 77.841 20.3201 78.491 20.3201C79.141 20.3201 79.641 20.7901 79.641 21.5001C79.641 22.2101 79.141 22.6801 78.491 22.6801Z" fill="white"/>
<path d="M83.4895 19.8901V19.0001H81.9895V24.0001H83.4895V21.7401C83.4895 20.7501 84.3695 20.5001 84.9895 20.6001V18.9001C84.3595 18.9001 83.6895 19.2201 83.4895 19.8901Z" fill="white"/>
<path d="M86.8841 22.1001H90.4341C90.4741 21.9101 90.4941 21.7101 90.4941 21.5001C90.4941 19.9901 89.4141 18.8601 87.9541 18.8601C86.3741 18.8601 85.2941 20.0101 85.2941 21.5001C85.2941 22.9901 86.3541 24.1401 88.0641 24.1401C89.0141 24.1401 89.7541 23.7901 90.2441 23.1101L89.0441 22.4201C88.8441 22.6401 88.4941 22.8001 88.0841 22.8001C87.5341 22.8001 87.0741 22.6201 86.8841 22.1001ZM86.8541 20.9801C86.9941 20.4701 87.3741 20.1901 87.9441 20.1901C88.3941 20.1901 88.8441 20.4001 89.0041 20.9801H86.8541Z" fill="white"/>
</svg>
</div>
</div>
<p class="copyright">All rights reserved@jadoo.co</p>
</div>
</div>
<script src="script.js"></script>
</body>
</html>