diff --git a/api/services/WeixinService.js b/api/services/WeixinService.js
index ea41255..1aba200 100644
--- a/api/services/WeixinService.js
+++ b/api/services/WeixinService.js
@@ -13,6 +13,8 @@ var WeixinService = {
 
         } else if (message.MsgType === 'image') {
             return this.processImage(message, callback);
+        } else if (message.MsgType === 'event') {
+            return callback(null, constants.reply.help);
         } else {
             callback(null, constants.reply.unKnown);
         }
diff --git a/assets/styles/common.css b/assets/styles/common.css
index 4d64735..2075924 100644
--- a/assets/styles/common.css
+++ b/assets/styles/common.css
@@ -1,7 +1,3 @@
-body {
-    overflow: hidden;
-    background-color: #1f8dd6;
-}
 
 a {
     text-decoration: none;
@@ -29,22 +25,25 @@ h1 a {
 }
 
 .main-container {
-    width: 88%;
-    padding: 10px;
+    width: 100%;
     color: #ffffff;
-    margin: 15px auto 0;
+    margin: 0 auto;
     overflow: hidden;
 }
 
-.main-container ul {
-    margin-left: 0px;
+
+.main-container .content {
+    margin: 0px auto;
+    width: 92%;
 }
 
+
+
 .main-container .content li {
     font-size: 4em;
     text-shadow: 0px 1px 1px #111;
     z-index: 100;
-    line-height: 160%;
+    line-height: 150%;
 }
 
 .main-container .content li p {
@@ -90,7 +89,7 @@ h1 a {
     max-width: 80px;
     border-radius: 50%;
     border: 5px solid white;
-    margin-top: 0;
+    margin-top: 15px;
     box-shadow: 0 0 15px #000
 }
 
@@ -99,7 +98,6 @@ h1 a {
 }
 
 .footer {
-    background: rgba(29, 59, 80, 0.6);
     position: fixed;
     bottom: 0;
     font-size: 14px;
@@ -111,21 +109,19 @@ h1 a {
 }
 
 .footer a {
-    color: #ffffff;
+    color: #333;
     margin-left: 40px;
 }
 
 .sohub {
-    margin-top: 50px;
+    margin: 25% auto 0;
     text-align: center;
     font-family: 'Cherry Swash', cursive;
 }
 
 .sohub h1 {
     margin-bottom: 1em;
-    font-size: 85px;
-    font-family: 'UnifrakturMaguntia', cursive;
-
+    font-size: 110px;
 }
 
 .big-screen-container .progress {
diff --git a/public/css/slide.css b/public/css/slide.css
new file mode 100644
index 0000000..e3065cd
--- /dev/null
+++ b/public/css/slide.css
@@ -0,0 +1,8 @@
+body {
+    overflow: hidden;
+    background-color: #1f8dd6;
+}
+
+.footer a{
+    color: #ffffff;
+}
\ No newline at end of file
diff --git a/public/images/qrcode.jpg b/public/images/qrcode.jpg
new file mode 100644
index 0000000..36153d6
Binary files /dev/null and b/public/images/qrcode.jpg differ
diff --git a/views/home/index.ejs b/views/home/index.ejs
index e6b1683..4d7ca32 100644
--- a/views/home/index.ejs
+++ b/views/home/index.ejs
@@ -1,10 +1,13 @@
-<link href='http://fonts.googleapis.com/css?family=Cherry+Swash|UnifrakturMaguntia' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Cherry+Swash|Arapey:400italic' rel='stylesheet' type='text/css'>
 
-<div class="hero-unit sohub">
+<div class="sohub">
   <h1>Sohub</h1>
   <p>
-    <a class="btn btn-primary btn-large" href="/message">
-      Show me the sohub!
+    <a class="btn btn-success btn-large" href="/message">
+      Show me one!
     </a>
   </p>
+  <div class="qrcode">
+    <img src="/images/qrcode.jpg" title="请使用微信扫描我">
+  </div>
 </div>
\ No newline at end of file
diff --git a/views/message/view.ejs b/views/message/view.ejs
index 59d4c47..87519eb 100644
--- a/views/message/view.ejs
+++ b/views/message/view.ejs
@@ -1,3 +1,5 @@
+<link rel="stylesheet" href="/css/slide.css">
+
 <div class="alert alert-success" style="display:none">
   请使用微信添加公众账号：go_serv, 发布文字和图片消息
 </div>