FirstProject/task3-0.html at master · yesheshwini/FirstProject · 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
<!DOCTYPE html>
<html>
<head>
	<style type="text/css">
		.container{
			margin: auto;
			white-space: nowrap;
			width: 500px;
			background-color: rgba(0,0,4,0.2);
			padding: 50px;
			box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.18);
			border: 0px solid #000500;
		}
		input[type="submit"]{
			color: blue;
		}

		label{
			color: #ffff;
		}
		button{
			border: 1px solid white;
			padding: 5px 10px;
			background-color: blue;
			color: white;
			margin-left: 100px;

		 }
	</style>
	<title> booking </title>

</head>
<body background=" http://gpn.travel/blog/wp-content/uploads/2012/06/Car-Tour_35-3.jpg">
	<div class="container">
<h1>classy booking form</h1>
<form>
	<label> Full Name*</label>
	<input type="text" name="text"><br><br>
	<label>Email ID* </label>
	<input type="Email" name="Email"><br><br>
	<label> phone number* </label>
	<input type="text" name="number"><br><br>
	<label> Departure Date/time*:</label>
	<input type="Date" name="Date" placeholder="dd/mm/yyyy">
	<input type="time" name="hour" placeholder="hh-mm-ss"><br><br>
	<label> return Date/time*:</label>
	<input type="Date" name="Date" placeholder="d">
	<input type="time" name="hour" placeholder="00-00-00"><br><br>
	<label> pickup address* </label>
	<textarea> </textarea><br>
	<label>destination address*</label>
	<textarea> </textarea><br>
	<label>journey type* </label>
	<select>
  	<option value="volvo">Volvo</option>
 	<option value="saab">dzire</option>
  	<option value="mercedes">Mercedes</option>
  	<option value="audi">Audi</option></select><br><br>
  	<label>no of passengers*</label>
  	<input type="number" name="number" placeholder="0"><br><br>
  	<label>aditional message</label>
  	<textarea> </textarea><br>
  	<button> submit</button>

</form>
</div>
</body>
</html>