diff --git a/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/announcement.scss b/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/announcement.scss
index b7cc901..4139d53 100644
--- a/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/announcement.scss
+++ b/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/announcement.scss
@@ -136,6 +136,7 @@
       margin-top: 0;
       @media (min-width: $screen-sm) {
         width: 100%;
+        height: 1.2em;
         line-height: 1.2em;
         overflow: hidden;
         text-overflow: ellipsis;
diff --git a/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/member.scss b/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/member.scss
new file mode 100644
index 0000000..acc8436
--- /dev/null
+++ b/app/templates/orbit_bootstrap/assets/stylesheets/template/modules/member.scss
@@ -0,0 +1,130 @@
+// Member INDEX
+.index-member {
+  .index-title {
+    @extend .unity-title;
+  }
+  &.index1 {
+
+  }
+}
+
+// Member SHOW
+.show-member {
+  .show-title {
+    @extend .unity-title;
+  }
+  // .show-content {
+  //   padding-right: 0;
+  //   padding-left: 0;
+  //   .img {
+  //     display: inline-block;
+  //     width: 100%;
+  //     height: auto;
+  //     opacity: (0.8);
+  //     -webkit-filter: grayscale(100%) brightness(1.2);
+  //     -moz-filter: grayscale(100%) brightness(1.2);
+  //     filter: grayscale(100%) brightness(1.2);
+  //     @include transition(all 0.2s ease);
+  //   }
+  //   .show-content-inner {
+  //     position: relative;
+  //     padding: 2px;
+  //     z-index: 0;
+  //     @include scale(1);
+  //     @include transition(all 0.2s ease);
+  //     &:hover {
+  //       z-index: 1;
+  //       @include scale(1.1);
+  //       .img {
+  //         opacity: (1);
+  //         -webkit-filter: grayscale(0%) brightness(1);
+  //         -moz-filter: grayscale(0%) brightness(1);
+  //         filter: grayscale(0%) brightness(1);
+  //       }
+  //     }
+  //   }
+  // }
+  .post-metadata {
+    border-bottom: 1px solid $theme-gray-light;
+    @include clearfix();
+    li {
+      margin-right: 1em;
+      margin-bottom: 0.6em;
+      float: left;
+      &.metadata-tags {
+        position: relative;
+        margin-right: 0;
+        padding-left: 1.6em;
+        clear: both;
+        float: none;
+        i {
+          position: absolute;
+          top: 7px;
+          left: 0;
+        }
+      }
+      &.metadata-tags {
+        .tag {
+          display: inline-block;
+          margin-bottom: 4px;
+          padding: 5px 8px;
+          font-size: 0.8em;
+          color: $theme-gray;
+          border: 1px solid $theme-gray-light;
+          text-decoration: none;
+          &:hover {
+            color: $theme-color-main;
+            border-color: $theme-color-main;
+            background-color: $theme-gray-lighter;
+          }
+        }
+      }
+      i {
+        color: darken($theme-gray-light, 10%);
+      }
+    }
+  }
+  .post-section {
+    @include clearfix();
+    margin-bottom: 2em;
+    .post-pic {
+      img {
+        @include size(100%, auto);
+      }
+    }
+  }
+  .post-related {
+    padding-top: 1em;
+    border-top: 1px solid $theme-gray-light;
+    li {
+      padding-bottom: 3px;
+      padding-left: 1.6em;
+      & + li {
+        padding-top: 8px;
+        border-top: 1px dotted $theme-gray-light;
+      }
+      i {
+        margin: 8px 0 0 -1.6em;
+        float: left;
+        color: darken($theme-gray-light, 10%);
+      }
+      & > div {
+        display: inline-block;
+      }
+      a {
+        display: inline-block;
+        margin-bottom: 4px;
+        padding: 5px 8px;
+        font-size: 0.8em;
+        color: $theme-gray;
+        border: 1px solid $theme-gray-light;
+        text-decoration: none;
+        &:hover {
+          color: $theme-color-main;
+          border-color: $theme-color-main;
+          background-color: $theme-gray-lighter;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/assets/stylesheets/template/template.scss b/app/templates/orbit_bootstrap/assets/stylesheets/template/template.scss
index a132c83..aa2ea3e 100644
--- a/app/templates/orbit_bootstrap/assets/stylesheets/template/template.scss
+++ b/app/templates/orbit_bootstrap/assets/stylesheets/template/template.scss
@@ -20,6 +20,7 @@
 @import "modules/web_resource";
 @import "modules/gallery";
 @import "modules/archives";
+@import "modules/member";
 
 // Widget
 @import "widget/breadcrumb";
diff --git a/app/templates/orbit_bootstrap/assets/stylesheets/template/widget/sitemenu.scss b/app/templates/orbit_bootstrap/assets/stylesheets/template/widget/sitemenu.scss
index 32923b4..d8355c4 100644
--- a/app/templates/orbit_bootstrap/assets/stylesheets/template/widget/sitemenu.scss
+++ b/app/templates/orbit_bootstrap/assets/stylesheets/template/widget/sitemenu.scss
@@ -3,5 +3,19 @@
     @extend .unity-title;
   }
   &.widget1 {
+    ul {
+      margin-left: 1em;
+      a {
+        display: block;
+        padding: 5px 8px;
+        border-bottom: 1px dotted $theme-gray-light;
+        &:hover {
+          text-decoration: none;
+        }
+      }
+      &.sitemenu-menu-level-0 {
+        margin-left: 0em;
+      }
+    }
   }
 }
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/home/index.html.erb b/app/templates/orbit_bootstrap/home/index.html.erb
index 9c1c38b..683fed1 100644
--- a/app/templates/orbit_bootstrap/home/index.html.erb
+++ b/app/templates/orbit_bootstrap/home/index.html.erb
@@ -17,6 +17,7 @@
       </div>
     </div>
   </div>
+  <%= image_tag("http://placehold.it/350x150") %>
   <%= render_footer %>
 </body>
 </html>
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/modules/archive/index1.html.erb b/app/templates/orbit_bootstrap/modules/archive/index1.html.erb
index 3e0c23b..67e4979 100644
--- a/app/templates/orbit_bootstrap/modules/archive/index1.html.erb
+++ b/app/templates/orbit_bootstrap/modules/archive/index1.html.erb
@@ -1,34 +1,40 @@
-<div class="widget-archive widget1">
-  <h3 class="widget-title">
+<div class="index-archive index1">
+  <h3 class="index-title">
     <span>{{widget-title}}</span>
   </h3>
-  <div class="panel-group" id="widget-archive-group" data-list="categories" data-level="0">
+  <div class="panel-group" id="index-archive-group" data-list="categories" data-level="0">
     <div class="panel panel-default">
       <div class="panel-heading">
         <h4 class="panel-title">
-          <a data-toggle="collapse" data-parent="#widget-archive-group" href="#collapse" class="collapsed">
+          <a data-toggle="collapse" data-parent="#index-archive-group" href="#collapse" class="collapsed">
             {{category-title}}
           </a>
         </h4>
       </div>
       <div id="collapse" class="panel-collapse collapse">
         <div class="panel-body">
-          <ol class="widget-archive-item-group" data-list="archives" data-level="1">
-            <li class="widget-archive-item-list">
-              <a href="{{archive_url}}">{{archive-title}}</a>
-            </li>
-          </ol>
+          <dl class="dl-horizontal index-archive-item-group" data-list="archives" data-level="1">
+            <dt class="index-archive-item-list">
+              <sapn class="index-archive-item-title">{{archive-title}}</span>
+              <span data-list="statuses" data-level="2">
+                <span class="label status {{status-class}}">{{status}}</span>
+              </span>
+            </dt>
+            <dl class="index-archives-files-list" data-list="files"  data-level="2">
+              <dd>
+                <a href="{{file-url}}" class="index-archives-files-item" target="_blank">{{file-name}}</a>
+                <span class="label label-primary">{{file-type}}</span>
+              </dd>
+            </dl>
+          </dl>
         </div>
       </div>
     </div>
   </div>
-  <p class="more">
-    <a class="btn btn-sm btn-info" href="{{more_url}}">More</a>
-  </p>
 </div>
 <script>
-  for (var i = 0; i < $('.widget-archive.widget1 .panel-title').length; i++) {
-    $('.widget-archive.widget1 .panel-title:eq(' + i + ') .collapsed').attr('href', '#collapse' + i);
-    $('.widget-archive.widget1 .panel-collapse:eq(' + i + ')').attr('id', 'collapse' + i);
+  for (var i = 0; i < $('.index-archive.index1 .panel-title').length; i++) {
+    $('.index-archive.index1 .panel-title:eq(' + i + ') .collapsed').attr('href', '#collapse' + i);
+    $('.index-archive.index1 .panel-collapse:eq(' + i + ')').attr('id', 'collapse' + i);
   };
 </script>
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/modules/archive/show.html.erb b/app/templates/orbit_bootstrap/modules/archive/show.html.erb
new file mode 100644
index 0000000..11a8c05
--- /dev/null
+++ b/app/templates/orbit_bootstrap/modules/archive/show.html.erb
@@ -0,0 +1,21 @@
+<div class="show-archive">
+  <h1 class="show-title">
+    <span>{{title}}</span>
+  </h1>
+  <div class="show-archive-body">
+    <dl class="dl-horizontal show-archive-item-group" data-list="archives" data-level="1">
+      <dt class="show-archive-item-list">
+        <sapn class="show-archive-item-title">{{archive-title}}</span>
+        <span data-list="statuses" data-level="2">
+          <span class="label status {{status-class}}">{{status}}</span>
+        </span>
+      </dt>
+      <dl class="show-archives-files-list" data-list="files"  data-level="2">
+        <dd>
+          <a href="{{file-url}}" class="show-archives-files-item" target="_blank">{{file-name}}</a>
+          <span class="label label-primary">{{file-type}}</span>
+        </dd>
+      </dl>
+    </dl>
+  </div>
+</div>
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/modules/book/show.html.erb b/app/templates/orbit_bootstrap/modules/book/show.html.erb
index 716b4e6..3722a7e 100644
--- a/app/templates/orbit_bootstrap/modules/book/show.html.erb
+++ b/app/templates/orbit_bootstrap/modules/book/show.html.erb
@@ -1,21 +1,21 @@
 <article class="show-journal-paper">
   <h1 class="show-title">
     <span>{{title}}</span>
-  </h1>  
-    <p><label>Year:</label>&nbsp;{{year}}</p>
-    <p><label>Authors:</label>&nbsp;{{authors}}</p>
-    <p><label>ISBN:</label>&nbsp;{{isbn}}</p>
-    <p><label>Language:</label>&nbsp;{{language}}</p>
-    <p><label>Pages:</label>&nbsp;{{pages}}</p>
-    <p><label>Published Date</label>&nbsp;{{publish_date}}</p>
-    <p><label>Publication Date</label>&nbsp;{{publication_date}}</p>
-    <p><label>URL:</label>&nbsp;{{url}}</p>
-    <p><label>Note:</label>&nbsp;{{note}}</p>
-    <p><label>Keywords:</label>&nbsp;{{keywords}}</p>
-    <p><label>Publisher:</label>&nbsp;{{publisher}}</p>
-    <p><label>Editor:</label>&nbsp;{{editor}}</p>
+  </h1>
+  <p><label>Year:</label> {{year}}</p>
+  <p><label>Authors:</label> {{authors}}</p>
+  <p><label>ISBN:</label> {{isbn}}</p>
+  <p><label>Language:</label> {{language}}</p>
+  <p><label>Pages:</label> {{pages}}</p>
+  <p><label>Published Date</label> {{publish_date}}</p>
+  <p><label>Publication Date</label> {{publication_date}}</p>
+  <p><label>URL:</label> {{url}}</p>
+  <p><label>Note:</label> {{note}}</p>
+  <p><label>Keywords:</label> {{keywords}}</p>
+  <p><label>Publisher:</label> {{publisher}}</p>
+  <p><label>Editor:</label> {{editor}}</p>
 
-    <ul class="post-related list-unstyled">
+  <ul class="post-related list-unstyled">
     <li class="post-related-files">
       <i class="fa fa-fw fa-paperclip"></i>
       <div class="post-related-flises-list" data-list="book_files" data-level="0">
diff --git a/app/templates/orbit_bootstrap/modules/member/index.html.erb b/app/templates/orbit_bootstrap/modules/member/index.html.erb
index 2171256..39beb01 100644
--- a/app/templates/orbit_bootstrap/modules/member/index.html.erb
+++ b/app/templates/orbit_bootstrap/modules/member/index.html.erb
@@ -1,28 +1,29 @@
-<div class="index" module="member">
-  <h2 class="widget-title">{{widget-title}}</h2>
-  <div class="list-group">
-    <div class="list-group-item" data-list="stats" data-level="0">
-      <h4 class="list-group-item-heading">{{status-title}} ({{role-title}})</h4>
-      <ul class="list-group-item-text">
-      <div class="row" module="member" data-level="1" data-list="members">
-        <div class="index-content col-sm-6">
-          <div class="boxes-inner">
-            <div class="index-pic">
-              <img src="{{img_src}}" alt="">
-            </div>
-            <section class="index-part">
-              <h4 class="index-part-title">
-                <a href="{{link_to_show}}">{{name}}</a>
-              </h4>
-            <div data-level="2" data-list="roles">
-              <p class="index-part-subtitle">{{role}}</p>
-            </div>
-            <p class="index-part-subtitle">{{email}}</p>
-            <a class="more" href="{{link_to_show}}">Read More »</a>
-            </section>
+<div class="index-member index1">
+  <h3 class="index-title">
+    <span>{{widget-title}}</span>
+  </h3>
+  <div class="index-member-group" data-list="stats" data-level="0">
+    <div class="index-member-group-item">
+      <div class="index-member-group-title">
+        <h4>{{status-title}} ({{role-title}})</h4>
+      </div>
+      <div class="index-member-list row" data-level="1" data-list="members">
+        <div class="index-member-item clearfix col-sm-6">
+          <div class="index-member-avatar pull-left">
+            <img class="img-circle" src="{{img_src}}" alt="">
+          </div>
+          <div class="index-member-info">
+            <h5 class="index-member-name">
+              <a href="{{link_to_show}}">{{name}}</a>
+            </h5>
+            <p data-level="2" data-list="roles">
+              <span class="index-member-role">{{role}}</span>
+            </p>
+            <p class="index-member-mail">{{email}}</p>
           </div>
         </div>
-      </ul>
+      </div>
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
+{{pagination_goes_here}}
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/widgets/breadcrumb_widget/_widget.html.erb b/app/templates/orbit_bootstrap/widgets/breadcrumb_widget/_widget.html.erb
deleted file mode 100644
index dfe4ca5..0000000
--- a/app/templates/orbit_bootstrap/widgets/breadcrumb_widget/_widget.html.erb
+++ /dev/null
@@ -1,7 +0,0 @@
-<div data-ps="">
-	<ul data-list="crumbs" data-level="0">
-		<li>
-			<a href="{{url}}">{{page_name}}</a>
-		</li>
-	</ul>
-</div>
\ No newline at end of file
diff --git a/app/templates/orbit_bootstrap/widgets/site_menu_widget/_widget1.html.erb b/app/templates/orbit_bootstrap/widgets/site_menu_widget/_widget1.html.erb
index 8465ddb..1d24c65 100644
--- a/app/templates/orbit_bootstrap/widgets/site_menu_widget/_widget1.html.erb
+++ b/app/templates/orbit_bootstrap/widgets/site_menu_widget/_widget1.html.erb
@@ -2,13 +2,13 @@
   <h3 class="widget-title">
     <span>{{widget-title}}</span>
   </h3>
-	<ul class="list-unstyled modules-menu-level-0" data-list="pages" data-level="0">
+	<ul class="list-unstyled sitemenu-menu-level-0" data-list="pages" data-level="0">
 		<li>
 			<a href="{{url}}" target="{{target}}">{{page_name}}</a>
-			<ul class="list-unstyled modules-menu-level-1" data-list="children" data-level="1">
+			<ul class="list-unstyled sitemenu-menu-level-1" data-list="children" data-level="1">
 				<li>
 					<a href="{{url}}" target="{{target}}">{{page_name}}</a>
-					<ul class="list-unstyled modules-menu-level-2" data-list="children" data-level="2">
+					<ul class="list-unstyled sitemenu-menu-level-2" data-list="children" data-level="2">
 						<li>
 							<a href="{{url}}" target="{{target}}">{{page_name}}</a>
 						</li>