SmartLibrary/signup.html at main · saanidhi-git/SmartLibrary · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sign Up - SmartLib</title>
  <link rel="stylesheet" href="signup.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
  <!-- Signup Popup -->
  <div class="login-overlay" id="signupOverlay">
    <div class="login-box">
      <span class="close-btn" onclick="closeSignup()">&times;</span>
      <img src="images/logo.jpg" alt="Library Logo">
      <h2>Sign Up for SmartLib</h2>
      <form>
        <label for="signupRole">Select Role:</label>
        <select id="signupRole" required>
          <option value="">-- Choose Role --</option>
          <option value="student">Student</option>
          <option value="faculty">Faculty</option>
          <option value="admin">Admin</option>
        </select>

        <label for="email">Email ID:</label>
        <input type="email" id="email" placeholder="Enter your email" required>

        <label for="signupPassword">Password:</label>
        <input type="password" id="signupPassword" placeholder="Create a password" required>

        <button type="submit" class="login-btn">Sign Up</button>
      </form>
    </div>
  </div>

  <script>
    function closeSignup() {
      document.getElementById("signupOverlay").style.display = "none";
    }
  </script>
</body>
</html>