-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
150 lines (147 loc) · 5.35 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="author" content="samithseu" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sign up</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="icon" href="./img/title-icon/site-icon.ico" />
<link rel="stylesheet" href="css/style.css" />
<script defer src="js/script.js"></script>
<script defer src="js/signup.js"></script>
</head>
<body>
<!-- WRAPPER -->
<div class="wrapper">
<header id="home" class="header">
<nav class="nav">
<div class="container nav-container">
<a href="./index.html" class="logo">
<img src="./img/svg/logo-white.svg" alt="Startup" />
</a>
<ul class="nav-links">
<li class="nav-link">
<a href="./index.html#home">home</a>
</li>
<li class="nav-link">
<a href="./index.html#about">about</a>
</li>
<li class="nav-link">
<a href="./index.html#pricing">pricing</a>
</li>
<li class="nav-link">
<a href="./index.html#support">support</a>
</li>
<li class="nav-link sub-menu-container">
<p>
pages
<i class="fa-solid fa-angle-down"></i>
</p>
<ul class="sub-menu">
<li>
<a href="./signin.html">sign in page</a>
</li>
<li>
<a href="./signup.html">sign up page</a>
</li>
</ul>
</li>
</ul>
<div class="register">
<a href="./signin.html" class="btn sign_in">sign in</a>
<a href="./signup.html" class="btn sign_up">sign up</a>
</div>
<div class="burger__menu">
<div class="line line1"></div>
<div class="line line2"></div>
<div class="line line3"></div>
</div>
</div>
</nav>
<section class="signin-form">
<div class="signin-form-container">
<form method="POST" action="#">
<!-- FORM HEADER -->
<div class="form-header">
<h1>Create your account</h1>
<h5>It's totally free and super easy</h5>
</div>
<!-- FORM HERO -->
<div class="form-hero">
<button class="btn with-google">
<img src="./img/svg/google.svg" alt="" />
<span>Sign up with Google</span>
</button>
<div class="with-email">
<hr />
<span>Or, register with your email</span>
<hr />
</div>
</div>
<!-- FORM INPUT -->
<div class="form-input">
<div class="input-row">
<label for="fullname">full name</label>
<input
autofocus
type="text"
name="fullname"
id="fullname"
placeholder="Enter your full name"
required
/>
</div>
<div class="input-row">
<label for="email">work email</label>
<input
type="email"
name="email"
id="email"
placeholder="Enter your Email"
required
/>
</div>
<div class="input-row">
<label for="password">your password</label>
<input
type="password"
minlength="8"
name="password"
id="password"
placeholder="Enter your Password"
required
/>
</div>
<div class="option">
<div style="align-items: start" class="remember">
<input type="checkbox" name="remember" id="remember" />
<label for="remember"
>By creating account means you agree to the
<a href="#">Terms and Conditions</a>, and our
<a href="#">Privacy Policy</a></label
>
</div>
</div>
</div>
<!-- FORM FOOTER -->
<div class="form-footer">
<button class="btn btn-signin">Sign up</button>
<p>
Already have an account ?
<a href="./signin.html">Sign in</a>
</p>
</div>
</form>
</div>
</section>
</header>
</div>
</body>
</html>