-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (57 loc) · 2.69 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Register New Account</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="https://smtpjs.com/v3/smtp.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" href="./css/auth_forms.css" />
</head>
<body class="text-center">
<div class="form-content">
<form class="form-detail" id="registerform">
<h2>Register Account Form</h2>
<div class="form-floating mb-2">
<input type="text" name="first-name" id="first-name" class="form-control" placeholder="Your First Name"
required>
<label for="first-name">First Name</label>
<span id="fnameError" style="color: red; display:none;"> your First Name is invalid</span>
</div>
<div class="form-floating mb-2">
<input type="text" name="Last-name" id="Last-name" class="form-control " placeholder="Your Last Name"
required>
<label for="Last-name">Last Name</label>
<span id="lnameError" style="color: red; display:none;"> your Last Name is invalid</span>
</div>
<div class="form-floating mb-2">
<input type="text" name="address" id="address" class="form-control" placeholder="Your Address" required>
<label for="address">Address</label>
<span id="addressError" style="color: red; display:none;"> your Address is invalid</span>
</div>
<div class="form-floating mb-2">
<input type="email" name="your-email" id="your-email" class="form-control" placeholder="Your Email"
required>
<label for="your-email">Your Email</label>
<span id="emailError" style="color: red; display:none;">
your Email Must to be in this format [email protected]</span>
</div>
<div class="form-floating mb-2">
<input type="number" min="20" name="age" id="age" class="form-control" placeholder="Your Age" required>
<label for="age">Age</label>
<span id="ageError" style="color: red; display:none;"> your Age is invalid</span>
</div>
<div class="form-row-last mb-2">
<input type="submit" name="Register" id="submitBtn" class="BtnForm w-100 text-white" value="Register">
</div>
<a href="./login.html" class="d-block w-100 BtnForm text-decoration-none">
Do you have an account ? Log In
</a>
<p class="my-3 text-center" style="text-align: center;"> Afnan El Hussini © ITI </p>
</form>
</div>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="./js/register.js"></script>
</body>
</html>