Learning-Management-System/signup.html at master · mouli3029/Learning-Management-System · 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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<head>
    <title>Signup</title>
    <link rel="stylesheet" href="signup.css">
</head>
<body>
    <div class="signup">
      <div class="signup-left">
        <img class="signup-image" src="./images/signup.svg"/>
      </div>
        <form class="card">
             <h2 class="card-header">
                Welcome
            </h2>
            <div class="card-content">
                <div class = "card-content-div">
                  <label>Name</label>
                  <div class="card-name">
                  <input
                    class ="card-input card-first"
                    type="text"
                    placeholder="First"
                    maxlength="10"
                    title="First Name must be of atleast 10 characters"
                    />
                    <input
                    class ="card-input card-last"
                    type="text"
                    placeholder="Last"
                    maxlength="10"
                    title="Last Name must be of atleast 10 characters"
                    />
                  </div>
                </div>

                <div class = "card-content-div">
                    <label>Mobile</label>
                    <input
                    class ="card-input"
                    type="number"
                    maxlength="10"
                    />
                </div>
                <div class = "card-content-div">
                  <label>Email</label>
                  <input
                  class ="card-input"
                  type="email"
                  pattern="+.@gmail.com"
                  title="Should be of email type"
                  />
                </div>
                <div class = "card-content-div">
                  <label>Password</label>
                  <input
                  class ="card-input"
                  type="password"
                  pattern="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*(\W|_)).{5,}$"
                  title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
                  />
                </div>
                <div class = "card-content-div">
                    <label>Confirm Password</label>
                    <input
                    class ="card-input"
                    type="password"
                    pattern="(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,}"
                    title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
                    />
                  </div>
                <div class="card-content-div">
                  <button class = "card-btn">Sign up</button>
                </div>
                <div class="card-footer">
                <p>Already Registered ? <strong> <a href="login.html" class="signin-text">Signin</a></strong></p>
                </div>
            </div>

        </form>

    </div>
</body>
</html>