-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeedback.html
120 lines (88 loc) · 4.14 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
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
<head>
<title>Share Your Complaints or Feedback</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<link rel = "icon" href ="images\logo.png" type = "image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<link rel="stylesheet" href="stylesheets\styleFeedback.css">
<script src="script/header.js"></script>
</head>
<body>
<div class="slider">
<figure>
<div class="slide">
<img src="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/hyundai-1-1575903969.jpg">
</div>
<div class="slide">
<img src="https://autopolis.files.wordpress.com/2013/09/hyundai-pony-76-94a.jpg?w=584">
</div>
<div class="slide">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a1/Hyundai_Pony_1984_Utrecht.jpg/1200px-Hyundai_Pony_1984_Utrecht.jpg">
</div>
<div class="slide">
<img src="https://www.fitmycar.com/journal/wp-content/uploads/2016/10/Hyundai-Pony-1.jpg">
</div>
</figure>
</div>
<div class="bg-text"><h1>Feedback or Grievances</h1></div>
<div class="tab">
<button class="tablinks" onclick="openForm(event, 'feedback')" id="defaultOpen">Feedback</button>
<button class="tablinks" onclick="openForm(event, 'complaints')">Grievances</button>
</div>
<div id="complaints" class="tabcontent">
<form class="tD">
<label for="name"><b>Name <sup>*</sup></b></label>
<input type="text" placeholder="Name" name="name" required>
<label for="mob"><b>Mobile Number <sup>*</sup></b></label>
<input type="tel" placeholder="Mobile Number" name="mob" maxlength="10" required>
<label for="email"><b>Email <sup>*</sup></b></label>
<input type="email" placeholder="Email" name="email" required>
<label for="query"><b>Your Query</b></label>
<textarea rows="4" cols="50" placeholder="Your Query"></textarea>
<button type="Submit" class="btn" onclick="myAlert()"><span class="span1">Submit</span></button>
<div class="back" style="position: relative; top: 10px; right: 82px;">
<button class="btn1" onclick="document.location='index1.html'"><span>Home</span></button>
</div>
</form>
</div>
<div id="feedback" class="tabcontent">
<form class="tD1">
<label for="name"><b>Name <sup>*</sup></b></label>
<input type="text" placeholder="Name" name="name" required>
<label for="mob"><b>Mobile Number <sup>*</sup></b></label>
<input type="tel" placeholder="Mobile Number" name="mob" maxlength="10" required>
<label for="email"><b>Email <sup>*</sup></b></label>
<input type="email" placeholder="Email" name="email" required><br>
<div class="rate">
<h4>Rate Us</h4>
<input type="radio" id="star5" name="rate" value="5">
<label for="star5" title="5 Star">5 stars</label>
<input type="radio" id="star4" name="rate" value="4">
<label for="star4" title="4 Star">4 stars</label>
<input type="radio" id="star3" name="rate" value="3">
<label for="star3" title="3 Star">3 stars</label>
<input type="radio" id="star2" name="rate" value="2">
<label for="star2" title="2 Star">2 stars</label>
<input type="radio" id="star1" name="rate" value="1">
<label for="star1" title="1 Star">1 star</label>
</div>
<label for="query" style="position: relative; top: 65px; right: 150px;"><b>Comments</b></label>
<textarea rows="4" cols="50" placeholder="Comments"></textarea>
<button type="Submit" class="btn" onclick="myAlert()"><span class="span1">Submit</span></button>
<div class="back" style="position: relative; top: 10px; right: 82px;">
<button class="btn1" onclick="document.location='index1.html'"><span>Home</span></button>
</div>
<script src="script\scriptFeedback.js"></script>
</div>
<div class="contact">
<h6><i class="fa fa-phone-square"> Sales</i></h6>
<a href="tel:9516536350">(+91) 9516536350</a>
<h6><i class="fa fa-envelope"> Email Id</i></h6>
<a href="mailto:bhavjotbhavi14@gmail.com">bhavjotbhavi14@gmail.com</a>
</div>
<iframe src="footer.html" width="100%" height="680" scrolling="no" style="overflow: hidden; border:none; position: relative; top: -110px; margin-bottom: -200px;"></iframe>
</body>
</html>