diff --git a/_layouts/default.html b/_layouts/default.html
index 4a0a1ce..0bc6ff9 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -2,11 +2,13 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <title>ハチイチ忘年会</title>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="//cdn.muicss.com/mui-0.2.8/css/mui.min.css" rel="stylesheet" type="text/css" />
     <link href="/assets/css/style.css" rel="stylesheet" type="text/css" />
     <script src="//cdn.muicss.com/mui-0.2.8/js/mui.min.js"></script>
+    <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon-96x96.png">
   </head>
   <body>
     <header class="mui-appbar mui--z1">
@@ -16,7 +18,8 @@
             <td class="mui--text-title"><h1>ハチイチ忘年会</h1></td>
             <td align="right">
               <ul class="mui-list--inline mui--text-body2">
-                <li><a href="#">About</a></li>
+                <li><a href="https://atnd.org/events/71794" target="_blank">ATND</a></li>
+                <li><a href="https://github.com/1981s" target="_blank">GitHub</a></li>
               </ul>
             </td>
           </tr>
@@ -24,11 +27,7 @@
       </div>
     </header>
     <div id="content-wrapper" class="mui--text-center">
-      <div class="mui--appbar-height"></div>
-      <br /><br />
-      <div class="mui--text-display3">ハチイチ忘年会 #1981s</div>
-      <br /><br />
-      <button class="mui-btn mui-btn--raised">Get started!</button>
+      {{ content }}
     </div>
     <footer>
       <div class="mui-container mui--text-center">
diff --git a/assets/css/style.css b/assets/css/style.css
index c89a06e..2408602 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -30,6 +30,24 @@ header {
   z-index: 2;
 }
 
+a {
+  color:#000f9f;
+  text-decoration:none;
+}
+
+.mui-btn--primary {
+  background-color:#000f9f;
+}
+
+.mui-btn--primary a{
+  color:#fff;
+  text-decoration:none;
+}
+
+.mui-appbar {
+  background-color:#000f9f;
+}
+
 header ul.mui-list--inline {
   margin-bottom: 0;
 }
@@ -49,18 +67,20 @@ header a:hover {
 
 #content-wrapper {
   min-height: 100%;
-
+  max-width:960px;
+  margin-right:auto;
+  margin-left:auto;
   /* sticky footer */
   margin-bottom: -100px;
   padding-bottom: 100px;
 }
 
-
 /**
  * Footer CSS
  */
 
 footer {
+  margin-top:2em;
   height: 100px;
   background-color: #eee;
   border-top: 1px solid #e0e0e0;
diff --git a/assets/favicon-96x96.png b/assets/favicon-96x96.png
new file mode 100644
index 0000000..5126f10
Binary files /dev/null and b/assets/favicon-96x96.png differ
diff --git a/assets/images/09.jpg b/assets/images/09.jpg
new file mode 100644
index 0000000..b7b53d6
Binary files /dev/null and b/assets/images/09.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bf9d533
--- /dev/null
+++ b/index.html
@@ -0,0 +1,49 @@
+---
+layout: default
+---
+
+<div class="mui--appbar-height"></div>
+<br /><br />
+<div><p class="mui--text-display2">ハチイチ忘年会#09</p>
+  <p class="mui--text-display3">2015年12月5日開催！</p>
+</div>
+<div class="mui-panel" style="width:90%;margin:2em auto;">
+  <img src="/assets/images/09.jpg" width="100%" />
+</div>
+<a class="mui-btn mui-btn--large mui-btn--raised mui-btn--primary" href="https://atnd.org/events/71794" target="_blank">
+  <b>ANTDイベントページへ</b>
+</a>
+<br /><br />
+<hr />
+
+<p>
+  ハチイチ忘年会は 1981年生 のWeb・IT系エンジニアの人達が「幹事をする」 忘年会です。
+</p>
+<p>
+  インターネットが好きな人達が年末に集まってワイワイ楽しむ会なので、81生まれの人もそうでない方も 、エンジニアだけではなくディレクターの人もデザイナーの方も経営者の方も諸々、是非いらしてください！
+</p>
+
+<hr />
+
+<h2>過去の忘年会の様子</h2>
+
+<ul style="list-style:none;padding-left:0;">
+  <li><a href="https://atnd.org/events/58716">ハチイチ忘年会#08 #1981s : ATND</a></li>
+  <li><a href="http://atnd.org/events/45189">ハチイチ忘年会#07 #1981s : ATND</a></li>
+  <li><a href="http://blog.yusuke.be/entry/2013/12/09/024600" rel="nofollow">ハチイチ忘年会第7回目をやってきた！ #1981s - ゆーすけべー日記</a></li>
+  <li><a href="http://atnd.org/events/33940">1981年生忘年会#6 #1981s : ATND</a></li>
+  <li><a href="http://atnd.org/events/22394">1981年生忘年会#5 #1981s : ATND</a></li>
+  <li><a href="http://atnd.org/events/22394">1981年生忘年会#5 #1981s : ATND</a></li>
+  <li><a href="http://atnd.org/events/9467">1981年生忘年会#4 : ATND</a></li>
+  <li><a href="http://blog.yusuke.be/entry/2009/12/19/175801" rel="nofollow">1981年生忘年会#3 雑感 - ゆーすけべー日記</a></li>
+  <li><a href="http://blog.yusuke.be/entry/2008/12/29/094015" rel="nofollow">1981s忘年会#2 所感＋簡易レポート＋出会った人達 「たまごもあるよ！」 - ゆーすけべー日記</a></li>
+  <li><a href="http://atnd.org/events/202">1981s忘年会#2 : ATND</a></li>
+  <li><a href="http://blog.yusuke.be/entry/2007/12/23/074846" rel="nofollow">1981s 第1回 忘年オフ会 スペシャル - ゆーすけべー日記</a></li>
+</ul>
+
+<hr />
+
+<h2>ハッシュタグ <code>#1981s</code></h2>
+
+<a class="twitter-timeline" width="520" href="https://twitter.com/hashtag/1981s" data-widget-id="672965606182805505">#1981s のツイート</a>
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
diff --git a/index.md b/index.md
deleted file mode 100644
index 9936081..0000000
--- a/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: default
----
-
-てぷこ
