-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
148 lines (123 loc) · 8.52 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
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Neon HTML Demo - Sign up</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="static/css/aos.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
</head>
<body class="ok ai sn uh ul">
<!-- Page wrapper -->
<div class="nl rj n_ im">
<!-- Site header -->
<header class="y nj z">
<div class="rr tf ot ld">
<div class="nl ie ii nd lb">
<!-- Site branding -->
<div class="rv tc">
<!-- Logo -->
<a class="nu" href="index.html" aria-label="Cruip">
<svg class="nq nv" viewbox="0 0 32 32" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<radialgradient cx="50%" cy="89.845%" fx="50%" fy="89.845%" r="108.567%" gradienttransform="matrix(-.00915 -.82755 .99996 -.00757 -.394 1.319)" id="logo1-b">
<stop stop-color="#3B82F6" stop-opacity=".64" offset="0%"></stop>
<stop stop-color="#F472B6" stop-opacity=".876" offset="100%"></stop>
</radialgradient>
<radialgradient cx="50%" cy="89.845%" fx="50%" fy="89.845%" r="108.567%" gradienttransform="matrix(-.00915 -.82755 .99996 -.00757 -.394 1.319)" id="logo1-d">
<stop stop-color="#3B82F6" stop-opacity=".64" offset="0%"></stop>
<stop stop-color="#D375C2" stop-opacity=".833" offset="50.358%"></stop>
<stop stop-color="#FBCFE8" stop-opacity=".876" offset="100%"></stop>
</radialgradient>
<path d="M12 32c8-6.915 12-12.582 12-17 0-6.627-5.373-12-12-12S0 8.373 0 15c0 4.418 4 10.085 12 17Z" id="logo1-a"></path>
<path d="M20 29c8-6.915 12-12.582 12-17 0-6.627-5.373-12-12-12S8 5.373 8 12c0 4.418 4 10.085 12 17Z" id="logo1-c"></path>
</defs>
<g fill="none" fill-rule="evenodd">
<use fill="url(#logo1-b)" opacity=".64" transform="matrix(1 0 0 -1 0 35)" xlink:href="#logo1-a"></use>
<use fill="url(#logo1-d)" opacity=".961" xlink:href="#logo1-c"></use>
</g>
</svg>
</a>
</div>
</div>
</div>
</header>
<main class="b rm nl">
<!-- Content -->
<div class="nj sn">
<div class="ny nl rj ir ab cm aw fn">
<div class="ot ld">
<div class="nj ru tf">
<div class="oc ca">
<div class="ne">
<h1 class="h2 o_">Sign Up</h1>
</div>
<!-- Form -->
<form>
<div class="if">
<div>
<label class="nu oj up ui tw" for="email">Email <span class="uj">*</span></label>
<input id="email" class="s or nj" type="email" required="">
</div>
<div class="if li lh lp">
<div class="ls">
<label class="nu oj up ui tw" for="name">Name <span class="uj">*</span></label>
<input id="name" class="s or nj" type="text" required="">
</div>
<div class="ls">
<label class="nu oj up ui tw" for="surname">Surname <span class="uj">*</span></label>
<input id="surname" class="s or nj" type="text" required="">
</div>
</div>
<div>
<label class="nu oj up ui tw" for="password">Password</label>
<input id="password" class="s or nj" type="password" autocomplete="on" required="">
</div>
</div>
<div class="nt">
<button class="r ud su sl sv fr nj ao fj">
Sign Up <span class="uc uv fq ac ah ap tp">-></span>
</button>
</div>
</form>
<!-- Divider -->
<div class="nl ie tl">
<div class="i_ iq rm tb" aria-hidden="true"></div>
<div class="oj up ua">Or</div>
<div class="i_ iq rm th" aria-hidden="true"></div>
</div>
<!-- Social login -->
<button class="r ud su sp sw fs nj b nl fn">
<div class="rp nl ie">
<svg class="rn nx sk uk rv" viewbox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M15.679 6.545H8.043v3.273h4.328c-.692 2.182-2.401 2.91-4.363 2.91a4.727 4.727 0 1 1 3.035-8.347l2.378-2.265A8 8 0 1 0 8.008 16c4.41 0 8.4-2.909 7.67-9.455Z"></path>
</svg>
</div>
<span class="rd u_ ow">Continue With Google</span>
</button>
<div class="oj uq ua nt tm">
By filling out this form, I consent to the collection and use of my personal data.
</div>
<div class="oy i_ iq">
<div class="oj up">
Already have an account? <a class="ui ug fu" href="signin.html">Sign In</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Right side -->
<div class="np cx rv rt im ak ad av am">
<div class="y _ rg v te" aria-hidden="true">
<img src="static/picture/hero-illustration.svg" class="ri" width="2143" height="737" alt="Hero Illustration">
</div>
<div class="y _ rg v te" aria-hidden="true">
<img src="static/picture/auth-illustration.svg" class="ri" width="1440" height="880" alt="Auth Illustration">
</div>
</div>
</main>
</div>
<script src="static/js/alpinejs.min.js" defer=""></script>
<script src="static/js/aos.js"></script>
<script src="static/js/main.js"></script>
<script async="" src='static/js/js.js'></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-125021779-1', { 'anonymize_ip': true });</script><script>console.log("%cImportant!", "color: blue; font-size: x-large");console.log("%cThe page you are viewing is for demo purposes only. CSS and HTML have been minified and class names have been shortened to improve the page load time. Download our templates from #", "font-size: large");</script><script>const pagesList = [{"name":"Home","url":"#","active":false},{"name":"Sign in","url":"#","active":false},{"name":"Sign up","url":"#","active":true},{"name":"Reset password","url":"#","active":false}];if(window != top){window.parent.postMessage(pagesList, "#")};</script></body></html>