diff --git a/public/index.html b/public/index.html
index 26de655..01b1842 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,6 +11,9 @@
   		gtag('config', 'UA-127197700-1');
 	</script>
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
+    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
+    <link rel="stylesheet" href="style.css" media="all">
+
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Go Conference 2018 Autumn</title>
     <style>
@@ -20,74 +23,79 @@
     </style>
   </head>
   <body>
-    <h1>Go Conference 2018 Autumn</h1>
-    <p>
+    <h1 id="top-title">Go Conference 2018 Autumn</h1>
+    <p class="preface">
         Conference of <a href="https://golang.org">programming language Go</a> in Tokyo.
     </p>
 
-    <table border="1">
+    <table border="1" class="mdl-data-table preface">
         <tr><th>Date</th><th>Venue</th></tr>
         <tr><td>2018/11/25 (Sun)</td><td>Google Tokyo<br>Roppongi Hills Mori Tower, 6-10-1 Roppongi, Minato-ku, Tokyo, Japan</td></tr>
     </table>
 
-    <h1>Keynote Speaker</h1>
-    <h2>Steven Buss</h2>
-    <img alt="Steven Buss" src="StevenBuss053.jpg">
-    <p>
-        Steven maintains the Go runtime for App Engine Standard, 
-        and recently launched a new runtime for Go 1.11 
-        which removes the limitations of the old platform.
-        He's been at Google for two and a half years. 
-        He previously worked at a computational genomics startup and at Amazon.
-        He primarily writes C++ and Go at Google, and Python and Go in his free time. 
-        You can find him at <a href="http://github.com/sbuss">http://github.com/sbuss</a>.
-    </p>
+    <div id="main-contents">
+      <h4 class="contents-header">Keynote Speaker</h4>
+      <div class="demo-card-wide mdl-card mdl-shadow--2dp">
+        <div class="mdl-card__title">
+          <div class="mdl-card__title-text">Steven Buss</div>
+        </div>
 
-	<h1>Call for Presentations</h1>
-    <p>
-        We need your talk. Please <a href="https://goo.gl/forms/HI0WG0d5ovvcN0tm1">submit</a> your talk. 
-    </p>
+        <div class="mdl-card__supporting-text">
+            Steven maintains the Go runtime for App Engine Standard,
+            and recently launched a new runtime for Go 1.11
+            which removes the limitations of the old platform.
+            He's been at Google for two and a half years.
+            He previously worked at a computational genomics startup and at Amazon.
+            He primarily writes C++ and Go at Google, and Python and Go in his free time.
+            You can find him at <a href="http://github.com/sbuss">http://github.com/sbuss</a>.
+        </div>
+      </div>
+	  <h4 class="contents-header">Call for Presentations</h4>
+      <p class="message-contents">
+          We need your talk. Please <a href="https://goo.gl/forms/HI0WG0d5ovvcN0tm1">submit</a> your talk.
+      </p>
 
-    <h1>Schedule</h1>
-    <ul>
-        <li>Oct 10th: Open CFP</li>
-        <li>Oct 30th: Close CFP</li>
-        <li>Nov 1st: Open Registration</li>
-        <li>Nov 25th: Go Conference 2018 Autumn</li>
-    </ul>
+      <h4 class="contents-header">Schedule</h4>
+      <ul>
+          <li>Oct 10th: Open CFP</li>
+          <li>Oct 30th: Close CFP</li>
+          <li>Nov 1st: Open Registration</li>
+          <li>Nov 25th: Go Conference 2018 Autumn</li>
+      </ul>
 
-    <h1>Sponsors</h1>
-    <p>
-        If you are interested in helping the conference as a sponsor,
+      <h4 class="contents-header">Sponsors</h4>
+      <p class="message-contents">
+          If you are interested in helping the conference as a sponsor,
         please contat us via <a href="https://goo.gl/forms/TWNDVOzGQOsrvRRv1">this form</a>.
-    </p>
+      </p>
 
-    <h1>Time Table</h1>
-    <table border="1">
-        <tr><th>Time</th><th>Room A</th><th>Room B</th><th>Room C</th></tr>
-        <tr><td>09:30 -</td><td colspan="3">Open</td></tr>
-        <tr><td>10:00 - 10:10</td><td>Opening Talk</td><td>-</td><td>-</td></tr>
-        <tr><td>10:10 - 11:00</td><td>Keynote</td><td>-</td><td>-</td></tr>
-        <tr><td>11:00 - 11:10</td><td colspan="3">Break</td></tr>
-        <tr><td>11:10 - 11:30</td><td>Sponsor Session 1</td><td>-</td><td rowspan="2">Handson<br>for Beginners</td></tr>
-        <tr><td>11:30 - 11:50</td><td>Sponsor Session 2</td><td>-</td></tr>
-        <tr><td>11:50 - 13:20</td><td colspan="3">Lunch Break</td></tr>
-        <tr><td>13:20 - 14:00</td><td>Session A-1</td><td>Session B-1</td><td rowspan="4">Handson<br>by Women Who Go Tokyo</td></tr>
-        <tr><td>14:00 - 14:10</td><td colspan="2">Break</td></tr>
-        <tr><td>14:10 - 14:30</td><td>Session A-2</td><td>Session B-2</td></tr>
-        <tr><td>14:30 - 14:50</td><td>Session A-3</td><td>Session B-3</td></tr>
-        <tr><td>14:50 - 15:00</td><td colspan="3">Break</td></tr>
-        <tr><td>15:00 - 15:40</td><td>Session A-4</td><td>Session B-4</td><td>Handson<br>golang.tokyo</td></tr>
-        <tr><td>15:40 - 15:55</td><td colspan="3">Break</td></tr>
-        <tr><td>15:55 - 16:50</td><td>Lightning Talks</td><td>-</td><td>-</td></tr>
-    </table>
+      <h4>Time Table</h4>
+      <table border="1" class="mdl-data-table">
+          <tr><th>Time</th><th>Room A</th><th>Room B</th><th>Room C</th></tr>
+          <tr><td>09:30 -</td><td colspan="3">Open</td></tr>
+          <tr><td>10:00 - 10:10</td><td>Opening Talk</td><td>-</td><td>-</td></tr>
+          <tr><td>10:10 - 11:00</td><td>Keynote</td><td>-</td><td>-</td></tr>
+          <tr><td>11:00 - 11:10</td><td colspan="3">Break</td></tr>
+          <tr><td>11:10 - 11:30</td><td>Sponsor Session 1</td><td>-</td><td rowspan="2">Handson<br>for Beginners</td></tr>
+          <tr><td>11:30 - 11:50</td><td>Sponsor Session 2</td><td>-</td></tr>
+          <tr><td>11:50 - 13:20</td><td colspan="3">Lunch Break</td></tr>
+          <tr><td>13:20 - 14:00</td><td>Session A-1</td><td>Session B-1</td><td rowspan="4">Handson<br>by Women Who Go Tokyo</td></tr>
+          <tr><td>14:00 - 14:10</td><td colspan="2">Break</td></tr>
+          <tr><td>14:10 - 14:30</td><td>Session A-2</td><td>Session B-2</td></tr>
+          <tr><td>14:30 - 14:50</td><td>Session A-3</td><td>Session B-3</td></tr>
+          <tr><td>14:50 - 15:00</td><td colspan="3">Break</td></tr>
+          <tr><td>15:00 - 15:40</td><td>Session A-4</td><td>Session B-4</td><td>Handson<br>golang.tokyo</td></tr>
+          <tr><td>15:40 - 15:55</td><td colspan="3">Break</td></tr>
+          <tr><td>15:55 - 16:50</td><td>Lightning Talks</td><td>-</td><td>-</td></tr>
+      </table>
 
-    <h1>Code of Conduct</h1>
-    <p>We require our attendees and speakers to follow <a href="https://golang.org/conduct">Go Community Code of Conduct</a>.</p>
+      <h4 class="contents-header">Code of Conduct</h4>
+      <p class="message-contents">We require our attendees and speakers to follow <a href="https://golang.org/conduct">Go Community Code of Conduct</a>.</p>
 
-    <h1>Contact Us</h1>
-    <p>
+      <h4 class="contents-header">Contact Us</h4>
+      <p class="message-contents">
         Feel free contact us via <a href="https://goo.gl/forms/TWNDVOzGQOsrvRRv1">this form</a>.
-    </p>
+      </p>
+    </div>
   </body>
 </html>
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..6126ff5
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,77 @@
+@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese');
+@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
+@import url('https://fonts.googleapis.com/css?family=Merriweather');
+
+body {
+    background-color: darkorange;
+    font-family: 'Noto Sans JP', sans-serif;
+    background-image: radial-gradient(white 10%, transparent 20%), radial-gradient(white 10%, transparent 20%);
+    background-size: 20px 20px;
+    background-position: 0 0, 10px 10px;
+}
+
+a {
+    color: darkblue;
+}
+
+h1 {
+    font-family: 'Noto Sans JP', sans-serif;
+}
+
+#top-title {
+    font-family: 'Press Start 2P', cursive;
+    font-size: 40px;
+    text-align: center;
+}
+
+.preface {
+     font-size: 15px;
+     margin-top: 30px;
+     margin-left: 100px;
+ }
+
+#main-contents {
+    font-size: 15px;
+    margin-top: 30px;
+    margin-left: 100px;
+}
+
+.contents-header {
+    font-family: 'Merriweather', serif;
+    position: relative;
+    padding: 0.3em;
+}
+
+.contents-header:after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 80%;
+    height: 7px;
+    background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
+}
+
+.message-contents {
+    font-size: 15px;
+    color: #444444;
+}
+.demo-card-wide.mdl-card {
+    width: 512px;
+}
+.demo-card-wide > .mdl-card__title {
+    color: #fff;
+    height: 400px;
+    background: url('StevenBuss053.jpg') center / cover;
+}
+.demo-card-wide > .mdl-card__menu {
+    color: #fff;
+}
+
+.mdl-card__title-text {
+    color: white;
+    background: black;
+    border-radius: 10px;
+    padding-left: 10px;
+    padding-right: 10px;
+}

Time	Room A	Room B	Room C
09:30 -	Open
10:00 - 10:10	Opening Talk	-	-
10:10 - 11:00	Keynote	-	-
11:00 - 11:10	Break
11:10 - 11:30	Sponsor Session 1	-	Handson for Beginners
11:30 - 11:50	Sponsor Session 2	-	Handson for Beginners
11:50 - 13:20	Lunch Break
13:20 - 14:00	Session A-1	Session B-1	Handson by Women Who Go Tokyo
14:00 - 14:10	Break
14:10 - 14:30	Session A-2	Session B-2
14:30 - 14:50	Session A-3	Session B-3
14:50 - 15:00	Break
15:00 - 15:40	Session A-4	Session B-4	Handson golang.tokyo
15:40 - 15:55	Break
15:55 - 16:50	Lightning Talks	-	-