College-Complaint-Feedback/student.html at main · HimanshuKumar21/College-Complaint-Feedback · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Student Complaint Portal</title>
  <link rel="stylesheet" href="style.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<main>
  <!-- STUDENT LOGIN -->
  <section id="studentLoginView" class="active">
    <h2>Student Login</h2>
    <form id="studentLoginForm" novalidate>
      <label for="studentUser">Email or Roll Number</label>
      <input id="studentUser" type="text" name="studentUser" placeholder="Enter email or roll number" required />
      <button type="submit">Login</button>
    </form>
    <p class="center">Are you admin? <a href="admin.html" id="gotoAdminLogin">Login here</a></p>
  </section>

  <!-- STUDENT COMPLAINT -->
  <section id="studentComplaintView">
    <h2>Submit a Complaint</h2>
    <form id="complaintForm" novalidate>
      <label for="name">Full Name</label>
      <input id="name" name="name" required type="text" placeholder="Your full name" />
      <label for="rollNo">Roll Number</label>
      <input id="rollNo" name="rollNo" required type="text" placeholder="Your roll number" />
      <label for="email">Email Address</label>
      <input id="email" name="email" required type="email" placeholder="Your email address" />
      <label for="mobile">Mobile Number</label>
      <input id="mobile" name="mobile" required type="text" placeholder="Your mobile number" />
      <label for="category">Complaint Category</label>
      <select id="category" name="category" required>
        <option disabled selected value="">Select category</option>
        <option value="Academics">Academics</option>
        <option value="Facilities">Facilities</option>
        <option value="Hostel">Hostel</option>
        <option value="Transport">Transport</option>
        <option value="Others">Others</option>
      </select>
      <label for="message">Complaint Details</label>
      <textarea id="message" name="message" required rows="4" placeholder="Describe your complaint in detail"></textarea>
      <button type="submit">Submit Complaint</button>
    </form>
    <hr />
    <h3>Your Submitted Complaints</h3>
    <table id="studentComplaintsTable">
      <thead>
        <tr><th>Category</th><th>Complaint</th><th>Status</th><th>Date</th></tr>
      </thead>
      <tbody></tbody>
    </table>
    <p class="center"><a href="#" id="studentLogout">Logout</a></p>
  </section>
</main>
<script src="scriptt.js"></script>
</body>
</html>