-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbooking.html
165 lines (165 loc) · 7.48 KB
/
booking.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
<!DOCTYPE html>
<html>
<head>
<title>Tok Aman Bali Beach Resort | Book online</title>
<link rel="shortcut icon" href="icon/tok aman bali icon.png">
<link href='https://fonts.googleapis.com/css?family=Open Sans' rel='stylesheet'>
<style type="text/css">
body {font-family: 'Open Sans';margin: 0;color: #013243;}
.background {width: 100%;background-image: url(img/swimming-pool-3-900x600.jpg);background-position: center;background-size: cover;height: 100%;}
#header {width: 60%;margin: 0 auto;background-color: #ecf0f1;border-radius: 10px;}
#header select {width: 60px;}
input[type="submit"] {border-radius: 5px;background-color: #bdc3c7;cursor: pointer;} input[type="submit"]:hover {background-color: #ecf0f1;}
.all-rooms {margin: 50px auto;width: 80%;background-color: white;padding: 20px;border-radius: 10px;opacity: 0.95;}
.all-rooms img {height: 100px;}
table, tr, td {border: 2px solid black;border-collapse: collapse;}
</style>
</head>
<body>
<div class="background">
<table id="header">
<tr>
<td colspan="7" width="600px"><font size="5px">Availability Search</font></td>
<td width="50px"><input type="submit" name="membership" value="HSM Priority Membership"></td>
<td width="50px"><input type="submit" name="flex-dates" value="Flexible Dates"></td>
</tr>
<tr>
<td colspan="9"><hr></td>
</tr>
<tr>
<td width="70px"><font color="#2c3e50">Check-In</font><br><input type="date" name="check-in"></td>
<td width="70px"><font color="#2c3e50">Check-Out</font><br><input type="date" name="check-out"></td>
<td width="70px">
<font color="#2c3e50">Rooms</font>
<select name="room" id="room">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</td>
<td width="70px">
<font color="#2c3e50">Adults</font>
<select name="adult" id="adult">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
<td width="70px">
<font color="#2c3e50">Children</font>
<select name="child" id="child">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
<td width="70px">
<font color="#2c3e50">Infants</font>
<select name="infants" id="infants">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
<td><input type="submit" name="available-btn" value="Availability Search"></td>
<td></td>
<td></td>
</tr>
</table>
<div class="all-rooms">
<table id="deluxe-room" width="100%">
<tr>
<td colspan="2" width="150px"><font size="5px">Deluxe Room</font></td>
<td width="45px"><font size="3px">Total In <i>MYR</i></font></td>
<td width="30px"><font size="3px">Sat<br>Oct 28</font></td>
<td width="30px"><font size="3px">Sun<br>Oct 29</font></td>
<td width="30px"><font size="3px">Mon<br>Oct 30</font></td>
<td width="30px"><font size="3px">Tue<br>Oct 31</font></td>
<td width="30px"><font size="3px">Wed<br>Nov 1</font></td>
<td width="30px"><font size="3px">Thu<br>Nov 2</font></td>
<td width="30px"><font size="3px">Fri<br>Nov 3</font></td>
<td width="30px"><font size="3px">Sat<br>Nov 4</font></td>
</tr>
<tr>
<td width="10px"><img src="img/L292831.jpg" alt="deluxe-room"></td>
<td width="140px"><font size="4px">Best Available Rate</font><br><font size="2px">BEST VALUE!</font><br><font size="3px">Buffet breakfast</font><br><font size="3px">Our best available rates. Flexible rate with generous <br>cancellation $ payment policies. <br>Sign in to get an extra discount of RM 39.60!</font></td>
<td width="40px"><center>RM 186.79 <br><a href="book-deluxe.html"><input type="submit" name="book" value="Book This"></a></center></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
</tr>
</table>
<br>
<table id="deluxe-triple" width="100%">
<tr>
<td colspan="2" width="150px"><font size="5px">Deluxe Triple</font></td>
<td width="45px"><font size="3px">Total In <i>MYR</i></font></td>
<td width="30px"><font size="3px">Sat<br>Oct 28</font></td>
<td width="30px"><font size="3px">Sun<br>Oct 29</font></td>
<td width="30px"><font size="3px">Mon<br>Oct 30</font></td>
<td width="30px"><font size="3px">Tue<br>Oct 31</font></td>
<td width="30px"><font size="3px">Wed<br>Nov 1</font></td>
<td width="30px"><font size="3px">Thu<br>Nov 2</font></td>
<td width="30px"><font size="3px">Fri<br>Nov 3</font></td>
<td width="30px"><font size="3px">Sat<br>Nov 4</font></td>
</tr>
<tr>
<td width="10px"><img src="img/L279912 (1).jpg" alt="deluxe-triple"></td>
<td width="140px"><font size="4px">Best Available Rate</font><br><font size="3px">Buffet breakfast</font><br><font size="3px">Our best available rates. Flexible rate with generous <br>cancellation $ payment policies. <br> Sign in to get an extra discount of RM 51.60!</font></td>
<td width="40px"><center>RM 243.40 <br><a href="book-triple.html"><input type="submit" name="book" value="Book This"></a></center></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
</tr>
</table>
<br>
<table id="suite-room" width="100%">
<tr>
<td colspan="2" width="150px"><font size="5px">Suite</font></td>
<td width="45px"><font size="3px">Total In <i>MYR</i></font></td>
<td width="30px"><font size="3px">Sat<br>Oct 28</font></td>
<td width="30px"><font size="3px">Sun<br>Oct 29</font></td>
<td width="30px"><font size="3px">Mon<br>Oct 30</font></td>
<td width="30px"><font size="3px">Tue<br>Oct 31</font></td>
<td width="30px"><font size="3px">Wed<br>Nov 1</font></td>
<td width="30px"><font size="3px">Thu<br>Nov 2</font></td>
<td width="30px"><font size="3px">Fri<br>Nov 3</font></td>
<td width="30px"><font size="3px">Sat<br>Nov 4</font></td>
</tr>
<tr>
<td width="10px"><img src="img/L279919.jpg" alt="suite-room"></td>
<td width="140px"><font size="4px">Best Available Rate</font><br><font size="3px">Buffet breakfast</font><br><font size="3px">Our best available rates. Flexible rate with generous <br>cancellation $ payment policies. <br> Sign in to get an extra discount of RM 90.02!</font></td>
<td width="40px"><center>RM 424.53 <br><a href="book-suite.html"><input type="submit" name="book" value="Book This"></a></center></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
<td width="30px"></td>
</tr>
</table>
</div>
</div>
</body>
</html>