-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfeedback.html
More file actions
127 lines (101 loc) · 5.96 KB
/
feedback.html
File metadata and controls
127 lines (101 loc) · 5.96 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="project.css">
<title>
Feedback Form
</title>
</head>
<body>
<div class="main">
<div class="c1">
<h1>FEEDBACK FORM</h1>
</div>
<header class="head">
<ul>
<li><a href="home.html">
<span>Home</span>
</a></li>
<li><a href="Academics.html">
<span>Academic</span>
</a></li>
<li><a href="hobby.html">
<span>Hobbies</span>
</a></li>
<li><a href="Achievements.html">
<span>Achievements</span>
</a></li>
<li><a href="Startup_ideas.html">
<span>Startup Ideas</span></a></li>
<li><a href="Slogan_spectrum.html">
<span>Slogan Spectrum</span></a></li>
</ul>
</header>
<br>
<div class="c3">
<br>
<form align="center" style="max-width: 500px; margin: 0 auto; padding: 20px;">
<label for="name">Name:</label><br>
<input type="text" id="name" name="name" value="Enter Your Name" required style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px;"><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" value="Email" required style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px;"><br>
<label for="phone">Enter Phone no.</label><br>
<input type="text" name="phone" value="99999 99XXX" style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px;"><br>
<label name="review">Are you satisfied with the website?</label><br>
<input type="radio" id="y" name="review">
<label for="y">YES</label>
<input type="radio" id="n" name="review">
<label for="n">NO</label><br><br>
<label>How do you rate your overall experience?</label><br>
<input type="radio" id="exp3" name="exp" value="good">
<label for="exp3">GOOD</label><br>
<input type="radio" id="exp2" name="exp" value="average">
<label for="exp2">AVERAGE</label><br>
<input type="radio" id="exp1" name="exp" value="bad">
<label for="exp1">BAD</label><br><br>
<label for="feedback">Other Comments that might be helpful to us.</label><br>
<textarea name="feedback" cols="30" rows="5" style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px;"></textarea><br><br>
<label for="rating">Rate the Website:</label><br>
<input type="radio" name="rating" id="1">
<label for="1">1</label>
<input type="radio" name="rating" id="2">
<label for="2">2</label>
<input type="radio" name="rating" id="3">
<label for="3">3</label>
<input type="radio" name="rating" id="4">
<label for="4">4</label>
<input type="radio" name="rating" id="5">
<label for="5">5</label><br><br>
<label for="experience">How would you describe your overall experience?</label><br>
<textarea name="experience" cols="30" rows="5" style="width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 5px;"></textarea><br><br>
<input type="submit" name="submit" style="padding: 10px 20px; background-color: #3a85bb; color: white; border: none; border-radius: 5px; cursor: pointer;">
<input type="reset" name="reset" style="padding: 10px 20px; background-color: #3a85bb; color: white; border: none; border-radius: 5px; cursor: pointer;">
</form>
<br>
</div>
<br>
<footer>
<div class="footer-text">
<div class="left-side">
<p>Connect with Us:</p>
<div class="social-icons">
<a class="aa" href="#"><img src="face.jpeg" alt="Facebook"></a>
<a class="aa" href="#"><img src="insta.avif" alt="Instagram"></a>
<a class="aa" href="#"><img src="linked.jpeg" alt="Linkedin"></a>
</div>
</div>
<div class="right-side">
<p>Additional Links:</p>
<ul>
<li><a class="right" href="feedback.html">Feedback</a></li>
<li><a class="right" href="contact.html">Contact Me</a></li>
</ul>
</div>
</div>
<p class="fp" align="center" style="font-size:15px">© 2024 Your Website. All rights reserved.</p>
</footer>
</div>
</body>
</html>