-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
120 lines (113 loc) · 3.42 KB
/
signup.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sign Up | Retro Social Network</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="header" class="snipcss0-2-2-5">
<a class="logo snipcss0-3-5-6 style-axwYT" href="/?id=1" id="style-axwYT">
<b class="snipcss0-4-6-7">
<span class="snipcss0-5-7-8 style-Aowk8" id="style-Aowk8">
yourm1nd
</span>
</b>
<a class="active" href="https://clwbth.neocities.org/">Home</a>
<a href="https://clwbth.neocities.org/messanging">Messages</a>
<a href="https://clwbth.neocities.org/forum">Forum</a>
<a href="https://clwbth.neocities.org/blog">Blog</a>
<a href="https://clwbth.neocities.org/profile">Profile</a>
<a href="https://clwbth.neocities.org/signup">Sign Up</a>
<a href="https://clwbth.neocities.org/signin">Sign In</a>
<div class="search-container" "position:fixed; left:80px; top:30px;>
<form action="/action_page.php">
<input type="text" placeholder="Search.." name="search">
<button type="submit">Search</button>
</form>
</div>
</div>
<div class="container">
<div class="header">
<h1>Sign Up</h1>
<p>Join our retro social network and connect with friends!</p>
</div>
<form class="signup-form" action="#" method="post">
<div class="form-group">
<label for="username">Username</label>
<input type="text" id="username" name="username" placeholder="Enter your username" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="Enter your email" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="Enter your password" required>
</div>
<div class="form-group">
<label for="confirm-password">Confirm Password</label>
<input type="password" id="confirm-password" name="confirm-password" placeholder="Confirm your password" required>
</div>
<div class="form-group">
<label for="gender">Gender</label>
<select id="gender" name="gender">
<option value="">Select your gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<div class="form-group">
<label for="dob">Date of Birth</label>
<input type="date" id="dob" name="dob" required>
</div>
<button type="submit" class="btn">Sign Up</button>
</form>
</div>
</body>
<style>
/* Sign Up Page Styles */
.signup-form {
width: 80%;
margin: 0 auto;
}
.signup-form .form-group {
margin-bottom: 1rem;
}
.signup-form label {
display: block;
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: #666;
}
.signup-form input,
.signup-form select {
display: block;
width: 100%;
padding: 0.5rem;
font-size: 1.2rem;
border: 1px solid #ccc;
border-radius: 3px;
}
.signup-form input:focus,
.signup-form select:focus {
outline: none;
border-color: #333;
}
.signup-form button {
display: block;
width: 100%;
padding: 0.8rem;
font-size: 1.2rem;
color: #fff;
background-color: #333;
border: none;
border-radius: 3px;
cursor: pointer;
}
.signup-form button:hover {
background-color: #444;
}
<style/>
</html>