diff --git a/contact.html b/contact.html
index 5120c82..b854a5d 100644
--- a/contact.html
+++ b/contact.html
@@ -33,12 +33,9 @@
           <li role="presentation"><a href="/">Home</a></li>
           <li role="presentation"><a href="/contact.html">Contact</a></li>
         </ul>
-        <h3 class="text-muted">LedisDB</h3>
+         <a class="logo"  href="/"><img src="/img/logo.png" alt="LedisDB"></a>  
       </div>
     
-    
-    
-    
        <!-- /contact-->
       <div class="row contact" id="contact">
       <h2>Contact</h2>
@@ -64,8 +61,6 @@
 
       </div>
 
-
-
     <div id="footer-wrapper" class="gradient">
         <div id="footer" class="row">
             <div class="large-4 columns col-sm-4">
diff --git a/css/style.css b/css/style.css
index 784afc3..9b55d75 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,16 +2,39 @@
 body {
   padding-top: 20px;
   padding-bottom: 20px;
-  color: #7f8c8d;
 }
 
 a {
-    color:  #7f8c8d ;
+  color: #7f8c8d;
 }
 
 a:hover,a:focus {
-    color: #7f8c8d;
-    text-decoration: underline
+  color: #45a797;
+}
+
+h2 { 
+  color: #45a797;
+}
+
+.gradient h2 {
+  color: #7f8c8d ;
+}
+
+.features h3 {
+  color: #3d4c4e;
+  font-size: 22px;
+}
+
+p {
+  color: #7f8c8d;
+}
+
+.jumbotron h1 {
+  color: #131d1f;
+}
+
+.jumbotron p {
+  color: #7f8c8d;
 }
 
 .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
@@ -33,11 +56,13 @@ a:hover,a:focus {
 }
 
 /* Custom page header */
-.header {
-  border-bottom: 1px solid #e5e5e5;
-}
+/*.header{
+    border-bottom: 1px solid #e5e5e5;
+    margin-top: 10px;
+}*/
 /* Make the masthead heading the same height as the navigation */
-.header h3 {
+.logo {
+
   padding-bottom: 19px;
   margin-top: 0;
   margin-bottom: 0;
@@ -96,8 +121,6 @@ a:hover,a:focus {
   width: 49.333333%;
 }
 
-
-
 .about {
   margin-right: 20px;
   padding-left: 150px;
@@ -122,3 +145,21 @@ a:hover,a:focus {
 .hide {
   display: none;
 }
+
+
+.btn-ledis {
+  color: #fff;
+  background-color: #45a797;
+/*  border-color: #45a797;*/
+}
+
+.btn-ledis:hover {
+  color: #fff;
+  background-color: #5abdad;
+  /*border-color: #5abdad;*/
+}
+
+.benchmark a {
+  text-decoration: underline;
+}
+
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..9134ed5
Binary files /dev/null and b/favicon.ico differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..9d9475c
Binary files /dev/null and b/img/logo.png differ
diff --git a/index.html b/index.html
index fbee560..cb69fed 100644
--- a/index.html
+++ b/index.html
@@ -33,13 +33,13 @@
           <li role="presentation"><a href="/">Home</a></li>
           <li role="presentation"><a href="/contact.html">Contact</a></li>
         </ul>
-        <h3 class="text-muted">LedisDB</h3>
+      <a class="logo"  href="/"><img src="/img/logo.png" alt="LedisDB"></a>  
       </div>
 
       <div class="jumbotron">
         <h1>LedisDB</h1>
         <p class="lead">A high performance NoSQL like Redis based on LevelDB implemented by Golang.</p>
-        <p><a class="btn btn-lg btn-default" target="_blank" href="https://github.com/siddontang/ledisdb" role="button">
+        <p><a class="btn btn-lg btn-ledis" target="_blank" href="https://github.com/siddontang/ledisdb" role="button">
           <i class="glyphicon glyphicon-eye-open"></i>
           View on GitHub</a></p>
       </div>
@@ -113,9 +113,9 @@ db.Get(key)
           <thead>
             <tr>
               <th></th>
-              <th>redis</th>
-              <th>ssdb</th>
-                    <th>ledis</th>
+              <th>Redis</th>
+              <th>SSDB</th>
+              <th>LedisDB</th>
             </tr>
           </thead>
           <tbody>
@@ -188,19 +188,9 @@ db.Get(key)
           </tbody>
         </table>
         <br>
-          <p>For more information, please take a look at <a href="https://github.com/siddontang/ledisdb/blob/master/benchmark.md"><em>benchmark.md.</em></a></p>
+          <p>For more information, please take a look at <a href="https://github.com/siddontang/ledisdb/blob/master/benchmark.md"><em>benchmark.md</em></a>.</p>
       </div>
 
-   
-
-      <!-- /footer-->
-  <!--     <div class="footer">
-
-
-        <p>CopyRight@LedisDB // <a target="_blank"href="https://github.com/siddontang/ledisdb/blob/master/LICENSE">MIT  License</a> // maintained by <a target="_blank" href="https://github.com/siddontang">SiddonTang</a></p>
-      </div>
- -->
-
     <div id="footer-wrapper" class="gradient">
         <div id="footer" class="row">
             <div class="large-4 columns col-sm-4">
@@ -241,6 +231,9 @@ db.Get(key)
     <script src="http://code.highcharts.com/modules/exporting.js"></script>
     <script>
     $(function () {
+         Highcharts.setOptions({
+         colors: ['#df4810', '#3d4c4e', '#45a797']
+    });
         $('#container').highcharts({
             data: {
                 table: document.getElementById('datatable')
@@ -264,6 +257,7 @@ db.Get(key)
                 }
             }
         });
+     
     });
     </script>