-
Notifications
You must be signed in to change notification settings - Fork 107
/
Copy pathfeedback.html
107 lines (107 loc) · 4.75 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./images/registerpage-favicon.png" type="image/png">
<title>Feedback Page</title>
<link rel="stylesheet" href="./css/feedback.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
<div class="container">
<br><h1 style="margin-top: 60px;" >Feedback Form</h1>
<form id="feedback-form" onsubmit="return validationcheck(event)">
<a href="index.html" class="back-button"><i class="fas fa-arrow-left"></i>Back</a>
<div class="form-group">
<label for="name">Your Name<span>*</span>:</label>
<input type="text" id="name" name="name" placeholder="Enter your name" required>
</div>
<div class="form-group">
<label for="email">Your Email<span>*</span>:</label>
<input type="email" id="email" name="email" placeholder="Enter your email" required>
</div>
<div class="form-group">
<label for="phone">Your Phone:</label>
<input type="tel" id="phone" name="phone" placeholder="Enter your phone number">
</div>
<div class="form-group">
<label for="feedback-type">Feedback Type<span>*</span>:</label>
<select id="feedback-type" name="feedback-type" required>
<option value="">Select Feedback Type</option>
<option value="Complaint">Complaint</option>
<option value="Suggestion">Suggestion</option>
<option value="Question">Question</option>
<option value="Other">Other</option>
</select>
</div>
<div class="form-group">
<!-- <label for="rating">Your Rating<span>*</span>:</label>
<div class="rating">
<input type="radio" id="star5" name="rating" value="5" required>
<label for="star5" title="5 stars">★</label>
<input type="radio" id="star4" name="rating" value="4" required>
<label for="star4" title="4 stars">★</label>
<input type="radio" id="star3" name="rating" value="3" required>
<label for="star3" title="3 stars">★</label>
<input type="radio" id="star2" name="rating" value="2" required>
<label for="star2" title="2 stars">★</label>
<input type="radio" id="star1" name="rating" value="1" required>
<label for="star1" title="1 star">★</label>
</div> -->
<div>
<label for="rating" class="rate-us"> <strong>Please Rate us below</strong></label>
<div class="rating-container">
<button type="button" onclick="handleRatingChange(1)">😡</button>
<button type="button" onclick="handleRatingChange(2)">☹️</button>
<button type="button" onclick="handleRatingChange(3)">😐</button>
<button type="button" onclick="handleRatingChange(4)">🙂</button>
<button type="button" onclick="handleRatingChange(5)">😄</button>
</div>
</div>
<div class="form-group">
<label for="message">Your Message<span>*</span>:</label>
<textarea id="message" name="message" placeholder="Enter your message" required></textarea>
</div>
<div class="form-group">
<label for="file-upload">Attach File:</label>
<input type="file" id="file-upload" name="file-upload" accept=".jpg, .jpeg, .png, .pdf, .doc, .docx">
</div>
<button type="submit">Send</button>
</form>
<div id="success-message" class="hidden">
<div class="checkbox">
<div class="main-container">
<div class="check-container">
<div class="check-background">
<svg viewBox="0 0 65 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 25L27.3077 44L58.5 7" stroke="white" stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
</div>
Thank you for your feedback!<br>
<span id="countdown-message">Redirecting in 5 seconds</span>
</div>
</div>
<div>
<div class="wave"></div>
<div class="wave"></div>
<div class="wave"></div>
</div><!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/66891af8eaf3bd8d4d18ca2d/1i24gr9s5';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<script src="./js/feedback.js"></script>
</body>
</html>