-
Notifications
You must be signed in to change notification settings - Fork 41
/
register.html
183 lines (169 loc) · 10.1 KB
/
register.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!--
=========================================================
* Windows 95 UI Kit
=========================================================
* Product Page: https://themesberg.com/product/ui-kit/windows-95-ui-kit
* Copyright 2019 Themesberg (https://www.themesberg.com)
* License Themesberg (Crafty Dwarf LLC) (https://themesberg.com/licensing)
* Coded by https://themesberg.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="canonical" href="https://themesberg.com/product/ui-kit/windows-95-ui-kit">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Windows 95 UI Kit - Login</title>
<meta name="author" content="Themesberg">
<meta name="description" content="Windows 95 is a free Retro UI Kit to bring back the great memories of the 95's. Original Windows 95 Buttons, Icons, Windows, Tabs and many more await you!">
<meta name="keywords" content="Windows 95, Windows 95 UI Kit, Windows 95 Buttons, Windows 95 Cards, Windows 95 Icons, Windows 95 Forms, Windows 95 Typography, Windows 95 Website, Retro Website, Bootstrap Retro, Themesberg"/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://themesberg.com/product/ui-kit/windows-95-ui-kit">
<meta property="og:title" content="Windows 95 UI Kit">
<meta property="og:description" content="Windows 95 is a free Retro UI Kit to bring back the great memories of the 95's. Original Windows 95 Buttons, Icons, Windows, Tabs and many more await you!">
<meta property="og:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/windows-95/windows-95-ui-kit-preview.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://themesberg.com/product/ui-kit/windows-95-ui-kit">
<meta property="twitter:title" content="Windows 95 UI Kit">
<meta property="twitter:description" content="Windows 95 is a free Retro UI Kit to bring back the great memories of the 95's. Original Windows 95 Buttons, Icons, Windows, Tabs and many more await you!">
<meta property="twitter:image" content="https://themesberg.s3.us-east-2.amazonaws.com/public/products/windows-95/windows-95-ui-kit-preview.jpg">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
<!-- Bootstrap CSS -->
<link type="text/css" rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<!-- Pixel CSS -->
<link type="text/css" rel="stylesheet" href="css/w95.css">
<!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-141734189-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-141734189-1'); </script>
</head>
<body>
<header class="header-global">
<nav id="navbar-main" class="navbar d-flex flex-row align-items-center navbar-main navbar-expand-lg navbar-dark justify-content-between">
<ul class="navbar-nav navbar-nav-hover flex-row align-items-center">
<li class="nav-item">
<a href="index.html" class="nav-link" role="button">
<span class="nav-link-inner-text">📺 Start</span>
</a>
</li>
<li class="nav-item">
<a href="docs/introduction.html" class="nav-link" role="button">
<span class="nav-link-inner-text">📕 Docs</span>
</a>
</li>
<li class="nav-item">
<a href="login.html" class="nav-link" role="button">
<span class="nav-link-inner-text">Login</span>
</a>
</li>
<li class="nav-item">
<a href="register.html" class="nav-link" role="button">
<span class="nav-link-inner-text">Register</span>
</a>
</li>
</ul>
<div class="time text-center">
<span class="time text-uppercase">1:47 PM</span>
</div>
</nav>
</header>
<main>
<!-- Section -->
<section class="min-vh-100 d-flex align-items-center bg-secondary">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 d-flex align-items-center justify-content-center">
<div class="card card-tertiary w-100 fmxw-400">
<div class="card-header text-center">
<span>Register on our platform</span>
</div>
<div class="card-body">
<form action="#" class="mt-4">
<!-- Form -->
<div class="form-group">
<label for="email" class="mb-2">Email</label>
<input id="email" type="email" class="form-control" placeholder="Your email" required/>
</div>
<!-- End of Form -->
<div class="form-group">
<!-- Form -->
<div class="form-group">
<label for="password" class="mb-2">Password</label>
<input id="password" type="password" class="form-control" placeholder="Your password" required/>
</div>
<div class="form-group">
<label for="confirmPassword" class="mb-2">Confirm password</label>
<input id="confirmPassword" type="password" class="form-control" placeholder="Confirm password" required/>
</div>
<!-- End of Form -->
<div class="d-flex justify-content-between align-items-center mb-4">
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox">
<span class="form-check-x"></span>
<span class="form-check-sign"></span>
I agree to the <a href="#">terms and conditions</a>
</label>
</div>
</div>
</div>
<button type="submit" class="btn btn-block btn-primary">Register account</button>
</form>
<div class="d-block d-sm-flex justify-content-center align-items-center mt-4">
<p class="font-weight-normal">
Already have an account?
<a href="./login.html" class="font-weight-bold">Login here</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<nav id="navbar-footer" class="navbar navbar-main navbar-expand-lg navbar-dark justify-content-between navbar-footer">
<ul class="navbar-nav navbar-nav-hover flex-row align-items-center">
<li class="nav-item">
<a href="index.html" class="nav-link" role="button">
<span class="nav-link-inner-text">📺 Start</span>
</a>
</li>
<li class="nav-item">
<a href="docs/introduction.html" class="nav-link" role="button">
<span class="nav-link-inner-text">📕 Docs</span>
</a>
</li>
<li class="nav-item">
<a href="login.html" class="nav-link" role="button">
<span class="nav-link-inner-text">Login</span>
</a>
</li>
<li class="nav-item">
<a href="register.html" class="nav-link" role="button">
<span class="nav-link-inner-text">Register</span>
</a>
</li>
</ul>
<div class="time text-center">
<span class="time text-uppercase">1:47 PM</span>
</div>
</nav>
</footer>
<!-- Core -->
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- pixel JS -->
<script src="js/w95.js"></script>
</body>
</html>