Skip to content

Commit 3d59819

Browse files
BenawiBenawi
committed
add signup page
1 parent 9b9d8e8 commit 3d59819

File tree

1 file changed

+78
-0
lines changed

1 file changed

+78
-0
lines changed

‎backend/signup.php‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Document</title>
7+
<link rel="stylesheet" href="../css/registrationStyle.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
9+
<script type="text/javascript" src="../Js/registrationJs"></script>
10+
</head>
11+
<body>
12+
13+
<form class="container" action="./process_registration.php" method="post">
14+
<h2 class="heading">Sign Up</h2>
15+
<div class="steps-container">
16+
<hr>
17+
<hr class="active">
18+
<div class="steps"><i class="fa-solid fa-user"></i></div>
19+
<div class="steps"><i class="fa-solid fa-envelope"></i></div>
20+
<div class="steps"><i class="fa-solid fa-key"></i></div>
21+
<div class="steps"><i class="fa-solid fa-trophy"></i></div>
22+
</div>
23+
24+
<div class="input-slide-contianer">
25+
<scroller class="scro">
26+
<div class="input-slide">
27+
<h3>User Name</h3>
28+
<p><i>Username is your online identity</i></p>
29+
<ul class="rules">
30+
<li>Your username should only contain letters, numbers, underscores or hyphens. </li><li>No spaces or special characters allowed.</li>
31+
<li>Your username should not be offensive or contain profanity.</li>
32+
</ul>
33+
<input type="text" placeholder="Type your username Here" name="username" class="username">
34+
<div class="full-name"><input type="text" placeholder="First Name" name="firstname">
35+
<input type="text" name="lastname" class="lastname" placeholder="Last Name"></div>
36+
<button class="button-nex" onclick="NextSlide(1)">Next</button>
37+
</div>
38+
<div class="input-slide user-detail">
39+
<h3>Email</h3>
40+
<p><i>Email is the gateway to your digital life</i></p>
41+
<ul class="rules">
42+
<li>Please enter valid email in the format "example@example.com".</li>
43+
<li>we value your privacy and will never use your email for any unauthorized purposes.</li>
44+
<li>Please don't use email that belong to someone else.</li>
45+
<li>Please don't use email that includes personal information.</li>
46+
</ul>
47+
<input type="email" name="email" class="email" placeholder="Email">
48+
<button class="button-nex" onclick="NextSlide(2)">Next</button>
49+
</div>
50+
<div class="input-slide password-slide">
51+
<h3>Password</h3>
52+
<p><i>Secure your account with a strong password</i></p>
53+
<ul class="rules">
54+
<li>Include a mix of uppercase and lowercase letters, numbers, and special characters.</li>
55+
<li>Avoid using common or easily guessable passwords.</li>
56+
<li>Do not use personal information.</li>
57+
</ul>
58+
<input type="password" name="password" class="password" placeholder="Password">
59+
<input type="password" name="confirm-password" class="confirm-password" placeholder="Confirm Your Password">
60+
<button class="button-nex" onclick="NextSlide(3)">Next</button>
61+
</div>
62+
<div class="input-slide finish-slide">
63+
<h3>Congratulations!</h3>
64+
<p><i>You have completed all the steps required for registration.</i></p>
65+
<ul class="rules">
66+
<li>Before submitting your information, please take a moment to ensure that all the details provided are correct. </li>
67+
<li> We take the privacy and security of our users very seriously, and it is important that all the information provided is accurate and up-to-date.</li>
68+
<li>Once you have confirmed that everything is in order, simply click the 'Submit' button.</li>
69+
</ul>
70+
<button type="submit" class="button-nex" >Sumbit</button>
71+
</div>
72+
</scroller>
73+
</div>
74+
<button class="GoBack" onclick="GoBack()"><i class="fa-solid fa-arrow-left"></i></button>
75+
</form>
76+
77+
</body>
78+
</html>

0 commit comments

Comments
 (0)