diff --git a/assets/Industry-Medium.woff b/assets/Industry-Medium.woff
new file mode 100644
index 0000000..7ab5e87
Binary files /dev/null and b/assets/Industry-Medium.woff differ
diff --git a/assets/fonts/Industry W00 Medium.ttf b/assets/fonts/Industry W00 Medium.ttf
new file mode 100644
index 0000000..c68220a
Binary files /dev/null and b/assets/fonts/Industry W00 Medium.ttf differ
diff --git a/assets/fonts/Industry W00 Medium.woff b/assets/fonts/Industry W00 Medium.woff
new file mode 100644
index 0000000..b66f59f
Binary files /dev/null and b/assets/fonts/Industry W00 Medium.woff differ
diff --git a/assets/fonts/Industry-Medium.woff b/assets/fonts/Industry-Medium.woff
new file mode 100644
index 0000000..7ab5e87
Binary files /dev/null and b/assets/fonts/Industry-Medium.woff differ
diff --git a/assets/images/account-icon.png b/assets/images/account-icon.png
new file mode 100644
index 0000000..b996168
Binary files /dev/null and b/assets/images/account-icon.png differ
diff --git a/assets/images/down.svg b/assets/images/down.svg
new file mode 100644
index 0000000..2f18305
--- /dev/null
+++ b/assets/images/down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><title>chevron-circle-down@1x</title><g id="Layer_2" data-name="Layer 2"><g id="Arrows"><g id="Down_Arrow_3_2x.png" data-name="Down Arrow 3@2x.png"><path d="M33,18a1,1,0,0,0-.71.29L22,27.65,11.71,18.29a1,1,0,1,0-1.41,1.41l11,10a1,1,0,0,0,1.41,0l11-10A1,1,0,0,0,33,18ZM22,0A22,22,0,1,0,44,22,22,22,0,0,0,22,0Zm0,42A20,20,0,1,1,42,22,20,20,0,0,1,22,42Z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/assets/images/menu-icon-set.png b/assets/images/menu-icon-set.png
new file mode 100644
index 0000000..bc3f108
Binary files /dev/null and b/assets/images/menu-icon-set.png differ
diff --git a/assets/images/titlecap.png b/assets/images/titlecap.png
new file mode 100644
index 0000000..c100414
Binary files /dev/null and b/assets/images/titlecap.png differ
diff --git a/assets/stylesheets/template/IndustryW00-Medium.css b/assets/stylesheets/template/IndustryW00-Medium.css
new file mode 100644
index 0000000..df9658d
--- /dev/null
+++ b/assets/stylesheets/template/IndustryW00-Medium.css
@@ -0,0 +1,15 @@
+/*
+      www.OnlineWebFonts.Com 
+      You must credit the author Copy this link on your web 
+      <div>Font made from <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>is licensed by CC BY 3.0</div>
+      OR
+      <a href="https://www.onlinewebfonts.com">oNline Web Fonts</a>
+*/
+@font-face {font-family: "IndustryW00-Medium";
+    src: url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); /* IE9*/
+    src: url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), /* chrome firefox */
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), /* chrome firefox */
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
+    url("https://db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); /* iOS 4.1- */
+}
diff --git a/modules/personal_lab/index.html.erb b/modules/personal_lab/index.html.erb
index b22a8de..b7144fc 100644
--- a/modules/personal_lab/index.html.erb
+++ b/modules/personal_lab/index.html.erb
@@ -2,20 +2,16 @@
   <caption><h3>{{widget-title}}</h3></caption>
   <thead>
     <tr>
-      <th class="col-md-2">{{th_year}}</th>
       <th class="col-md-3">{{th_lab_title}}</th>
       <th class="col-md-2">{{th_location}}</th>
       <th class="col-md-3">{{th_member}}</th>
-      <th class="col-md-2">更多內容</th>
     </tr>
   </thead>
   <tbody data-level="0" data-list="labs">
     <tr>
-      <td>{{year}}</td>
-      <td>{{lab_title}}</td>
+      <td><a href="{{link_to_show}}">{{lab_title}}</td>
       <td>{{location}}</td>
       <td>{{member}}</td>
-      <th><a href="{{link_to_show}}">{{th_detail}}</a></th>
     </tr>
   </tbody>
 </table>
diff --git a/modules/personal_lab/index.html.erb.bak b/modules/personal_lab/index.html.erb.bak
new file mode 100644
index 0000000..edfdb53
--- /dev/null
+++ b/modules/personal_lab/index.html.erb.bak
@@ -0,0 +1,40 @@
+<table class="table table-hover table-striped projects-index personal-lab dt-responsive nowrap">
+  <caption><h3>{{widget-title}}</h3></caption>
+  <thead>
+    <tr>
+      <th class="col-md-2">{{th_year}}</th>
+      <th class="col-md-3">{{th_lab_title}}</th>
+      <th class="col-md-2">{{th_location}}</th>
+      <th class="col-md-3">{{th_member}}</th>
+      <th class="col-md-2">更多內容</th>
+    </tr>
+  </thead>
+  <tbody data-level="0" data-list="labs">
+    <tr>
+      <td>{{year}}</td>
+      <td><a href="{{link_to_show}}">{{lab_title}}</td>
+      <td>{{location}}</td>
+      <td>{{member}}</td>
+      <th><a href="{{link_to_show}}">{{th_detail}}</a></th>
+    </tr>
+  </tbody>
+</table>
+{{pagination_goes_here}}
+
+<script>
+for ( var i = 0; i < $('thead th').length ; i++ ) {
+	if( $('thead th').length > 2 ) {
+    var th = $('thead th');
+    for ( var q = 3; q < th.length ; q++ ) {
+      th.eq(q).addClass('min-tablet-l');
+    }
+  }
+}
+
+$('table.personal-lab').DataTable({
+  searching: false,
+  paging:   false,
+  ordering: false,
+  info:     false
+});
+</script>
\ No newline at end of file