diff --git a/public/scripts/controllers/bookmarks-controller.js b/public/scripts/controllers/bookmarks-controller.js
index 78b6338..5531c97 100644
--- a/public/scripts/controllers/bookmarks-controller.js
+++ b/public/scripts/controllers/bookmarks-controller.js
@@ -3,6 +3,27 @@ app.controller('bookmarksCtr', ['$scope', '$stateParams', '$filter', 'bookmarkSe
     $scope.bookmarks = []; // 书签数据
     $scope.showSearch = false; // 书签数据
     $scope.showStyle = 'table'; // 显示风格'navigate', 'card', 'table'
+    $scope.test = [{
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }, {
+        a: 1
+    }];
 
     semanticInit();
 
diff --git a/public/views/bookmarks.html b/public/views/bookmarks.html
index 8ef11d1..df5cf58 100644
--- a/public/views/bookmarks.html
+++ b/public/views/bookmarks.html
@@ -1,3 +1,22 @@
+<div class="ui segment">
+    <div class="ui grid">
+        <div class="row" ng-repeat="ss in test">
+            <div class="one wide column">
+                ssssss
+            </div>
+            <div class="fifteen wide column">
+                <div class="ui cards">
+                    <div class="card" ng-repeat="ss in test">
+                        <div class="content">
+                            <div class="header">Elliot Fu</div>
+                            <div class="meta">Friend</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 <div class="ui small menu js-search-detail" ng-if="showSearch">
     <div class="ui dropdown item">
         <div class="text">搜索范围</div>
@@ -44,11 +63,10 @@
         <div class="ui button">搜索</div>
     </div>
 </div>
-
 <table class="ui celled table" ng-if="showStyle === 'table'">
     <thead>
         <tr>
-            <th class="center aligned">标题</th>
+            <th>标题</th>
             <th>链接</th>
             <th>点击次数</th>
             <th>创建日期</th>
@@ -58,7 +76,13 @@
     </thead>
     <tbody>
         <tr ng-repeat="bookmark in bookmarks">
-            <td class="center aligned"><a href="{{ bookmark.url }}" target="_blank">{{ bookmark.title }}</a></td>
+            <td>
+                <img class="ui ui middle aligned tiny image" src="http://api.byi.pw/favicon/?url={{bookmark.url}}" style="width:16px;height:16px">
+                <span>
+                    <a href="{{ bookmark.url }}" target="_blank">{{ bookmark.title }}
+                    </a>
+                </span>
+            </td>
             <td>{{ bookmark.url }}</td>
             <td>{{ bookmark.click_count }}</td>
             <td>{{ bookmark.created_at }}</td>
@@ -89,3 +113,16 @@
         </tr>
     </tfoot>
 </table>
+ght chevron icon"></i>
+</a>
+</div>
+</th>
+</tr>
+</tfoot>
+</table>
+/a>
+</div>
+</th>
+</tr>
+</tfoot>
+</table>
diff --git a/routes/api.js b/routes/api.js
index a8d4977..43b8cc2 100644
--- a/routes/api.js
+++ b/routes/api.js
@@ -1,9 +1,17 @@
 var api = require('express').Router();
 var mysql = require('mysql');
+// var client = mysql.createConnection({
+//     host: '172.24.13.5',
+//     user: 'root',
+//     password: 'root123',
+//     database: 'mybookmarks',
+//     multipleStatements: true,
+//     port: 3306
+// });
 var client = mysql.createConnection({
-    host: '172.24.13.5',
-    user: 'root',
-    password: 'root123',
+    host: '127.0.0.1',
+    user: 'lcq',
+    password: '123456',
     database: 'mybookmarks',
     multipleStatements: true,
     port: 3306