diff --git a/donate.html b/donate.html
index 9c76acf..7d016aa 100644
--- a/donate.html
+++ b/donate.html
@@ -3,8 +3,54 @@
 <head>
     <meta charset="UTF-8">
     <title>捐赠页面</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link rel="stylesheet" href="lib/layui/css/layui.css">
+    <link rel="stylesheet" href="css/scroll-bar.css">
+    <link rel="stylesheet" href="css/sub-page.css">
 </head>
 <body>
-    <h1>捐赠页面，待开发...</h1>
+<div class="ok-body">
+    <!--面包屑导航区域-->
+    <div class="ok-body-breadcrumb">
+            <span class="layui-breadcrumb">
+                <a><cite>首页</cite></a>
+                <a><cite>常用页面</cite></a>
+                <a><cite>捐赠页面</cite></a>
+            </span>
+        <a class="layui-btn layui-btn-small" href="javascript:location.replace(location.href);" title="刷新">
+            <i class="layui-icon layui-icon-refresh"></i>
+        </a>
+    </div>
+    <table class="layui-table">
+        <colgroup>
+            <col width="250">
+            <col width="250">
+            <col width="250">
+            <col>
+        </colgroup>
+        <thead>
+        <tr>
+            <th>ID</th>
+            <th>用户</th>
+            <th>金额</th>
+            <th>时间</th>
+        </tr>
+        </thead>
+        <tbody>
+        <tr>
+            <td>001</td>
+            <td>*继明</td>
+            <td>￥3.80</td>
+            <td>2018-07-16</td>
+        </tr>
+        </tbody>
+    </table>
+</div>
+<script src="lib/layui/layui.js"></script>
+<script>
+    layui.use(['element', 'layer'], function () {
+        layer.alert("谢谢各位大佬的支持！</br>您的肯定是我前进的动力，O(∩_∩)O谢谢~", {icon: 6, time: 3000, title: '感谢', anim: 1});
+    });
+</script>
 </body>
 </html>
\ No newline at end of file
