This repository has been archived by the owner on Sep 7, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsign-up.html
74 lines (65 loc) · 3.24 KB
/
sign-up.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
<!--
Copyright 2022 Futrime & M1saka10010
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8/normalize.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/sign-up.css">
<title>Sign up - SHAO Pastebin</title>
</head>
<body>
<div class="container">
<header class="d-flex flex-wrap align-items-center justify-content-between py-3 mb-4 border-bottom">
<a href="./" class="d-flex align-items-center col-md-3 mb-0 text-dark text-decoration-none">
<h1>SHAO Pastebin</h1>
</a>
<div class="col-md-3 text-end">
<a class="text-decoration-none" href="./">
<button class="btn btn-outline-primary me-2 shao-login-button" type="button">LOGIN</button>
</a>
</div>
</header>
<main>
<form class="mx-auto mt-5">
<h1 class="h3 mb-3 fw-normal">Sign up your SHAO ID</h1>
<div class="form-floating">
<input type="text" class="form-control" id="floatingUsername" placeholder="myName">
<label for="floatingUsername">Username (at least 4 characters)</label>
</div>
<div class="form-floating mt-1">
<input type="email" class="form-control" id="floatingEmail" placeholder="[email protected]">
<label for="floatingEmail">Email address</label>
</div>
<div class="form-floating mt-1">
<input type="password" class="form-control" id="floatingPassword" placeholder="myPassword">
<label for="floatingPassword">Password (at least 8 characters)</label>
</div>
<div class="mt-1 text-danger shao-sign-up-failed-hint" hidden></div>
<button class="w-100 btn btn-lg btn-primary mt-3 shao-sign-up-button" type="submit">SIGN UP</button>
<hr class="my-4">
<small class="text-muted">
By clicking SIGN UP, you agree to
<a class="text-decoration-none" href="#">the terms of use</a>.
</small>
</form>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/blueimp-md5@2/js/md5.min.js"></script>
<script type="module" src="js/sign-up.mjs" defer></script>
</body>
</html>