-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmess.htm
99 lines (90 loc) · 2.62 KB
/
mess.htm
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
<html>
<head>
<title>Mess Selection</title>
<style type="text/css">
table
{
border:2px solid blue;
background-color:rgb(204, 204, 255);
}
body
{
background-image:url("background.jpg");
}
input[type=submit] {
border-radius: 5px;
background-color: rgb(200, 200, 255);
border-color: blue;
color: black;
text-align: center;
font-size: 15px;
padding: 10px;
width: 120px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
font:Times New Roman;
}
input[type=submit] span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}
input[type=submit] span:after {
content: '\00bb';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}
input[type=submit]:hover span {
padding-right: 25px;
}
input[type=submit]:hover span:after {
opacity: 1;
right: 0;
}
.footer
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1rem;
background-color:rgb(200, 200, 255);
text-align: center;
color: black;
font-size:20px;
border: 1px solid blue;
border-radius:10px;
}
</style>
<script type="text/javascript">
window.history.forward();
function noBack() { window.history.forward(); }
</script>
</head>
<body onload="noBack();"
onpageshow="if (event.persisted) noBack();" onunload="">
<form id="f1" action="mess.php" method="post">
<p align="center"><font size="6" face="Times New Roman"><u><b>Mess Selection</b></u></font></p><br><br>
<table align="center" class="sample1">
<col width="200">
<tr><th colspan=2><font size="4" align="center">Select the type of mess</font></th></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><th>Type</th><th>Fees (INR)</th></tr>
<tr><td><input type="radio" name="mess" value="special" checked>Special</td><td>67900</td></tr>
<tr><td><input type="radio" name="mess" value="south veg">South Veg.</td><td>53300</td></tr>
<tr><td><input type="radio" name="mess" value="south non-veg">South Non-Veg.</td><td>59300</td></tr>
<tr><td><input type="radio" name="mess" value="north veg">North Veg.</td><td>53300</td></tr>
<tr><td><input type="radio" name="mess" value="north non-veg">North Non-Veg.</td><td>59300</td></tr>
</table>
<p align="center"><span><input type="submit" name="submit" value="SUBMIT"></span></p>
<div class = "footer"><font color="red"><b>NOTE:</b></font> Once You hit the submit button your room, roommates and mess preferences will be locked and you won't be able to change them later</div>
</form>
</body>
</html>