-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (204 loc) · 12.7 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
<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="welcome to safari">
<link rel="stylesheet" href="safari.css" type="text/css">
<title>safari</title>
</head>
<body>
<!-- header-->
<div class="header">
<p class="safari">safari <span style="color:white">travel</span> </p>
<a href="#home" class="link1">home</a>
<a href="#serv" class="link1">service</a>
<a href="#contact" class="link1">contact us</a>
</div>
<div class="body1" id="home">
<h1><span style="color:black">safari</span>travel</h1>
</div>
<div class="body2">
<h3 Style="text-align:center; margin:25px 0 0 530px ; padding-bottom:10px; font-size:30px; font-family:tahoma; border-bottom:2px solid; width:260px;" id="serv">book your flight</h3>
<div class="whitebord">
<!--form 1-->
<div class="form1">
<h2>log in</h2>
<form>
<h3 style="margin-top:35px;">username</h3>
<input type="text" name="username" maxlength="10" required style="background: #f55; border: none; font-size: 15px; padding: 10px;border-radius: 4px;" >
<br>
<h3 style="margin-top:5px;">lastname</h3>
<input type="text" name="lastname" maxlength="10" required style="background: #f55; border: none; font-size: 15px; padding: 10px;border-radius: 4px;" >
<br>
<h3 style="margin-top:5px;">passward</h3>
<input type="password" name="passward" maxlength="10" required style="background: #f55; border: none; font-size: 15px; padding: 10px;border-radius: 4px;" >
<br><br>
<section style="padding:5px 0 0 30px">
<input type="checkbox">
<label>remember me</label>
<input type="submit" value=" log in " style="background: #f55; border: none; font-size: 20px; padding: 10px;border-radius: 4px;">
</section>
<a href="#" style="padding:0 0 0 25px; font-weight:normal;" class="link1">forget your password?</a>
</form>
</div>
<!--form 1-->
<!--form 2-->
<div class="form2">
<form>
<!-- line1-->
<section class="line1">
<p class="f">from</p>
<input type="text" name="from" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">to</p>
<input type="text" name="from" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">number of pasengers</p>
<select style="font-size: 15px; width: 150px;" style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
</section>
<!-- line2-->
<section class="line2">
<p class="f">Depart</p>
<input type="date" name="depart" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">Return</p>
<input type="date" name="return" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">Seat degree</p>
<select style="font-size: 15px; width: 150px;" style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<option>economy</option>
<option>business</option>
<option>first</option>
</select>
</section>
<input type="submit" value=" search " style="background: #f55; margin:34px 0 0 278px; border: none; font-size: 20px; padding: 10px;border-radius: 4px;">
<!-- -->
</form>
<a href="#" style=" margin:0 0 0 12px;" class="link1">Baggage & optional service fees>></a>
<a href="#" style="margin:0 0 0 195px;" class="link1">Advanced search>></a>
</div>
</div>
<!--end of white board-->
</div>
<!--end of div2-->
<div class="body3">
<p style=" text-align:center; font-size:60px; font-family:tahoma; padding-top:240px; color: white;">BEST<span style="color:#f55"> hotel services. Direct to </span> <u>YOU</u></p>
</div>
<!-- body4-->
<div class="body4">
<h3 Style="text-align:center; margin:25px 0 0 530px ; padding-bottom:10px; font-size:30px; font-family:tahoma; border-bottom:2px solid; width:260px;">book your hotel</h3>
<div class="whiteboard2">
<section class="lineA">
<p class="f">Location</p>
<input type="text" name="from" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">date of arrival</p>
<input type="date" name="depart" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">Departure Date</p>
<input type="date" name="return" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
</section>
<section class="lineB">
<p class="f">The number of rooms</p>
<select style="font-size: 15px; width: 150px;" style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<p class="f">number of guests</p>
<select style="font-size: 15px; width: 150px;" style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>
<input type="submit" value=" search " style="background: #f55; margin:34px 0 0 290px; border: none; font-size: 20px; padding: 10px;border-radius: 4px;">
</section>
<h3 Style="text-align:center; margin:42px 0 0 235px ; padding-bottom:10px; font-size:30px; font-family:tahoma; border-bottom:2px solid; width:430px;">Best local hotel destinations</h3>
</div>
<a href="#" style=""><div class="recommendhotel">
<img src="marsamatroh.jpg" style=" height: 200px; width: 200px; border-radius: 10px;">
</div></a>
<a href="#"><div class="recommendhotel">
<img src="hurghada.jpg" style=" height: 200px; width: 200px; border-radius: 10px;">
</div></a>
<a href="#"><div class="recommendhotel">
<img src="cairo.jpg" style=" height: 200px; width: 200px; border-radius: 10px;">
</div></a>
<a href="#"><div class="recommendhotel">
<img src="sharm.jpg" style=" height: 200px; width: 200px; border-radius: 10px;">
<p></p>
</div></a>
</div>
<!-- body5-->
<div class="body5">
<p style=" text-align:center; font-size:60px; font-family:tahoma; padding-top:240px; color:black;"> Rent a <span style="color:#f55">car</span> or <span style="color:#f55">Cruise</span> with the lowest prices...</p>
</div>
<!-- body6-->
<div class="body6">
<h3 Style="text-align:center; margin:25px 0 0 510px ; padding-bottom:10px; font-size:30px; font-family:tahoma; border-bottom:2px solid; width:320px;">Rent a car or Cruise</h3>
<div class="whiteboard3">
<section class="line-">
<p class="f">Location</p>
<input type="text" name="from" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius:4px;">
<p class="f">your line</p>
<input type="text" name="text" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius:4px;">
<p class="f">select what you want</p>
<select style="font-size: 15px; width: 150px;" style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<option>Cruise</option>
<option>car</option>
</select>
</section>
<section class="line--">
<p class="f">Departure Date</p>
<input type="month" name="month" required style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<p class="f">the length</p>
<select style="font-size: 15px; width: 150px;" style="background: #f55; border: none; font-size: 12px; padding: 7px;border-radius: 4px;">
<option>any length</option>
<option>1 - 2 nights</option>
<option>3 - 6 nights</option>
<option>7 - 9 nights</option>
<option>10 - 14+ nights</option>
</select>
</section>
<input type="submit" value=" search " style="background: #f55; margin:34px 0 0 385px; border: none; font-size: 20px; padding: 10px;border-radius: 4px;">
</div>
</div>
<!-- body7-->
<div class="body7">
<img src="app.png" style="float:right; margin:45px 0px 0 0 ; height:550px">
<p style="padding:190px 0 0 70px; font-size:27px; font-family:tahoma;"><span><b>Download the Wigo application for your phone</b></span><br><br>Compare prices from travel booking sites for free. Get the best possible rate for your hotel reservation quickly and easily.</p>
<img src="google%20play%20and%20app%20store.jpg" style="width:250px;height:190px;padding:20px 0 0 325px">
</div>
<!-- body8-->
<div class="body8">
<h3 Style="text-align:center; margin:20px 0 0 510px ; padding-bottom:10px; font-size:30px; font-family:tahoma; border-bottom:2px solid; width:320px;" id="contact">contact us</h3>
<section style="margin:25px 0 0 230px">
<a href="#"> <img src="facebook%20(1).png"></a>
<a href="#"> <img src="facebook%20(2).png"></a>
<a href="#"> <img src="facebook%20(3).png"></a>
<a href="#"> <img src="facebook%20(4).png"></a>
<a href="#"> <img src="facebook%20(5).png"></a>
</section>
</div>
<footer>
<div>
<p style="text-align:center; padding:10px; background-color:#f55;color:white;">Copyright © thedesigner. Designed by <cite>Ahmed hammam</cite></p>
</div>
</footer>
</body>
</html>