You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@kylin.apache.org by ch...@apache.org on 2018/06/25 06:19:34 UTC

[kylin] branch document updated: Update docs for 2.4

This is an automated email from the ASF dual-hosted git repository.

chen pushed a commit to branch document
in repository https://gitbox.apache.org/repos/asf/kylin.git


The following commit(s) were added to refs/heads/document by this push:
     new 78be06b  Update docs for 2.4
78be06b is described below

commit 78be06b788ddad84717f1034d0c5f2411d55753e
Author: chenzhx <ch...@apache.org>
AuthorDate: Mon Jun 25 14:19:09 2018 +0800

    Update docs for 2.4
---
 website/_includes/dev_nav.html        |   2 +-
 website/_includes/docs23_nav.cn.html  |   2 +-
 website/_includes/docs23_nav.html     |   2 +-
 website/_includes/docs_nav.cn.html    |   4 +-
 website/_includes/docs_nav.html       |   4 +-
 website/_includes/docs_ul.cn.html     |   4 +-
 website/_includes/docs_ul.html        |   4 +-
 website/_includes/footer.html         |   9 +--
 website/_includes/header.cn.html      |  16 ++---
 website/_includes/header.html         |  18 ++---
 website/_includes/home_header.cn.html |  15 ++--
 website/_includes/home_header.html    |  16 ++---
 website/_layouts/dev.html             |   5 +-
 website/_layouts/docs-cn.html         |   4 +-
 website/_layouts/docs.html            |   4 +-
 website/_layouts/docs23-cn.html       |   2 +-
 website/_layouts/docs23.html          |   5 +-
 website/assets/css/docs.css           |  10 ++-
 website/assets/css/styles.css         | 131 +++++++++++++++++++++++-----------
 website/index.md                      |   2 +-
 20 files changed, 160 insertions(+), 99 deletions(-)

diff --git a/website/_includes/dev_nav.html b/website/_includes/dev_nav.html
index 224e4c0..0316930 100644
--- a/website/_includes/dev_nav.html
+++ b/website/_includes/dev_nav.html
@@ -16,7 +16,7 @@
 * limitations under the License.
 -->
 
-<div class="col-md-4 col-lg-4 col-xs-4 aside1 visible-md visible-lg" id="nside1" style=" padding-top: 5em">
+<div class="col-md-4 col-lg-4 col-xs-12 col-sm-12 aside1 visible-sm visible-xs visible-md visible-lg" id="nside1" style=" margin-top: 5em;float:right;">
     <ul class="nav nav-pills nav-stacked">
     {% for section in site.data.development %}
     <li><a href="#{{ section | first }}" data-toggle="collapse" class="navtitle">{{ section.title }}</a></li>
diff --git a/website/_includes/docs23_nav.cn.html b/website/_includes/docs23_nav.cn.html
index c54b18d..8db25b4 100644
--- a/website/_includes/docs23_nav.cn.html
+++ b/website/_includes/docs23_nav.cn.html
@@ -16,7 +16,7 @@
 * limitations under the License.
 -->
 
-<div class="col-md-4 col-lg-4 col-xs-4 aside1 visible-md visible-lg" id="nside1" style=" padding-top: 5em">
+<div class="col-md-4 col-lg-4 col-xs-12 col-sm-12 aside1 visible-sm visible-xs visible-md visible-lg" id="nside1" style="margin-top: 5em;float:right;">
     <ul class="nav nav-pills nav-stacked">    
     {% for section in site.data.docs23-cn %}
     <li><a href="#{{ section | first }}" data-toggle="collapse" class="navtitle">{{ section.title }}</a></li>
diff --git a/website/_includes/docs23_nav.html b/website/_includes/docs23_nav.html
index 18f995c..e6f0752 100644
--- a/website/_includes/docs23_nav.html
+++ b/website/_includes/docs23_nav.html
@@ -16,7 +16,7 @@
 * limitations under the License.
 -->
 
-<div class="col-md-4 col-lg-4 col-xs-4 aside1 visible-md visible-lg" id="nside1" style=" padding-top: 5em">
+<div class="col-md-4 col-lg-4 col-xs-12 col-sm-12 aside1 visible-sm visible-xs visible-md visible-lg" id="nside1" style="margin-top: 5em;float:right;">
     <ul class="nav nav-pills nav-stacked">
     {% for section in site.data.docs23 %}
     <li><a href="#{{ section | first }}" data-toggle="collapse" class="navtitle">{{ section.title }}</a></li>
diff --git a/website/_includes/docs_nav.cn.html b/website/_includes/docs_nav.cn.html
index 434bd72..6796973 100755
--- a/website/_includes/docs_nav.cn.html
+++ b/website/_includes/docs_nav.cn.html
@@ -16,13 +16,13 @@
 * limitations under the License.
 -->
 
-<div class="col-md-3 col-lg-3 col-xs-4 aside1 visible-md visible-lg" id="nside1" style=" padding-top: 2em">
+<div class="col-md-4 col-lg-4 col-xs-12 col-sm-12 aside1 visible-sm visible-xs visible-md visible-lg" id="nside1" style="margin-top: 5em;float:right;">
     <ul class="nav nav-pills nav-stacked">    
     {% for section in site.data.docs-cn %}
     <li><a href="#{{ section | first }}" data-toggle="collapse" id="navtitle">{{ section.title }}</a></li>
     <div class="collapse in">
   	<div class="list-group" id="list1">
-    <ul style="list-style-type:disc">
+    <ul>
     {% include docs_ul.cn.html items=section.docs %}
         <ul>
   </div>
diff --git a/website/_includes/docs_nav.html b/website/_includes/docs_nav.html
index bec9648..d7a6b7d 100755
--- a/website/_includes/docs_nav.html
+++ b/website/_includes/docs_nav.html
@@ -16,13 +16,13 @@
 * limitations under the License.
 -->
 
-<div class="col-md-3 col-lg-3 col-xs-4 aside1 visible-md visible-lg" id="nside1" style=" padding-top: 2em">
+<div class="col-md-4 col-lg-4 col-xs-12 col-sm-12 aside1 visible-sm visible-xs visible-md visible-lg" id="nside1" style="margin-top: 5em;float:right;">
     <ul class="nav nav-pills nav-stacked">
     {% for section in site.data.docs %}
     <li><a href="#{{ section | first }}" data-toggle="collapse" id="navtitle">{{ section.title }}</a></li>
     <div class="collapse in">
   	<div class="list-group" id="list1">
-    <ul style="list-style-type:disc">
+    <ul>
     {% include docs_ul.html items=section.docs %}
         <ul>
   </div>
diff --git a/website/_includes/docs_ul.cn.html b/website/_includes/docs_ul.cn.html
index b42fc84..17a6b45 100644
--- a/website/_includes/docs_ul.cn.html
+++ b/website/_includes/docs_ul.cn.html
@@ -16,7 +16,9 @@
 
   {% for p in site.docs %}
     {% if p.url == item_url %}
-      <li><a href="{{ p.url }}" class="list-group-item-lay pjaxlink" id="navlist">{{p.title}}</a></li>      
+      <li class="navlist">
+        <a href="{{ p.url }}" class="list-group-item-lay pjaxlink">{{p.title}}</a>
+      </li>      
       {% break %}
     {% endif %}
   {% endfor %}
diff --git a/website/_includes/docs_ul.html b/website/_includes/docs_ul.html
index 89e0805..a82a87f 100644
--- a/website/_includes/docs_ul.html
+++ b/website/_includes/docs_ul.html
@@ -17,7 +17,9 @@
 
   {% for p in site.docs %}
     {% if p.url == item_url %}
-      <li><a href="{{ p.url }}" class="list-group-item-lay pjaxlink" id="navlist">{{p.title}}</a></li>      
+      <li class="navlist">
+        <a href="{{ p.url }}" class="list-group-item-lay pjaxlink">{{p.title}}</a>
+      </li>      
       {% break %}
     {% endif %}
   {% endfor %}
diff --git a/website/_includes/footer.html b/website/_includes/footer.html
index a265085..f7d0374 100644
--- a/website/_includes/footer.html
+++ b/website/_includes/footer.html
@@ -21,10 +21,11 @@
         <div class="row">
             <div class="col-md-12 widget">
                 <div class="widget-body">
-                    <a href="http://www.apache.org">
-                        <img id="asf-logo" height="78px" alt="Apache Software Foundation" src="/assets/images/apache_footer.png">
-                    </a>
-
+                    <div class="footer-img">
+                        <a href="http://www.apache.org">
+                            <img id="asf-logo" height="78px" alt="Apache Software Foundation" src="/assets/images/apache_footer.png">
+                        </a>
+                    </div>
                     <p style="padding-top: 11px;">
                         The contents of this website are © 2015 Apache Software Foundation under the terms of the 
                         <a href="http://www.apache.org/licenses/LICENSE-2.0"> Apache License v2 </a>. 
diff --git a/website/_includes/header.cn.html b/website/_includes/header.cn.html
index 4690103..0631a33 100644
--- a/website/_includes/header.cn.html
+++ b/website/_includes/header.cn.html
@@ -22,23 +22,23 @@
     <div class="container-fluid" id="nav">
       <!-- Brand and toggle get grouped for better mobile display -->
       <div class="navbar-header">
+        <img class="navbar-logo" width="46" src="{{"/assets/images/kylin_logo.png " |prepend: site.baseurl }}"></img> 
+        
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-       
-      </div>
-
-      <!-- Collect the nav links, forms, and other content for toggling -->
-      <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
-        <img class="navbar-logo" width="46" src="{{"/assets/images/kylin_logo.png " |prepend: site.baseurl }}"></img>
-        <ul class="icon-navbar">
+        <ul class="nav icon-navbar">
             <li><a href="https://twitter.com/apachekylin" target="_blank" class="fa fa-twitter fa-lg"  title="Twitter: @ApacheKylin" ></a></li>
             <li><a href="https://github.com/apache/kylin" target="_blank" class="fa fa-github-alt fa-lg" title="Github: apache/kylin" ></a></li>          
             <li><a href="https://www.facebook.com/kylinio" target="_blank" class="fa fa-facebook fa-lg" title="Facebook: kylin.io" ></a></li>    
         </ul>
+      </div>
+
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
         <ul class="nav navbar-nav">
             <li><a href="/cn">首页</a></li>
             <li><a href="/cn/docs" >文档</a></li>
@@ -58,7 +58,7 @@
     <div class="text-center header-apache">
       <a href="http://apache.org/foundation/contributing.html" title="Support Apache" style="margin-left: 150px;">
         <div>
-          <img src="https://www.apache.org/images/SupportApache-small.png" style="height: 79px; width: 79px;">
+          <img src="https://www.apache.org/images/SupportApache-small.png">
         </div>
       </a>
     </div>  
diff --git a/website/_includes/header.html b/website/_includes/header.html
index da675e6..557fe12 100644
--- a/website/_includes/header.html
+++ b/website/_includes/header.html
@@ -26,23 +26,23 @@
       -->
       <!-- Brand and toggle get grouped for better mobile display -->
       <div class="navbar-header">
+        <img class="navbar-logo" width="46" src="{{"/assets/images/kylin_logo.png" | prepend: site.baseurl }}" ></img>
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-       
+        <ul class="nav icon-navbar">
+            <li><a href="https://twitter.com/apachekylin" target="_blank" class="fa fa-twitter fa-lg"  title="Twitter: @ApacheKylin" ></a></li>
+            <li><a href="https://github.com/apache/kylin" target="_blank" class="fa fa-github-alt fa-lg" title="Github: apache/kylin" ></a></li>
+            <li><a href="https://www.facebook.com/kylinio" target="_blank" class="fa fa-facebook fa-lg" title="Facebook: kylin.io" ></a></li>
+        </ul>
       </div>
 
       <!-- Collect the nav links, forms, and other content for toggling -->
-      <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
-        <img class="navbar-logo" width="46" src="{{"/assets/images/kylin_logo.png" | prepend: site.baseurl }}" ></img>
-        <ul class="icon-navbar">
-            <li><a href="https://twitter.com/apachekylin" target="_blank" class="fa fa-twitter fa-lg"  title="Twitter: @ApacheKylin" ></a></li>
-            <li><a href="https://github.com/apache/kylin" target="_blank" class="fa fa-github-alt fa-lg" title="Github: apache/kylin" ></a></li>          
-            <li><a href="https://www.facebook.com/kylinio" target="_blank" class="fa fa-facebook fa-lg" title="Facebook: kylin.io" ></a></li>    
-        </ul>
+      <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
+
         <ul class="nav navbar-nav">
 
           <li><a href="/">Home</a></li>
@@ -74,7 +74,7 @@
     <div class="text-center header-apache">
       <a href="http://apache.org/foundation/contributing.html" title="Support Apache" style="margin-left: 150px;">
         <div>
-          <img src="https://www.apache.org/images/SupportApache-small.png" style="height: 79px; width: 79px;">
+          <img src="https://www.apache.org/images/SupportApache-small.png" >
         </div>
       </a>
     </div>  
diff --git a/website/_includes/home_header.cn.html b/website/_includes/home_header.cn.html
index 72b800c..c648477 100644
--- a/website/_includes/home_header.cn.html
+++ b/website/_includes/home_header.cn.html
@@ -22,23 +22,22 @@
     <div class="container-fluid" id="nav">
       <!-- Brand and toggle get grouped for better mobile display -->
       <div class="navbar-header">
+        <img class="navbar-logo" src="../assets/images/kylin_logo.png" width="46"></img>
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-       
-      </div>
-
-      <!-- Collect the nav links, forms, and other content for toggling -->
-      <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
-        <img class="navbar-logo" src="../assets/images/kylin_logo.png" width="46"></img>
-        <ul class="icon-navbar">
+        <ul class="nav icon-navbar">
             <li><a href="https://twitter.com/apachekylin" target="_blank" class="fa fa-twitter fa-lg"  title="Twitter: @ApacheKylin" ></a></li>
             <li><a href="https://github.com/apache/kylin" target="_blank" class="fa fa-github-alt fa-lg" title="Github: apache/kylin" ></a></li>          
             <li><a href="https://www.facebook.com/kylinio" target="_blank" class="fa fa-facebook fa-lg" title="Facebook: kylin.io" ></a></li>    
         </ul>
+      </div>
+
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
         <ul class="nav navbar-nav">
             <li><a href="/cn">首页</a></li>
             <li><a href="/cn/docs" >文档</a></li>
@@ -58,7 +57,7 @@
     <div class="text-center header-apache">
       <a href="http://apache.org/foundation/contributing.html" title="Support Apache" style="margin-left: 150px;">
         <div>
-          <img src="https://www.apache.org/images/SupportApache-small.png" style="height: 79px; width: 79px;">
+          <img src="https://www.apache.org/images/SupportApache-small.png">
         </div>
       </a>
     </div>  
diff --git a/website/_includes/home_header.html b/website/_includes/home_header.html
index 9a49dc6..3025039 100644
--- a/website/_includes/home_header.html
+++ b/website/_includes/home_header.html
@@ -26,25 +26,23 @@
       -->
       <!-- Brand and toggle get grouped for better mobile display -->
       <div class="navbar-header">
+        <img class="navbar-logo" src="../assets/images/kylin_logo.png" width="46"></img>
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
           <span class="sr-only">Toggle navigation</span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
         </button>
-       
-      </div>
-
-      <!-- Collect the nav links, forms, and other content for toggling -->
-      <div class="navbar-collapse" id="bs-example-navbar-collapse-1">
-        <img class="navbar-logo" src="../assets/images/kylin_logo.png" width="46"></img>
-        <ul class="icon-navbar">
+        <ul class="nav icon-navbar">
             <li><a href="https://twitter.com/apachekylin" target="_blank" class="fa fa-twitter fa-lg"  title="Twitter: @ApacheKylin" ></a></li>
             <li><a href="https://github.com/apache/kylin" target="_blank" class="fa fa-github-alt fa-lg" title="Github: apache/kylin" ></a></li>          
             <li><a href="https://www.facebook.com/kylinio" target="_blank" class="fa fa-facebook fa-lg" title="Facebook: kylin.io" ></a></li>    
         </ul>
-        <ul class="nav navbar-nav">
+      </div>
 
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav">
           <li><a href="/">Home</a></li>
           <li>
             <a href="/docs">Docs</a>
@@ -74,7 +72,7 @@
     <div class="text-center header-apache">
       <a href="http://apache.org/foundation/contributing.html" title="Support Apache" style="margin-left: 150px;">
         <div>
-          <img src="https://www.apache.org/images/SupportApache-small.png" style="height: 79px; width: 79px;">
+          <img src="https://www.apache.org/images/SupportApache-small.png">
         </div>
       </a>
     </div>  
diff --git a/website/_layouts/dev.html b/website/_layouts/dev.html
index 57b997d..d3020d6 100644
--- a/website/_layouts/dev.html
+++ b/website/_layouts/dev.html
@@ -24,8 +24,8 @@
 		
 		<div class="container">
 			<div class="row">
-				{% include dev_nav.html %}
-				<div class="col-md-8 col-lg-8 col-xs-14 aside2">
+				
+				<div class="col-md-8 col-lg-8 col-xs-12 col-sm-12 aside2" style="float: right;">
 					<div id="container" class="docs">
 						<div id="pjax">
 							<h1 class="post-title">{{ page.title }}</h1>
@@ -35,6 +35,7 @@
 						</div>
 					</div>
 				</div>
+				{% include dev_nav.html %}
 			</div>
 		</div>		
 		{% include footer.html %}
diff --git a/website/_layouts/docs-cn.html b/website/_layouts/docs-cn.html
index 6eec15f..0675ea7 100644
--- a/website/_layouts/docs-cn.html
+++ b/website/_layouts/docs-cn.html
@@ -24,8 +24,7 @@
 		
 		<div class="container">
 			<div class="row">
-				{% include docs_nav.cn.html %}
-				<div class="col-md-8 col-lg-8 col-xs-14 aside2">
+				<div class="col-md-8 col-lg-8 col-xs-12 col-sm-12 aside2" style="float:right;">
 					<div id="container" class="docs">
 						<div id="pjax">
 							<h1 class="post-title">{{ page.title }}</h1>
@@ -35,6 +34,7 @@
 						</div>
 					</div>
 				</div>
+				{% include docs_nav.cn.html %}
 			</div>
 		</div>		
 		{% include footer.html %}
diff --git a/website/_layouts/docs.html b/website/_layouts/docs.html
index 8bbacdb..615140d 100644
--- a/website/_layouts/docs.html
+++ b/website/_layouts/docs.html
@@ -24,8 +24,7 @@
 		
 		<div class="container">
 			<div class="row">
-				{% include docs_nav.html %}
-				<div class="col-md-8 col-lg-8 col-xs-14 aside2">
+				<div class="col-md-8 col-lg-8 col-xs-12 col-sm-12 aside2" style="float:right;">
 					<div id="container" class="docs">
 						<div id="pjax">
 							<h1 class="post-title">{{ page.title }}</h1>
@@ -39,6 +38,7 @@
 						</div>
 					</div>
 				</div>
+				{% include docs_nav.html %}
 			</div>
 		</div>		
 		{% include footer.html %}
diff --git a/website/_layouts/docs23-cn.html b/website/_layouts/docs23-cn.html
index 68df9d6..b44fd32 100644
--- a/website/_layouts/docs23-cn.html
+++ b/website/_layouts/docs23-cn.html
@@ -25,7 +25,7 @@
 		<div class="container">
 			<div class="row">
 				{% include docs23_nav.cn.html %}
-				<div class="col-md-8 col-lg-8 col-xs-14 aside2">
+				<div class="col-md-8 col-lg-8 col-xs-12 col-sm-12 aside2">
 					<div id="container" class="docs">
 						<div id="pjax">
 							<h1 class="post-title">{{ page.title }}</h1>
diff --git a/website/_layouts/docs23.html b/website/_layouts/docs23.html
index f882b38..a408262 100644
--- a/website/_layouts/docs23.html
+++ b/website/_layouts/docs23.html
@@ -24,8 +24,8 @@
 		
 		<div class="container">
 			<div class="row">
-				{% include docs23_nav.html %}
-				<div class="col-md-8 col-lg-8 col-xs-14 aside2">
+
+				<div class="col-md-8 col-lg-8 col-xs-12 col-sm-12 aside2" style="float:right;">
 					<div id="container" class="docs">
 						<div id="pjax">
 							<h1 class="post-title">{{ page.title }}</h1>
@@ -39,6 +39,7 @@
 						</div>
 					</div>
 				</div>
+				{% include docs23_nav.html %}
 			</div>
 		</div>		
 		{% include footer.html %}
diff --git a/website/assets/css/docs.css b/website/assets/css/docs.css
index 3224dc7..6ec058f 100755
--- a/website/assets/css/docs.css
+++ b/website/assets/css/docs.css
@@ -141,4 +141,12 @@
 .docs ol {
   padding-left: 20px;
 }
-
+@media only screen and (max-width: 767px) {
+  
+  .aside2 {
+    padding: 0px 0px 0px 10px; 
+  }
+  .docs {
+    margin: 0px;
+  }
+}
diff --git a/website/assets/css/styles.css b/website/assets/css/styles.css
index 498daf3..e4c4318 100644
--- a/website/assets/css/styles.css
+++ b/website/assets/css/styles.css
@@ -263,15 +263,20 @@ a:hover, a:focus {
 	padding: 0px;
 	/* text-transform: uppercase;*/
 }
+.navbar-collapse.in {
+    overflow-y: visible;
+}
 .navbar-logo {
 	float: left;
     margin-top: 17px;
+    margin-left: 20px;
 }
 .icon-navbar {
-	float: right;
 	margin: 0px;
 	text-align: center;
 	padding: 0px;
+    position: absolute;
+    right: 20px;
 }
 .icon-navbar li{
 	float: left;
@@ -298,14 +303,15 @@ a:hover, a:focus {
 	float: none;
 	margin: 0px auto;
 	text-align: center;
-	width: 805px;
+	max-width: 805px;
+    width: 100%;
 }
 .navbar-default .navbar-nav>.open>a {
 	color: #fff;
 	background-color: #F3982A;
 }
 .navbar-nav > li > a {
-	padding: 27px 30px 25px 30px;
+	padding: 27px 20px 25px 20px;
 }
 .navbar-default {
 	background-color: #ffffff;
@@ -630,6 +636,8 @@ a.section-menu-title:hover {
 }
 .header-apache img{
     margin-top: 3px;
+    height: 79px;
+    width: 79px;
 }
 .home-pic {
     border-radius: 100%;
@@ -699,7 +707,7 @@ a.section-menu-title:hover {
 .credits {
 	margin-bottom: 100px;
 }
-.credits h2{
+.main .credits h2{
     text-align: center;
     margin: 60px 0 45px 0;
 }
@@ -948,10 +956,14 @@ ol.none-icon li{
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
 	border-color: transparent;
 }
+.navbar-toggle {
+    margin-top: 21px;
+    margin-right: 20px;
+}
 #nav.affix {
 	position: fixed;
 	top: 0;
-	width: 100%
+	width: 100%;
 }
 #nav {
 	border-radius: 0;
@@ -959,11 +971,10 @@ ol.none-icon li{
 	font-weight: 400;
 	/* text-transform: uppercase;*/
 	max-height: 340px;
-	padding-right: 15px;
-	padding-left: 15px;
 	border-bottom: 1px solid #d5d4d4;
 	background-color: #fff;
 	opacity: .95;
+	padding: 0;
 }
 .navbar-nav>li>a {
 	color: #454545;
@@ -983,41 +994,79 @@ ol.none-icon li{
 /* Max page width
 /////////////////////////////////////////////////////////////////////*/
 @media (min-width: 1200px) {
-.container {
-	max-width: 1080px;
-}
+	.container {
+		max-width: 1080px;
+	}
 }
- 
+
+
 @media only screen and (max-width: 767px) {
-/*
-#nav-wrapper{
-	position:fixed;
-	top:0px;
-	
-	}*/
 	
-#nav {
-	background-color: transparent !important;
-}
-#head {
-	margin-top: 40px;
-}
-#nav-wrapper {
-	position: fixed;
-	top: 0px;
-}
-.navbar-nav {
-	background-color: #fff;
-	border: 1px solid #d5d4d4;
-}
-.navbar-nav>li {
-	display: list-item;
-	border-bottom: 1px solid #d5d4d4;
-}
-.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
-    background-color: transparent !important;
-}
+	#nav {
+		background-color: transparent !important;
+	}
+	#head {
+		margin-top: 40px;
+		height: 300px;
+	}
+	#nav-wrapper {
+		position: fixed;
+		top: 0px;
+	}
+	.navbar-nav {
+		background-color: #fff;
+		border: 1px solid #d5d4d4;
+	}
+	.navbar-nav>li {
+		display: list-item;
+		border-bottom: 1px solid #d5d4d4;
+	}
+	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+	    background-color: transparent !important;
+	}
 
-.center {
-    text-align: center;
-}
+	.center {
+	    text-align: center;
+	}
+
+	.icon-navbar {
+		right: 80px;
+	}
+	.header-apache div {
+		margin-top: 255px;
+	}
+	#head.normal-header .header-apache div {
+		margin-top: 165px;
+	}
+	#head.normal-header {
+		height: 200px;
+	}
+    .header-apache div  {
+    	height:66px;
+    	width:66px;
+    }
+    .header-apache div img {
+    	height:60px;
+    	width:60px;
+    }
+    .footer-img {
+    	display: inline-block;
+        width: 100%;
+        text-align: center;
+        background: #fff;
+    }
+    #underfooter img {
+    	float: none;
+    	margin: 0px auto;
+    }
+    #underfooter p {
+    	padding: 11px;
+    }
+
+	.home-pic{
+		margin:0 25px 0 0;
+	}
+    .aside2 {
+        padding: 0px 0px 0px 10px; 
+    }
+}
\ No newline at end of file
diff --git a/website/index.md b/website/index.md
index 2df710e..e74e8c4 100644
--- a/website/index.md
+++ b/website/index.md
@@ -90,7 +90,7 @@ title: Home
                   <img width="30" src="assets/images/icon_index_shape.png">
                 </div>
                 <b>Seamless Integration with BI Tools:</b><br/>
-                <div class="indent" style="margin-top: 47px">Kylin currently offers integration capability with BI Tools like Tableau, PowerBI/Excel, MSTR, QlikSense, Hue and SuperSet. </div>
+                <div class="indent">Kylin currently offers integration capability with BI Tools like Tableau, PowerBI/Excel, MSTR, QlikSense, Hue and SuperSet. </div>
               </div>
             </div>
           </div>