diff --git a/src/main/resources/templates/PublicChatRoom.html b/src/main/resources/templates/PublicChatRoom.html
index a8e1650e89683757fbca94574ecb20904f4763cf..c5b856a50fe04c6e01cb3e5460c2e236170cd955 100644
--- a/src/main/resources/templates/PublicChatRoom.html
+++ b/src/main/resources/templates/PublicChatRoom.html
@@ -34,9 +34,9 @@
         <div style="text-align: center;">
             <br>
             <br>
-            <div class="col-md-8">
+            <div class="col-md-8" style="margin-left: 20%">
             </div>
-            <div class="col-md-8" id="conversationDiv">
+            <div class="col-md-8" id="conversationDiv" style="margin-left: 20%">
                 <div class="panel panel-primary">
                     <div class="panel-heading">
                         <div class="panel-title">
@@ -50,8 +50,8 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-8">
-                <form class="form-inline" id="chatForm">
+            <div class="col-md-8" style="margin-left: 20%">
+                <form class="form-inline" id="chatForm" style="margin-bottom: 25%">
                     <div class="form-group">
                         <label for="name">输入名字：</label><input type="text" name="name" id="name" />
                         <label for="text">输入框：</label>
@@ -63,6 +63,148 @@
         </div>
     </div>
 </div>
+<link rel="stylesheet" href="../../static/css/footer.css">
+<div class="footer-box">
+    <div class="footer-container">
+        <div class="footer-service clearfix">
+            <div class="footer-service-item footer-icon-001">
+                <i></i>
+                <span>专注于后端开发</span>
+            </div>
+            <div class="footer-service-item footer-icon-002">
+                <i></i>
+                <span>扎实编程能力</span>
+            </div>
+            <div class="footer-service-item footer-icon-003">
+                <i></i>
+                <span>学习能力强</span>
+            </div>
+            <div class="footer-service-item footer-icon-004">
+                <i></i>
+                <span>掌握多门编程语言</span>
+            </div>
+        </div>
+        <div class="footer-line"></div>
+        <div class="footer-links clearfix">
+            <dl class="footer-article-item">
+                <dt>擅长编程语言</dt>
+                <dd>
+                    <a href="#">Java</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++</a>
+                </dd>
+                <dd>
+                    <a href="#">Python</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>关于开发者</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">CSDN博客</a>
+                </dd>
+                <dd>
+                    <a href="#">专注后端</a>
+                </dd>
+                <dd>
+                    <a href="#">兼为前端</a>
+                </dd>
+                <dd>
+                    <a href="#">数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">专业出身</a>
+                </dd>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">联系我</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>擅长领域</dt>
+                <dd>
+                    <a href="#">Java Web</a>
+                </dd>
+                <dd>
+                    <a href="#">MFC客户端</a>
+                </dd>
+                <dd>
+                    <a href="#">PyQT5</a>
+                </dd>
+                <dd>
+                    <a href="#">Python 数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++ 数据结构</a>
+                </dd>
+                <dd>
+                    <a href="#">Java 后端</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>其他</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">博客地址</a>
+                </dd>
+                <dd>
+                    <a href=" https://github.com/pyc-ycy">Github</a>
+                </dd>
+                <dd>
+                    <a href="https://gitee.com/pengyoucongcode">Gitee</a>
+                </dd>
+            </dl>
+            <dl class="footer-contact-item">
+                <h3>联系我们</h3>
+                <p>150-14366986</p>
+                <div class="footer-ewm">
+                    <img src="images/vm.png" alt="">
+                    <p>关注CSDN博客</p>
+                </div>
+            </dl>
+        </div>
+        <div class="footer-friend">
+            <div class="footer-friend-title">友情链接：</div>
+            <ul class="footer-friend-title-list clearfix">
+                <li>
+                    <a href="http://www.baidu.com" target="_blank">百度一下</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
+                </li>
+                <li>
+                    <a href="https://mvnrepository.com/" target="_blank">Maven中心仓库</a>
+                </li>
+                <li>
+                    <a href="https://www.bilibili.com/" target="_blank">B站</a>
+                </li>
+                <li>
+                    <a href="http://c.biancheng.net/" target="_blank">C语言中文网</a>
+                </li>
+                <li>
+                    <a href="https://www.w3school.com.cn/" target="_blank">W3Cschool</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/linux/linux-tutorial.html" target="_blank">Linux学习</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">Bootstrap学习</a>
+                </li>
+                <li>
+                    <a href="https://cn.vuejs.org/" target="_blank">Vuejs</a>
+                </li>
+            </ul>
+            <a href="#" class="footer-friend-more">更多 >></a>
+        </div>
+        <div class="footer-copyright">
+            <p>© 2017-2021 (彭友聪) 开发，并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: （深圳）律师事务所</p>
+            <p>
+                陆丰市河西街道xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <a href="#">
+                    <img src="images/icon-footer.png" alt="">**网安备 0008899999xxxx号
+                </a>
+            </p>
+        </div>
+    </div>
+</div>
 <script src="js/sockjs.min.js"></script>
 <script src="js/stomp.min.js"></script>
 <script src="js/jquery.js"></script>
diff --git a/src/main/resources/templates/page/AboutEnglish.html b/src/main/resources/templates/page/AboutEnglish.html
index 60974404fb6b27f3908953ef309e12e42b24f02a..6310520884e815e50dcc72a355f2c5d8f3d78d6d 100644
--- a/src/main/resources/templates/page/AboutEnglish.html
+++ b/src/main/resources/templates/page/AboutEnglish.html
@@ -99,7 +99,7 @@
     </div>
 </nav>
 
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行英语学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/AboutLearn.html b/src/main/resources/templates/page/AboutLearn.html
index a985a1389e76a10c7838469f8f8711c1b70c51a3..55241b93050ab7f3b38582afa1a1091bad77c7d4 100644
--- a/src/main/resources/templates/page/AboutLearn.html
+++ b/src/main/resources/templates/page/AboutLearn.html
@@ -99,7 +99,7 @@
     </div>
 </nav>
 
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行计算机编程学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/AboutMath.html b/src/main/resources/templates/page/AboutMath.html
index c247aa5b1107f82cf2c59e40a50c9c7aaca0acfd..e5f417a5070dff7063c01918a2e87f2ec604fd5a 100644
--- a/src/main/resources/templates/page/AboutMath.html
+++ b/src/main/resources/templates/page/AboutMath.html
@@ -99,7 +99,7 @@
     </div>
 </nav>
 
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行数学学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/AboutPhilosophy.html b/src/main/resources/templates/page/AboutPhilosophy.html
index ebcfd2b7f1d4fab19a165f53249868501df5dc64..1ade2d094ee6c0a076545db1227a1c229ee81126 100644
--- a/src/main/resources/templates/page/AboutPhilosophy.html
+++ b/src/main/resources/templates/page/AboutPhilosophy.html
@@ -99,7 +99,7 @@
     </div>
 </nav>
 
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行哲学学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/AddFriend.html b/src/main/resources/templates/page/AddFriend.html
index 4ac3074bb2ee929954bacbcef002ad486133bca9..4367d68d8fa25fd6a47cc0f8479e3a544fb50f48 100644
--- a/src/main/resources/templates/page/AddFriend.html
+++ b/src/main/resources/templates/page/AddFriend.html
@@ -117,7 +117,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/AdminPage.html b/src/main/resources/templates/page/AdminPage.html
index a89a359124cba587f1a17a325a3211f3dc10fe2a..317160c3e0edc1b6c045c69c828770a43a07fecb 100644
--- a/src/main/resources/templates/page/AdminPage.html
+++ b/src/main/resources/templates/page/AdminPage.html
@@ -112,7 +112,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <h2>网站管理菜单</h2>
diff --git a/src/main/resources/templates/page/BrowseFriendInfo.html b/src/main/resources/templates/page/BrowseFriendInfo.html
index 0dfe66cdadfb50a67294d10da6e2ca5428ebfe4c..068eb65b83faa6966dfacce6c0667d529fa41f38 100644
--- a/src/main/resources/templates/page/BrowseFriendInfo.html
+++ b/src/main/resources/templates/page/BrowseFriendInfo.html
@@ -117,7 +117,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/BrowseNews.html b/src/main/resources/templates/page/BrowseNews.html
index d4416258d6c26d103fc5120130bedef9d3a9dcd1..7c8db1e25728d1ecdee914745221070c4c1daae6 100644
--- a/src/main/resources/templates/page/BrowseNews.html
+++ b/src/main/resources/templates/page/BrowseNews.html
@@ -113,7 +113,7 @@
     </div>
 </div>
 <!--页面主体部分-->
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/BrowserQuestion.html b/src/main/resources/templates/page/BrowserQuestion.html
index 0c811e93f49b1899cdab38f105e7ceda42d673cd..5d4e649a6783e6cd18a983b7fc942cf50db24937 100644
--- a/src/main/resources/templates/page/BrowserQuestion.html
+++ b/src/main/resources/templates/page/BrowserQuestion.html
@@ -112,7 +112,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/ChangePWD.html b/src/main/resources/templates/page/ChangePWD.html
index c8055694c966e60a6db9b72d54b0d10bfa2f20ac..3897164f2ee19f58f74692d4268a19f4ae377877 100644
--- a/src/main/resources/templates/page/ChangePWD.html
+++ b/src/main/resources/templates/page/ChangePWD.html
@@ -25,7 +25,7 @@
     </style>
 </head>
 <body>
-<div style="margin: 20% 25%">
+<div style="margin: 6% 25%">
     <div class="starter-template">
         <h1 th:text="${msg.title}"></h1>
         <p class="bg-primary" th:text="${msg.content}"></p>
@@ -61,4 +61,147 @@
         }
     }
 </script>
-</body>
\ No newline at end of file
+<link rel="stylesheet" href="../../static/css/footer.css">
+<div class="footer-box">
+    <div class="footer-container">
+        <div class="footer-service clearfix">
+            <div class="footer-service-item footer-icon-001">
+                <i></i>
+                <span>专注于后端开发</span>
+            </div>
+            <div class="footer-service-item footer-icon-002">
+                <i></i>
+                <span>扎实编程能力</span>
+            </div>
+            <div class="footer-service-item footer-icon-003">
+                <i></i>
+                <span>学习能力强</span>
+            </div>
+            <div class="footer-service-item footer-icon-004">
+                <i></i>
+                <span>掌握多门编程语言</span>
+            </div>
+        </div>
+        <div class="footer-line"></div>
+        <div class="footer-links clearfix">
+            <dl class="footer-article-item">
+                <dt>擅长编程语言</dt>
+                <dd>
+                    <a href="#">Java</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++</a>
+                </dd>
+                <dd>
+                    <a href="#">Python</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>关于开发者</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">CSDN博客</a>
+                </dd>
+                <dd>
+                    <a href="#">专注后端</a>
+                </dd>
+                <dd>
+                    <a href="#">兼为前端</a>
+                </dd>
+                <dd>
+                    <a href="#">数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">专业出身</a>
+                </dd>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">联系我</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>擅长领域</dt>
+                <dd>
+                    <a href="#">Java Web</a>
+                </dd>
+                <dd>
+                    <a href="#">MFC客户端</a>
+                </dd>
+                <dd>
+                    <a href="#">PyQT5</a>
+                </dd>
+                <dd>
+                    <a href="#">Python 数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++ 数据结构</a>
+                </dd>
+                <dd>
+                    <a href="#">Java 后端</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>其他</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">博客地址</a>
+                </dd>
+                <dd>
+                    <a href=" https://github.com/pyc-ycy">Github</a>
+                </dd>
+                <dd>
+                    <a href="https://gitee.com/pengyoucongcode">Gitee</a>
+                </dd>
+            </dl>
+            <dl class="footer-contact-item">
+                <h3>联系我们</h3>
+                <p>150-14366986</p>
+                <div class="footer-ewm">
+                    <img src="images/vm.png" alt="">
+                    <p>关注CSDN博客</p>
+                </div>
+            </dl>
+        </div>
+        <div class="footer-friend">
+            <div class="footer-friend-title">友情链接：</div>
+            <ul class="footer-friend-title-list clearfix">
+                <li>
+                    <a href="http://www.baidu.com" target="_blank">百度一下</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
+                </li>
+                <li>
+                    <a href="https://mvnrepository.com/" target="_blank">Maven中心仓库</a>
+                </li>
+                <li>
+                    <a href="https://www.bilibili.com/" target="_blank">B站</a>
+                </li>
+                <li>
+                    <a href="http://c.biancheng.net/" target="_blank">C语言中文网</a>
+                </li>
+                <li>
+                    <a href="https://www.w3school.com.cn/" target="_blank">W3Cschool</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/linux/linux-tutorial.html" target="_blank">Linux学习</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">Bootstrap学习</a>
+                </li>
+                <li>
+                    <a href="https://cn.vuejs.org/" target="_blank">Vuejs</a>
+                </li>
+            </ul>
+            <a href="#" class="footer-friend-more">更多 >></a>
+        </div>
+        <div class="footer-copyright">
+            <p>© 2017-2021 (彭友聪) 开发，并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: （深圳）律师事务所</p>
+            <p>
+                陆丰市河西街道xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <a href="#">
+                    <img src="images/icon-footer.png" alt="">**网安备 0008899999xxxx号
+                </a>
+            </p>
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/page/English.html b/src/main/resources/templates/page/English.html
index f80200ee5970f409bfe150f71868dfd1721fd5b2..4380c85725da7f1264f7df0105f070ba59baa26c 100644
--- a/src/main/resources/templates/page/English.html
+++ b/src/main/resources/templates/page/English.html
@@ -101,7 +101,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行英语学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/FeedBack.html b/src/main/resources/templates/page/FeedBack.html
index f4c336a88fdb07454ad4dc94c606ebf6262f2718..e48c386757802b8b84176d1e77615d36c520b51e 100644
--- a/src/main/resources/templates/page/FeedBack.html
+++ b/src/main/resources/templates/page/FeedBack.html
@@ -114,7 +114,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/Help.html b/src/main/resources/templates/page/Help.html
index f52480ab15e4583b5ee4f5ed60d9e90e00161fdd..7715e470854a9897c11e35837e8d74cd7e01f569 100644
--- a/src/main/resources/templates/page/Help.html
+++ b/src/main/resources/templates/page/Help.html
@@ -114,7 +114,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/Home.html b/src/main/resources/templates/page/Home.html
index 2bd50391f7f5d1768f9fa1104d252c36492dc458..d8ee861d896ae32bbdacc618635d40f6e425bd74 100644
--- a/src/main/resources/templates/page/Home.html
+++ b/src/main/resources/templates/page/Home.html
@@ -168,7 +168,7 @@
     </div>
     <div class="banner-nav-bg"></div>
 </div>
-<div class="container">
+<div class="container" style="margin-top: 5%">
     <div class="row">
         <div class="col-sm-4">
             <h3>学校属性</h3>
diff --git a/src/main/resources/templates/page/ImportGrade.html b/src/main/resources/templates/page/ImportGrade.html
index 521d516649e81ee6d9e9cdb4639540c866017b96..95950cb20a5872cc3874460aaa807138faa97c9b 100644
--- a/src/main/resources/templates/page/ImportGrade.html
+++ b/src/main/resources/templates/page/ImportGrade.html
@@ -120,7 +120,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <h2>网站管理菜单</h2>
diff --git a/src/main/resources/templates/page/Index.html b/src/main/resources/templates/page/Index.html
index b268f9c479bae035cedf7dc7da828e8974c26bc8..3e0788cf27d284ae77761780e8d1b4bccd9142cb 100644
--- a/src/main/resources/templates/page/Index.html
+++ b/src/main/resources/templates/page/Index.html
@@ -162,7 +162,7 @@
     </div>
     <div class="banner-nav-bg"></div>
 </div>
-<div class="container">
+<div class="container" style="margin-top: 5%">
     <div class="row">
         <div class="col-sm-4">
             <h3>学校属性</h3>
diff --git a/src/main/resources/templates/page/Learn.html b/src/main/resources/templates/page/Learn.html
index 3f2ba8147f1d04e6efc9d04bd920ef86993275af..970eb04c74a707a3eff4778956da77dd37303348 100644
--- a/src/main/resources/templates/page/Learn.html
+++ b/src/main/resources/templates/page/Learn.html
@@ -101,7 +101,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行计算机编程学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/ManageUser.html b/src/main/resources/templates/page/ManageUser.html
index 6b1129c7d03684cfee64b41788ceaf909d968c0a..f5a4b853392ca181723974858e90499cb38d0433 100644
--- a/src/main/resources/templates/page/ManageUser.html
+++ b/src/main/resources/templates/page/ManageUser.html
@@ -117,7 +117,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <h2>网站管理菜单</h2>
diff --git a/src/main/resources/templates/page/Math.html b/src/main/resources/templates/page/Math.html
index 4d9c46c95bdd7d1cf80230026060950944bae724..1e5a87dc2acf4e3b6c39732970f6858396b0d030 100644
--- a/src/main/resources/templates/page/Math.html
+++ b/src/main/resources/templates/page/Math.html
@@ -101,7 +101,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行数学学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/MyFriend.html b/src/main/resources/templates/page/MyFriend.html
index e4a65b99de9ed7d1aa5d571b0e745cd3876c550b..659b4b63ff1409bf4fcfefd575da91348359d565 100644
--- a/src/main/resources/templates/page/MyFriend.html
+++ b/src/main/resources/templates/page/MyFriend.html
@@ -121,7 +121,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/Philosophy.html b/src/main/resources/templates/page/Philosophy.html
index 7bf16ca840be06d3e2d824d4d7f81847f83539b2..168fac82946377cc41034473fb328ec8c94a865f 100644
--- a/src/main/resources/templates/page/Philosophy.html
+++ b/src/main/resources/templates/page/Philosophy.html
@@ -101,7 +101,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <p>当前页面是一些进行哲学学习时，经常使用到的网站的介绍</p>
diff --git a/src/main/resources/templates/page/PrivateChat.html b/src/main/resources/templates/page/PrivateChat.html
index 35dc12f252e68758a551c7717165524e1b248b82..6ef69caa6b4824ace5f6933d5213942dd664bcf1 100644
--- a/src/main/resources/templates/page/PrivateChat.html
+++ b/src/main/resources/templates/page/PrivateChat.html
@@ -22,10 +22,10 @@
     <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
 </head>
 <body>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div style="text-align: center;">
-            <div class="col-md-8">
+            <div class="col-md-8" style="margin-left: 20%">
                 <div class="panel panel-primary">
                     <div class="panel-heading">
                         <div class="panel-title">
@@ -38,7 +38,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-8">
+            <div class="col-md-8" style="margin-left: 20%">
                 <div class="panel panel-primary">
                     <div class="panel-heading">
                         <div class="panel-title" th:text="${toName}">
@@ -51,7 +51,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-8">
+            <div class="col-md-8" style="margin-left: 20%">
                 <form class="form-inline" id="chatForm">
                     <div class="form-group">
                         <label for="text">输入框：</label>
@@ -63,6 +63,148 @@
         </div>
     </div>
 </div>
+<link rel="stylesheet" href="../../static/css/footer.css">
+<div class="footer-box">
+    <div class="footer-container">
+        <div class="footer-service clearfix">
+            <div class="footer-service-item footer-icon-001">
+                <i></i>
+                <span>专注于后端开发</span>
+            </div>
+            <div class="footer-service-item footer-icon-002">
+                <i></i>
+                <span>扎实编程能力</span>
+            </div>
+            <div class="footer-service-item footer-icon-003">
+                <i></i>
+                <span>学习能力强</span>
+            </div>
+            <div class="footer-service-item footer-icon-004">
+                <i></i>
+                <span>掌握多门编程语言</span>
+            </div>
+        </div>
+        <div class="footer-line"></div>
+        <div class="footer-links clearfix">
+            <dl class="footer-article-item">
+                <dt>擅长编程语言</dt>
+                <dd>
+                    <a href="#">Java</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++</a>
+                </dd>
+                <dd>
+                    <a href="#">Python</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>关于开发者</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">CSDN博客</a>
+                </dd>
+                <dd>
+                    <a href="#">专注后端</a>
+                </dd>
+                <dd>
+                    <a href="#">兼为前端</a>
+                </dd>
+                <dd>
+                    <a href="#">数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">专业出身</a>
+                </dd>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">联系我</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>擅长领域</dt>
+                <dd>
+                    <a href="#">Java Web</a>
+                </dd>
+                <dd>
+                    <a href="#">MFC客户端</a>
+                </dd>
+                <dd>
+                    <a href="#">PyQT5</a>
+                </dd>
+                <dd>
+                    <a href="#">Python 数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++ 数据结构</a>
+                </dd>
+                <dd>
+                    <a href="#">Java 后端</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>其他</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">博客地址</a>
+                </dd>
+                <dd>
+                    <a href=" https://github.com/pyc-ycy">Github</a>
+                </dd>
+                <dd>
+                    <a href="https://gitee.com/pengyoucongcode">Gitee</a>
+                </dd>
+            </dl>
+            <dl class="footer-contact-item">
+                <h3>联系我们</h3>
+                <p>150-14366986</p>
+                <div class="footer-ewm">
+                    <img src="images/vm.png" alt="">
+                    <p>关注CSDN博客</p>
+                </div>
+            </dl>
+        </div>
+        <div class="footer-friend">
+            <div class="footer-friend-title">友情链接：</div>
+            <ul class="footer-friend-title-list clearfix">
+                <li>
+                    <a href="http://www.baidu.com" target="_blank">百度一下</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
+                </li>
+                <li>
+                    <a href="https://mvnrepository.com/" target="_blank">Maven中心仓库</a>
+                </li>
+                <li>
+                    <a href="https://www.bilibili.com/" target="_blank">B站</a>
+                </li>
+                <li>
+                    <a href="http://c.biancheng.net/" target="_blank">C语言中文网</a>
+                </li>
+                <li>
+                    <a href="https://www.w3school.com.cn/" target="_blank">W3Cschool</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/linux/linux-tutorial.html" target="_blank">Linux学习</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">Bootstrap学习</a>
+                </li>
+                <li>
+                    <a href="https://cn.vuejs.org/" target="_blank">Vuejs</a>
+                </li>
+            </ul>
+            <a href="#" class="footer-friend-more">更多 >></a>
+        </div>
+        <div class="footer-copyright">
+            <p>© 2017-2021 (彭友聪) 开发，并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: （深圳）律师事务所</p>
+            <p>
+                陆丰市河西街道xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <a href="#">
+                    <img src="images/icon-footer.png" alt="">**网安备 0008899999xxxx号
+                </a>
+            </p>
+        </div>
+    </div>
+</div>
 <script th:inline="javascript">
     $('#chatForm').submit(function (e) {
         e.preventDefault();
diff --git a/src/main/resources/templates/page/PublishNews.html b/src/main/resources/templates/page/PublishNews.html
index 3da568d43ba79a1d924a627001285c3975fc41bc..1b8545376afed88a32c58bf98d3f2a07859b140c 100644
--- a/src/main/resources/templates/page/PublishNews.html
+++ b/src/main/resources/templates/page/PublishNews.html
@@ -114,7 +114,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <h2>网站管理菜单</h2>
diff --git a/src/main/resources/templates/page/PublishQuestion.html b/src/main/resources/templates/page/PublishQuestion.html
index 1c4b90bf1172c13a235877ebffd1e850d8a40622..6937e752a756720bbd61dbd726aec69b9cbaa033 100644
--- a/src/main/resources/templates/page/PublishQuestion.html
+++ b/src/main/resources/templates/page/PublishQuestion.html
@@ -120,7 +120,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <h2>网站管理菜单</h2>
diff --git a/src/main/resources/templates/page/QueryGrade.html b/src/main/resources/templates/page/QueryGrade.html
index 0f8d74af6c526cf7b5dbd762b82e719531e8ec79..94c5266b4b7f8f2ee317f5b03c4cdca8243ca942 100644
--- a/src/main/resources/templates/page/QueryGrade.html
+++ b/src/main/resources/templates/page/QueryGrade.html
@@ -116,7 +116,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/UpQuestion.html b/src/main/resources/templates/page/UpQuestion.html
index 647928441e67e9b01c870cb318a77e3b3a621f00..7d6dde8b595a81903b87263978df34d90ff865b3 100644
--- a/src/main/resources/templates/page/UpQuestion.html
+++ b/src/main/resources/templates/page/UpQuestion.html
@@ -120,7 +120,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/UpdateUserInfo.html b/src/main/resources/templates/page/UpdateUserInfo.html
index 98de8e06a8814246c6cca1460f8de396dece8b26..b5ece104d3cc6566c59f87dd9c976a2af6a1237d 100644
--- a/src/main/resources/templates/page/UpdateUserInfo.html
+++ b/src/main/resources/templates/page/UpdateUserInfo.html
@@ -18,7 +18,7 @@
     </style>
 </head>
 <body>
-<div style="margin: 20% 25%">
+<div style="margin: 5% 25%">
     <p th:if="${param.error}" class="bg-danger">有错误，请重试！</p>
     <div class="starter-template">
         <h1 th:text="${msg.title}"></h1>
@@ -60,4 +60,147 @@
         }
     </script>
 </div>
-</body>
\ No newline at end of file
+<link rel="stylesheet" href="../../static/css/footer.css">
+<div class="footer-box">
+    <div class="footer-container">
+        <div class="footer-service clearfix">
+            <div class="footer-service-item footer-icon-001">
+                <i></i>
+                <span>专注于后端开发</span>
+            </div>
+            <div class="footer-service-item footer-icon-002">
+                <i></i>
+                <span>扎实编程能力</span>
+            </div>
+            <div class="footer-service-item footer-icon-003">
+                <i></i>
+                <span>学习能力强</span>
+            </div>
+            <div class="footer-service-item footer-icon-004">
+                <i></i>
+                <span>掌握多门编程语言</span>
+            </div>
+        </div>
+        <div class="footer-line"></div>
+        <div class="footer-links clearfix">
+            <dl class="footer-article-item">
+                <dt>擅长编程语言</dt>
+                <dd>
+                    <a href="#">Java</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++</a>
+                </dd>
+                <dd>
+                    <a href="#">Python</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>关于开发者</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">CSDN博客</a>
+                </dd>
+                <dd>
+                    <a href="#">专注后端</a>
+                </dd>
+                <dd>
+                    <a href="#">兼为前端</a>
+                </dd>
+                <dd>
+                    <a href="#">数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">专业出身</a>
+                </dd>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">联系我</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>擅长领域</dt>
+                <dd>
+                    <a href="#">Java Web</a>
+                </dd>
+                <dd>
+                    <a href="#">MFC客户端</a>
+                </dd>
+                <dd>
+                    <a href="#">PyQT5</a>
+                </dd>
+                <dd>
+                    <a href="#">Python 数据分析</a>
+                </dd>
+                <dd>
+                    <a href="#">C/C++ 数据结构</a>
+                </dd>
+                <dd>
+                    <a href="#">Java 后端</a>
+                </dd>
+            </dl>
+            <dl class="footer-article-item">
+                <dt>其他</dt>
+                <dd>
+                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">博客地址</a>
+                </dd>
+                <dd>
+                    <a href=" https://github.com/pyc-ycy">Github</a>
+                </dd>
+                <dd>
+                    <a href="https://gitee.com/pengyoucongcode">Gitee</a>
+                </dd>
+            </dl>
+            <dl class="footer-contact-item">
+                <h3>联系我们</h3>
+                <p>150-14366986</p>
+                <div class="footer-ewm">
+                    <img src="images/vm.png" alt="">
+                    <p>关注CSDN博客</p>
+                </div>
+            </dl>
+        </div>
+        <div class="footer-friend">
+            <div class="footer-friend-title">友情链接：</div>
+            <ul class="footer-friend-title-list clearfix">
+                <li>
+                    <a href="http://www.baidu.com" target="_blank">百度一下</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
+                </li>
+                <li>
+                    <a href="https://mvnrepository.com/" target="_blank">Maven中心仓库</a>
+                </li>
+                <li>
+                    <a href="https://www.bilibili.com/" target="_blank">B站</a>
+                </li>
+                <li>
+                    <a href="http://c.biancheng.net/" target="_blank">C语言中文网</a>
+                </li>
+                <li>
+                    <a href="https://www.w3school.com.cn/" target="_blank">W3Cschool</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/linux/linux-tutorial.html" target="_blank">Linux学习</a>
+                </li>
+                <li>
+                    <a href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">Bootstrap学习</a>
+                </li>
+                <li>
+                    <a href="https://cn.vuejs.org/" target="_blank">Vuejs</a>
+                </li>
+            </ul>
+            <a href="#" class="footer-friend-more">更多 >></a>
+        </div>
+        <div class="footer-copyright">
+            <p>© 2017-2021 (彭友聪) 开发，并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: （深圳）律师事务所</p>
+            <p>
+                陆丰市河西街道xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <a href="#">
+                    <img src="images/icon-footer.png" alt="">**网安备 0008899999xxxx号
+                </a>
+            </p>
+        </div>
+    </div>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/src/main/resources/templates/page/UserCenter.html b/src/main/resources/templates/page/UserCenter.html
index 9e066c9671b47101c89bb7224f27234da0cc90c2..0a0f9d64e0160828199c1fe0360e094d61e44980 100644
--- a/src/main/resources/templates/page/UserCenter.html
+++ b/src/main/resources/templates/page/UserCenter.html
@@ -117,7 +117,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%; margin-top: 5%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">
diff --git a/src/main/resources/templates/page/VerifyFriend.html b/src/main/resources/templates/page/VerifyFriend.html
index 6f09a3ff488d622a817f4aa5c5401c5ef206ca7a..b42bc6835656f2ca388c9674614e0b6c394e5d78 100644
--- a/src/main/resources/templates/page/VerifyFriend.html
+++ b/src/main/resources/templates/page/VerifyFriend.html
@@ -119,7 +119,7 @@
         </ul>
     </div>
 </div>
-<div class="container">
+<div class="container" style="margin-bottom: 10%">
     <div class="row">
         <div class="col-sm-4">
             <ul class="nav nav-pills nav-stacked">