-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (91 loc) · 4.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="main.css">
<title>Document</title>
</head>
<body>
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-earth" viewBox="0 0 32 32">
<title>earth</title>
<path
d="M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16 16-7.163 16-16-7.163-16-16-16zM16 30c-1.967 0-3.84-0.407-5.538-1.139l7.286-8.197c0.163-0.183 0.253-0.419 0.253-0.664v-3c0-0.552-0.448-1-1-1-3.531 0-7.256-3.671-7.293-3.707-0.188-0.188-0.442-0.293-0.707-0.293h-4c-0.552 0-1 0.448-1 1v6c0 0.379 0.214 0.725 0.553 0.894l3.447 1.724v5.871c-3.627-2.53-6-6.732-6-11.489 0-2.147 0.484-4.181 1.348-6h3.652c0.265 0 0.52-0.105 0.707-0.293l4-4c0.188-0.188 0.293-0.442 0.293-0.707v-2.419c1.268-0.377 2.61-0.581 4-0.581 2.2 0 4.281 0.508 6.134 1.412-0.13 0.109-0.256 0.224-0.376 0.345-1.133 1.133-1.757 2.64-1.757 4.243s0.624 3.109 1.757 4.243c1.139 1.139 2.663 1.758 4.239 1.758 0.099 0 0.198-0.002 0.297-0.007 0.432 1.619 1.211 5.833-0.263 11.635-0.014 0.055-0.022 0.109-0.026 0.163-2.541 2.596-6.084 4.208-10.004 4.208z">
</path>
</symbol>
</defs>
</svg>
<div class="header">
<nav class="menu">
<ul>
<li><a href="">HOME</a>
<ul>
<li><a href="">home1</a></li>
<li><a href="">home2</a></li>
<li><a href="">home3</a></li>
<li><a href="">home4</a></li>
</ul>
</li>
<li><a href="">HOT DEALS</a></li>
<li><a href="">VEHICLE</a></li>
<li><a href="">FAQS</a></li>
<li><a href="">FEATURES</a></li>
<li><a href="">BLOG</a></li>
<li><a href="">CONTACT</a></li>
<li><a href="">LOG IN</a></li>
<li><a href="">SIGN UP</a></li>
</ul>
</div>
<div class="showcase">
<h3>ALL DISCOUNTS JUST FOR YOU</h3>
<h1>FIND BEST RENTAL CAR</h1>
<div class="card">
<div class="title">
Search for Cheap Rental Cars Wherever Your Are
<svg class="icon icon-earth">
<use xlink:href="#icon-earth"></use>
</svg>
</div>
<div class="search">
<form>
<div class="boxing">
<div class="box">
Picking Up Location
<input type="text" name="Location" required placeholder="Airport or Anywhere">
</div>
<div class="box">
Picking Up Date
<input type="date" name="date" required placeholder="dd/mm/yyyy">
</div>
<div class="box">
Picking Up Time
<input type="time" name="time" required placeholder="20.00">
</div>
</div>
<div class="boxing">
<div class="box">
Dropping Up Location
<input type="text" name="Location" required placeholder="Airport or Anywhere">
</div>
<div class="box">
Dropping Up Date
<input type="date" name="date" required placeholder="dd/mm/yyyy">
</div>
<div class="box">
Dropping Up Time
<input type="time" name="time" required placeholder="20.00">
</div>
</div>
</div>
<div class="button">
<input type="button" value="Find Car">
</div>
</form>
</div>
</div>
</body>
</html>