diff --git a/src/main/resources/templates/fragments/main.html b/src/main/resources/templates/fragments/main.html
new file mode 100644
index 0000000..fe03c82
--- /dev/null
+++ b/src/main/resources/templates/fragments/main.html
@@ -0,0 +1,31 @@
+<!--  @since 3.0.0 -->
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="UTF-8"/>
+    <title>Fragments</title>
+
+    <div th:fragment="header-css">
+        <link href="/static/bootstrap.min.css" th:href="@{/bootstrap.min.css}" rel="stylesheet"/>
+        <style>
+            body {
+                font-family: "Microsoft YaHei", Arial;
+            }
+        </style>
+    </div>
+
+</head>
+<body>
+
+<div th:fragment="footer" id="footer-default">
+    <div>
+        <hr/>
+        <p class="text-center text-muted">
+            &copy; 2013 - 2023 <a href="https://gitee.com/shengzhao/spring-oauth-server" target="_blank">spring-oauth-server</a>.
+            v3.0.0
+        </p>
+    </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
new file mode 100644
index 0000000..22a79fc
--- /dev/null
+++ b/src/main/resources/templates/login.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width,user-scalable=no"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{/favicon.ico}"/>
+
+    <title>OAuth Login - Spring Security&OAuth2.1</title>
+
+    <th:block th:include="fragments/main::header-css"/>
+</head>
+<body class="container">
+<h2 class="page-header">OAuth Login</h2>
+
+<div class="row">
+    <div class="col-md-6">
+
+        <div class="panel panel-default">
+            <div class="panel-body">
+
+                <form th:action="@{/signin}" method="post" class="form-horizontal">
+                    <div class="form-group">
+                        <label for="username" class="col-sm-3 control-label">Username</label>
+
+                        <div class="col-sm-9">
+                            <input type="text" id="username" name="oidc_user" value="" placeholder="Type username"
+                                   required="required" class="form-control"/>
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="password" class="col-sm-3 control-label">Password</label>
+
+                        <div class="col-sm-9">
+                            <input type="password" name="oidcPwd" id="password" value="" placeholder="Type password"
+                                   required="required" class="form-control"/>
+                        </div>
+                    </div>
+
+                    <div class="form-group">
+                        <label for="password" class="col-sm-3 control-label"></label>
+
+                        <div class="col-sm-9">
+                            <input type="submit" value="Login" class="btn btn-primary"/>
+
+                            <span th:if="${param.get('error') eq '2'}"
+                                    class="label label-danger">Access denied !!!</span>
+                            <span th:if="${param.get('error') eq '1'}"
+                                    class="label label-danger">Authentication Failure</span>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+        </div>
+
+    </div>
+    <div class="col-md-6">
+        <p>你可以使用以下几个初始的账号进行登录:</p>
+        <table class="table table-bordered">
+            <thead>
+            <tr>
+                <th>Username</th>
+                <th>Password</th>
+                <th>Remark</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td>admin</td>
+                <td>admin</td>
+                <td>All privileges, allow visit [Mobile] and [Unity] resources, manage user</td>
+            </tr>
+            <tr>
+                <td>unity</td>
+                <td>unity</td>
+                <td>Only allow visit [Unity] resource, support grant_type:
+                    <em>authorization_code,refresh_token,implicit</em></td>
+            </tr>
+            <tr>
+                <td>mobile</td>
+                <td>mobile</td>
+                <td>Only allow visit [Mobile] resource, support grant_type: <em>password,refresh_token</em></td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+</div>
+
+<div th:replace="fragments/main :: footer"/>
+</body>
+</html>
\ No newline at end of file

Username	Password	Remark
admin	admin	All privileges, allow visit [Mobile] and [Unity] resources, manage user
unity	unity	Only allow visit [Unity] resource, support grant_type: + authorization_code,refresh_token,implicit
mobile	mobile	Only allow visit [Mobile] resource, support grant_type: password,refresh_token