-
Notifications
You must be signed in to change notification settings - Fork 0
/
feedback.html
49 lines (46 loc) · 1.56 KB
/
feedback.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
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<style>
*{box-sizing:border-box;}
body{font-family: 'Open Sans', sans-serif; color:#333; font-size:14px; background-color:#dadada; padding:100px;}
.form_box{width:400px; padding:10px; background-color:white;}
input{padding:5px; margin-bottom:5px;}
input[type="submit"]{border:none; outlin:none; background-color:#679f1b; color:white;}
.heading{background-color:#5a5a5a; color:white; height:40px; width:100%; line-height:40px; text-align:center;}
.shadow{
-webkit-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.43);
box-shadow: 0px 0px 17px 1px rgba(0,0,0,0.43);}
.pic{text-align:left; width:33%; float:left;}
</style>
<body>
<div class="form_box shadow">
<form method="post" action="practice_ac.php">
<div class="heading">
Feedback Form
</div>
<br/>
<p>How was the experience?</p>
<div>
<div class="pic">
<img src="bad.png" alt=""> <br/>
<input type="radio" name="quality" value="0"> Bad
</div>
<div class="pic">
<img src="neutral.png" alt=""> <br/>
<input type="radio" name="quality" value="1"> Okay
</div>
<div class="pic">
<img src="good.png" alt=""> <br/>
<input type="radio" name="quality" value="2"> Good
</div>
</div>
<p>Do you have any suggestion for us? </p>
<textarea name=" suggestion" rows="8" cols="40"></textarea>
<input type="submit" name="submit" value="Submit Form">
</form>
</div>
</body>
</html>