diff --git a/pom.xml b/pom.xml
index 487d92b..98e1a76 100644
--- a/pom.xml
+++ b/pom.xml
@@ -2,14 +2,14 @@
          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 
     <modelVersion>4.0.0</modelVersion>
-
+QA
     <groupId>com.revengemission.sso</groupId>
     <artifactId>oauth2-server</artifactId>
     <version>0.0.1-SNAPSHOT</version>
     <packaging>jar</packaging>
     <name>oauth2-server</name>
     <description>oauth2-server with resource server</description>
-    
+
     <parent>
         <groupId>org.springframework.boot</groupId>
         <artifactId>spring-boot-starter-parent</artifactId>
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/WebRequestLogAspect.java b/src/main/java/com/revengemission/sso/oauth2/server/WebRequestLogAspect.java
index 9ea4344..f74fd89 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/WebRequestLogAspect.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/WebRequestLogAspect.java
@@ -26,7 +26,7 @@
 @Component
 public class WebRequestLogAspect {
 
-    private static Logger logger = LoggerFactory.getLogger(WebRequestLogAspect.class);
+    private Logger log = LoggerFactory.getLogger(this.getClass());
 
     @Pointcut("execution(public * com.revengemission.sso.oauth2.server.controller.*.*(..))")
     public void wsLog() {
@@ -54,7 +54,7 @@ public void doBefore(JoinPoint joinPoint) throws Throwable {
                 if (object != null) {
                     requestBody = JSONUtil.objectToJSONString(object);
                 }
-                logger.info("\nRequest from " + request.getRemoteHost() +
+                log.info("\nRequest from " + request.getRemoteHost() +
                         ";\nHeaders =" + JSONUtil.objectToJSONString(getHeadersInfo(request)) +
                         ";\nuri =" + request.getRequestURL().toString() +
                         "; \nrequest method=" + request.getMethod() +
@@ -62,7 +62,7 @@ public void doBefore(JoinPoint joinPoint) throws Throwable {
                         ";\nrequest parameters=" + parametersString +
                         ";\nrequest body=" + requestBody);
             } catch (Exception e) {
-                logger.info("Request Object To Json  Exception: " + e);
+                log.info("Request Object To Json  Exception: " + e);
             }
         }
 
@@ -72,9 +72,9 @@ public void doBefore(JoinPoint joinPoint) throws Throwable {
     public void doAfterReturning(Object ret) throws Throwable {
         // 处理完请求，返回内容
         try {
-            logger.info("Response from server : \n" + JSONUtil.objectToJSONString(ret));
+            log.info("Response from server : \n" + JSONUtil.objectToJSONString(ret));
         } catch (Exception e) {
-            logger.info("Response Object To Json  Exception:\n " + e);
+            log.info("Response Object To Json  Exception:\n " + e);
         }
 
     }
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/controller/IndexController.java b/src/main/java/com/revengemission/sso/oauth2/server/controller/IndexController.java
deleted file mode 100644
index a258ef2..0000000
--- a/src/main/java/com/revengemission/sso/oauth2/server/controller/IndexController.java
+++ /dev/null
@@ -1,17 +0,0 @@
-package com.revengemission.sso.oauth2.server.controller;
-
-import org.springframework.stereotype.Controller;
-import org.springframework.web.bind.annotation.GetMapping;
-import org.springframework.web.bind.annotation.ResponseBody;
-
-import javax.servlet.http.HttpServletRequest;
-
-@Controller
-public class IndexController {
-
-    @GetMapping(value = {"/", "/index"})
-    @ResponseBody
-    public String index(HttpServletRequest request) {
-        return "index";
-    }
-}
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/controller/ProfileController.java b/src/main/java/com/revengemission/sso/oauth2/server/controller/ProfileController.java
index d10accb..fb312f1 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/controller/ProfileController.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/controller/ProfileController.java
@@ -1,35 +1,95 @@
 package com.revengemission.sso.oauth2.server.controller;
 
+import com.fasterxml.jackson.annotation.JsonFormat;
+import com.revengemission.sso.oauth2.server.domain.EntityNotFoundException;
+import com.revengemission.sso.oauth2.server.domain.UserAccount;
+import com.revengemission.sso.oauth2.server.service.UserAccountService;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.format.annotation.DateTimeFormat;
 import org.springframework.stereotype.Controller;
 import org.springframework.ui.Model;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
 import org.springframework.web.bind.annotation.ResponseBody;
 
 import java.security.Principal;
+import java.util.Date;
 import java.util.HashMap;
 import java.util.Map;
 
 @Controller
 public class ProfileController {
 
+    private Logger log = LoggerFactory.getLogger(this.getClass());
+
+    @Autowired
+    UserAccountService userAccountService;
+
     @ResponseBody
     @GetMapping("/user/me")
     public Map<String, String> info(Principal principal) {
         Map<String, String> result = new HashMap<>();
-        result.put("username", principal.getName());
+        try {
+            UserAccount userAccount = userAccountService.findByUsername(principal.getName());
+            result.put("username", principal.getName());
+            result.put("gender", userAccount.getGender());
+        } catch (EntityNotFoundException e) {
+            if (log.isErrorEnabled()) {
+                log.error("findByUsername exception", e);
+            }
+        }
+
         return result;
     }
 
-    @GetMapping("/user/profile")
+    @GetMapping(value = {"/", "/user/profile"})
     public String profile(Principal principal,
                           Model model) {
+        try {
+            UserAccount userAccount = userAccountService.findByUsername(principal.getName());
+            model.addAttribute("userAccount", userAccount);
+        } catch (EntityNotFoundException e) {
+            if (log.isErrorEnabled()) {
+                log.error("findByUsername exception", e);
+            }
+        }
+
         return "profile";
     }
 
     @PostMapping("/user/profile")
     public String handleProfile(Principal principal,
+                                @RequestParam(value = "nickName", required = false) String nickName,
+                                @RequestParam(value = "avatarUrl", required = false) String avatarUrl,
+                                @RequestParam(value = "email", required = false) String email,
+                                @RequestParam(value = "mobile", required = false) String mobile,
+                                @RequestParam(value = "province", required = false) String province,
+                                @RequestParam(value = "city", required = false) String city,
+                                @RequestParam(value = "address", required = false) String address,
+                                @JsonFormat(pattern = "MM-dd-yyyy") @DateTimeFormat(pattern = "MM-dd-yyyy")
+                                @RequestParam(value = "birthday", required = false) Date birthday,
                                 Model model) {
-        return "profile";
+
+        try {
+            UserAccount userAccount = userAccountService.findByUsername(principal.getName());
+            userAccount.setNickName(nickName);
+            userAccount.setAvatarUrl(avatarUrl);
+            userAccount.setEmail(email);
+            userAccount.setMobile(mobile);
+            userAccount.setProvince(province);
+            userAccount.setCity(city);
+            userAccount.setAddress(address);
+            userAccount.setBirthday(birthday);
+            userAccountService.updateById(userAccount);
+        } catch (EntityNotFoundException e) {
+            if (log.isErrorEnabled()) {
+                log.error("findByUsername exception", e);
+            }
+        }
+
+        return "redirect:/user/profile";
     }
 }
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/controller/SignInAndUpController.java b/src/main/java/com/revengemission/sso/oauth2/server/controller/SignInAndUpController.java
index 8c7f523..fd3ef8c 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/controller/SignInAndUpController.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/controller/SignInAndUpController.java
@@ -47,7 +47,7 @@ public String handleSignUp(HttpServletRequest request,
         userAccount.setRole(RoleEnum.ROLE_USER.name());
         userAccount.setUsername(username);
         userAccount.setPassword(passwordEncoder.encode(password));
-        userAccountService.create(userAccount);
+        userAccount = userAccountService.create(userAccount);
         return "redirect:/?success=signUp";
     }
 }
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/domain/EntityNotFoundException.java b/src/main/java/com/revengemission/sso/oauth2/server/domain/EntityNotFoundException.java
new file mode 100644
index 0000000..53641e1
--- /dev/null
+++ b/src/main/java/com/revengemission/sso/oauth2/server/domain/EntityNotFoundException.java
@@ -0,0 +1,62 @@
+package com.revengemission.sso.oauth2.server.domain;
+
+import java.io.IOException;
+
+public class EntityNotFoundException extends IOException {
+    public EntityNotFoundException() {
+    }
+
+    public EntityNotFoundException(String message) {
+        super(message);
+    }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/domain/GenderEnum.java b/src/main/java/com/revengemission/sso/oauth2/server/domain/GenderEnum.java
new file mode 100644
index 0000000..ddef22e
--- /dev/null
+++ b/src/main/java/com/revengemission/sso/oauth2/server/domain/GenderEnum.java
@@ -0,0 +1,25 @@
+package com.revengemission.sso.oauth2.server.domain;
+
+public enum GenderEnum {
+
+    MALE("男"),
+    FEMALE("女"),
+    UNKNOWN("未知");
+
+    private String meaning;
+
+    public String getMeaning() {
+        return meaning;
+    }
+
+    public void setMeaning(String meaning) {
+        this.meaning = meaning;
+    }
+
+    GenderEnum() {
+    }
+
+    GenderEnum(String meaning) {
+        this.meaning = meaning;
+    }
+}
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/domain/ParameterException.java b/src/main/java/com/revengemission/sso/oauth2/server/domain/ParameterException.java
new file mode 100644
index 0000000..b903c16
--- /dev/null
+++ b/src/main/java/com/revengemission/sso/oauth2/server/domain/ParameterException.java
@@ -0,0 +1,60 @@
+package com.revengemission.sso.oauth2.server.domain;
+
+public class ParameterException extends RuntimeException {
+    public ParameterException() {
+    }
+
+    public ParameterException(String message) {
+        super(message);
+    }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/domain/UserAccount.java b/src/main/java/com/revengemission/sso/oauth2/server/domain/UserAccount.java
index cad3cbc..7a56fc2 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/domain/UserAccount.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/domain/UserAccount.java
@@ -2,6 +2,8 @@
 
 import com.fasterxml.jackson.annotation.JsonInclude;
 
+import java.util.Date;
+
 @JsonInclude(JsonInclude.Include.NON_NULL)
 public class UserAccount extends BaseDomain {
     private String username;
@@ -14,6 +16,8 @@ public class UserAccount extends BaseDomain {
     private String province;
     private String city;
     private String address;
+    private Date birthday;
+    private String gender;
 
     public String getUsername() {
         return username;
@@ -94,4 +98,20 @@ public String getAddress() {
     public void setAddress(String address) {
         this.address = address;
     }
+
+    public Date getBirthday() {
+        return birthday;
+    }
+
+    public void setBirthday(Date birthday) {
+        this.birthday = birthday;
+    }
+
+    public String getGender() {
+        return gender;
+    }
+
+    public void setGender(String gender) {
+        this.gender = gender;
+    }
 }
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/persistence/entity/UserAccountEntity.java b/src/main/java/com/revengemission/sso/oauth2/server/persistence/entity/UserAccountEntity.java
index 319693a..510c39b 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/persistence/entity/UserAccountEntity.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/persistence/entity/UserAccountEntity.java
@@ -3,6 +3,7 @@
 import javax.persistence.Entity;
 import javax.persistence.Table;
 import javax.persistence.UniqueConstraint;
+import java.util.Date;
 
 
 @Entity
@@ -19,6 +20,8 @@ public class UserAccountEntity extends BaseEntity {
     private String province;
     private String city;
     private String address;
+    private Date birthday;
+    private String gender;
 
     public String getUsername() {
         return username;
@@ -99,4 +102,20 @@ public String getAddress() {
     public void setAddress(String address) {
         this.address = address;
     }
+
+    public Date getBirthday() {
+        return birthday;
+    }
+
+    public void setBirthday(Date birthday) {
+        this.birthday = birthday;
+    }
+
+    public String getGender() {
+        return gender;
+    }
+
+    public void setGender(String gender) {
+        this.gender = gender;
+    }
 }
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/service/CommonServiceInterface.java b/src/main/java/com/revengemission/sso/oauth2/server/service/CommonServiceInterface.java
index 12405db..7774005 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/service/CommonServiceInterface.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/service/CommonServiceInterface.java
@@ -1,6 +1,7 @@
 package com.revengemission.sso.oauth2.server.service;
 
 
+import com.revengemission.sso.oauth2.server.domain.EntityNotFoundException;
 import com.revengemission.sso.oauth2.server.domain.JsonObjects;
 import com.revengemission.sso.oauth2.server.domain.NotImplementException;
 
@@ -18,11 +19,11 @@ default T create(T t) {
         throw new NotImplementException();
     }
 
-    default T retrieveById(long id) {
+    default T retrieveById(long id) throws EntityNotFoundException {
         throw new NotImplementException();
     }
 
-    default T updateById(T t) {
+    default T updateById(T t) throws EntityNotFoundException {
         throw new NotImplementException();
     }
 
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/service/UserAccountService.java b/src/main/java/com/revengemission/sso/oauth2/server/service/UserAccountService.java
index ccfedfd..d6552c6 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/service/UserAccountService.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/service/UserAccountService.java
@@ -1,5 +1,6 @@
 package com.revengemission.sso.oauth2.server.service;
 
+import com.revengemission.sso.oauth2.server.domain.EntityNotFoundException;
 import com.revengemission.sso.oauth2.server.domain.JsonObjects;
 import com.revengemission.sso.oauth2.server.domain.UserAccount;
 
@@ -8,4 +9,6 @@ JsonObjects<UserAccount> listByRole(String role, int pageNum,
                                         int pageSize,
                                         String sortField,
                                         String sortOrder);
+
+    UserAccount findByUsername(String username) throws EntityNotFoundException;
 }
diff --git a/src/main/java/com/revengemission/sso/oauth2/server/service/impl/UserAccountServiceImpl.java b/src/main/java/com/revengemission/sso/oauth2/server/service/impl/UserAccountServiceImpl.java
index 9a487da..a5b8f1f 100644
--- a/src/main/java/com/revengemission/sso/oauth2/server/service/impl/UserAccountServiceImpl.java
+++ b/src/main/java/com/revengemission/sso/oauth2/server/service/impl/UserAccountServiceImpl.java
@@ -1,5 +1,6 @@
 package com.revengemission.sso.oauth2.server.service.impl;
 
+import com.revengemission.sso.oauth2.server.domain.EntityNotFoundException;
 import com.revengemission.sso.oauth2.server.domain.JsonObjects;
 import com.revengemission.sso.oauth2.server.domain.UserAccount;
 import com.revengemission.sso.oauth2.server.persistence.entity.UserAccountEntity;
@@ -14,7 +15,7 @@
 import org.springframework.data.domain.Sort;
 import org.springframework.stereotype.Service;
 
-import java.util.List;
+import java.util.Optional;
 
 @Service
 public class UserAccountServiceImpl implements UserAccountService {
@@ -27,7 +28,7 @@ public class UserAccountServiceImpl implements UserAccountService {
 
     @Override
     public JsonObjects<UserAccount> listByRole(String role, int pageNum, int pageSize, String sortField, String sortOrder) {
-        JsonObjects<UserAccount> jsonObjects=new JsonObjects<>();
+        JsonObjects<UserAccount> jsonObjects = new JsonObjects<>();
         Sort sort = null;
         if (StringUtils.equalsIgnoreCase(sortOrder, "asc")) {
             sort = new Sort(Sort.Direction.ASC, sortField);
@@ -39,8 +40,8 @@ public JsonObjects<UserAccount> listByRole(String role, int pageNum, int pageSiz
         if (page.getContent() != null && page.getContent().size() > 0) {
             jsonObjects.setCurrentPage(pageNum);
             jsonObjects.setTotalPage(page.getTotalPages());
-            page.getContent().forEach(u->{
-                jsonObjects.getObjectElements().add(dozerMapper.map(u,UserAccount.class));
+            page.getContent().forEach(u -> {
+                jsonObjects.getObjectElements().add(dozerMapper.map(u, UserAccount.class));
             });
         }
         return jsonObjects;
@@ -53,4 +54,37 @@ public UserAccount create(UserAccount userAccount) {
         userAccountRepository.save(userAccountEntity);
         return dozerMapper.map(userAccountEntity, UserAccount.class);
     }
+
+    @Override
+    public UserAccount updateById(UserAccount userAccount) throws EntityNotFoundException {
+        Optional<UserAccountEntity> entityOptional = userAccountRepository.findById(Long.parseLong(userAccount.getId()));
+        entityOptional.orElseThrow(EntityNotFoundException::new);
+        entityOptional.ifPresent(e -> {
+            UserAccountEntity userAccountEntity = entityOptional.get();
+            if (StringUtils.isNotEmpty(userAccount.getPassword())) {
+                userAccountEntity.setPassword(userAccount.getPassword());
+            }
+            userAccountEntity.setNickName(userAccount.getNickName());
+            userAccountEntity.setBirthday(userAccount.getBirthday());
+            userAccountEntity.setMobile(userAccount.getMobile());
+            userAccountEntity.setProvince(userAccount.getProvince());
+            userAccountEntity.setCity(userAccount.getCity());
+            userAccountEntity.setAddress(userAccount.getAddress());
+            userAccountEntity.setAvatarUrl(userAccount.getAvatarUrl());
+            userAccountEntity.setEmail(userAccount.getEmail());
+
+            userAccountRepository.save(userAccountEntity);
+        });
+        return userAccount;
+    }
+
+    @Override
+    public UserAccount findByUsername(String username) throws EntityNotFoundException {
+        UserAccountEntity userAccountEntity = userAccountRepository.findByUsername(username);
+        if (userAccountEntity != null) {
+            return dozerMapper.map(userAccountEntity, UserAccount.class);
+        } else {
+            throw new EntityNotFoundException(username + " not found!");
+        }
+    }
 }
diff --git a/src/main/resources/templates/profile.html b/src/main/resources/templates/profile.html
index 566549b..a6e0ea8 100644
--- a/src/main/resources/templates/profile.html
+++ b/src/main/resources/templates/profile.html
@@ -1,10 +1,82 @@
 <!DOCTYPE html>
-<html lang="en">
+<html xmlns:th="http://www.thymeleaf.org"
+      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
 <head>
-    <meta charset="UTF-8">
-    <title>Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title>authorize to access</title>
+    <link rel="stylesheet" href="../static/assets/bootstrap/css/bootstrap.min.css"
+          th:href="@{/assets/bootstrap/css/bootstrap.min.css}"/>
         <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
 <body>
 
+<section>
+    <div class="container mt-5">
+        <div class="row">
+            <div class="col-sm-3">
+
+            </div>
+            <div class="col-sm-6">
+                <form id="profileForm" action="/user/profile" method="post">
+                    <div class="form-group row">
+                        <label for="nickName" class="col-2 col-form-label">昵称</label>
+                        <div class="col-10">
+                            <input type="text" class="form-control" name="nickName" id="nickName" th:value="${userAccount.nickName}" placeholder="昵称">
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label for="email" class="col-2 col-form-label">邮箱</label>
+                        <div class="col-10">
+                            <input type="text" class="form-control" name="email" id="email" th:value="${userAccount.email}" placeholder="邮箱">
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label for="mobile" class="col-2 col-form-label">手机号</label>
+                        <div class="col-10">
+                            <input type="text" class="form-control" name="mobile" id="mobile" th:value="${userAccount.mobile}" placeholder="手机号">
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label for="province" class="col-2 col-form-label">省</label>
+                        <div class="col-4">
+                            <input type="text" class="form-control" name="province" id="province" th:value="${userAccount.province}" placeholder="省">
+                        </div>
+                        <label for="city" class="col-2 col-form-label text-right">市</label>
+                        <div class="col-4">
+                            <input type="text" class="form-control" name="city" id="city" th:value="${userAccount.city}" placeholder="市">
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label for="address" class="col-2 col-form-label">地址</label>
+                        <div class="col-10">
+                            <input type="text" class="form-control" name="address" id="address" th:value="${userAccount.address}" placeholder="地址">
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label for="birthday" class="col-2 col-form-label">生日</label>
+                        <div class="col-10">
+                            <input type="text" class="form-control" name="birthday" id="birthday" th:value="${userAccount.birthday!=null?(#dates.format(userAccount.birthday,'MM-dd-yyyy')):('')}" placeholder="生日MM-dd-yyyy">
+                        </div>
+                    </div>
+                    <div class="form-group row">
+                        <label for="birthday" class="col-2 col-form-label"></label>
+                        <div class="col-10">
+                            <button type="submit" class="btn btn-primary">提交</button>
+                        </div>
+                    </div>
+
+                </form>
+            </div>
+            <div class="col-sm-3">
+
+            </div>
+        </div>
+    </div>
+</section>
+<script src="../static/assets/jquery-3.3.1.min.js"
+        th:src="@{/assets/jquery-3.3.1.min.js}"></script>
+<script src="../static/assets/bootstrap/js/bootstrap.min.js"
+        th:src="@{/assets/bootstrap/js/bootstrap.min.js}"></script>
+<script th:src="@{/assets/localforage.min.js}" src="../static/assets/localforage.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/signIn.html b/src/main/resources/templates/signIn.html
index 8f785cd..4aa76d0 100644
--- a/src/main/resources/templates/signIn.html
+++ b/src/main/resources/templates/signIn.html
@@ -18,7 +18,10 @@
 <section>
     <div class="container mt-5">
         <div class="row">
-            <div class="offset-3 col-6">
+            <div class="col-sm-3">
+
+            </div>
+            <div class="col-sm-6">
                 <form id="signInForm" action="/security_check" method="post" class="form-horizontal">
                     <h3 class="text-center">登录</h3>
                     <div class="form-group">
@@ -42,6 +45,9 @@ <h3 class="text-center">登录</h3>
                     </div>
                 </form>
             </div>
+            <div class="col-sm-3">
+
+            </div>
         </div>
     </div>
 </section>
diff --git a/src/main/resources/templates/signUp.html b/src/main/resources/templates/signUp.html
index fa7cd05..f0d2216 100644
--- a/src/main/resources/templates/signUp.html
+++ b/src/main/resources/templates/signUp.html
@@ -18,7 +18,10 @@
 <section>
     <div class="container mt-5">
         <div class="row">
-            <div class="offset-3 col-6">
+            <div class="col-sm-3">
+
+            </div>
+            <div class="col-sm-6">
                 <form id="signUpForm" action="/signUp" method="post" class="form-horizontal">
                     <h3 class="text-center">注册</h3>
                     <div class="form-group">
@@ -43,6 +46,9 @@ <h3 class="text-center">注册</h3>
                     </div>
                 </form>
             </div>
+            <div class="col-sm-3">
+
+            </div>
         </div>
     </div>
 </section>