diff --git a/index.html b/index.html
index 4ad03f4..0cb1a53 100644
--- a/index.html
+++ b/index.html
@@ -1,21 +1,58 @@
 <!doctype html>
-<html>
+<html lang="zh-CN" class="mdui-theme-auto" style="height: 100%;">
 
 <head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
+	<meta name="renderer" content="webkit" />
+
+	<link rel="stylesheet" href="https://unpkg.com/mdui@2/mdui.css">
+	<script src="https://unpkg.com/mdui@2/mdui.global.js"></script>
+	<!-- 如果使用了组件的 icon 属性，还需要引入图标的 CSS 文件 -->
+
 	<title>Hmtsai's Website</title>
-	<link rel="stylesheet" href="./index.css" />
+
+	<style>
+		.wcol {
+			height: 5px;
+		}
+	</style>
 </head>
 
-<body>
-	<div id="naviBar">
-		<a href="#">Hmtsai's Website</a>
-		<a href="blog.hmtsai.cn">Blog</a>
-		<a href="git.hmtsai.cn/hmtsai">Gitea</a>
-	</div>
+<body style="height: 100%;">
+	<mdui-top-app-bar style="position: relative;">
+		<mdui-top-app-bar-title>Hmtsai's Website</mdui-top-app-bar-title>
+		<div style="flex-grow: 1"></div>
+		<mdui-button variant="text" href="http://blog.hmtsai.cn">Blog</mdui-button>
+		<mdui-button variant="text" href="http://git.hmtsai.cn">Gitea</mdui-button>
+	</mdui-top-app-bar>
 
-	<div id="content">
-		<h1 style="text-align: center;">Welcome to Hmtsai's Website</h1>
-	</div>
+	<h2>Websites</h2>
+	<div class="wcol"></div>
+	<mdui-divider> </mdui-divider>
+	<mdui-card clickable variant="elevated" style="width: 100%;height: 20%" href="http://blog.hmtsai.cn">
+		<h3 style="text-align:center;">Hmtsai's Blog</h3>
+		<mdui-divider></mdui-divider>
+		<p style="text-align: center;">Read more.</p>
+	</mdui-card>
+	<mdui-card clickable variant="elevated" style="width: 100%;height: 20%" href="http://git.hmtsai.cn">
+		<h3 style="text-align:center;">Hmtsai Gitea</h3>
+		<mdui-divider></mdui-divider>
+		<p style="text-align: center;">Read more</p>
+	</mdui-card>
+
+	<h2>Projects</h2>
+	<mdui-divider></mdui-divider>
+	<div class="wcol"></div>
+	<p style="text-align: center;">Nothing...</p>
+
+	<br />
+	<br />
+	<br />
+	<br />
+	<p style="text-align:auto;">This Page's Source Code in <a
+			href="http://git.hmtsai.cn/hmtsai/hmtsai-cn-index-page">Here</a>
+	</p>
 </body>
 
 </html>
