carbondata-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From chenliang...@apache.org
Subject [08/52] [partial] incubator-carbondata-site git commit: updated website version 1
Date Mon, 26 Dec 2016 12:58:28 GMT
http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b28a17be/src/main/webapp/cd-blog-usingCarbonData.html
----------------------------------------------------------------------
diff --git a/src/main/webapp/cd-blog-usingCarbonData.html b/src/main/webapp/cd-blog-usingCarbonData.html
new file mode 100644
index 0000000..a8d835a
--- /dev/null
+++ b/src/main/webapp/cd-blog-usingCarbonData.html
@@ -0,0 +1,218 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <title>CarbonData</title>
+
+    <!-- Bootstrap -->
+  
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link href="css/style.css" rel="stylesheet">      
+    <link href="css/print.css" rel="stylesheet" >   
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <header>
+     <nav class="navbar navbar-default navbar-custom cd-navbar-wrapper" >
+      <div class="container">
+        <div class="navbar-header">
+          <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a href="index.html" class="logo">
+             <img src="images/CarbonDataLogo.png" alt="CarbonData logo" title="CarbocnData logo"  />      
+          </a>
+        </div>
+        <div class="navbar-collapse collapse cd_navcontnt" id="navbar">         
+           <ul class="nav navbar-nav navbar-right navlist-custom">
+              <li><a href="index.html" class="active hidden-xs"><i class="fa fa-home" aria-hidden="true"></i> </a></li>
+              <li><a href="index.html" class="active hidden-lg hidden-md hidden-sm">Home</a></li>
+            <!--  <li><a href="https://github.com/apache/incubator-carbondata">  </a>-->
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Download <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.2.0-incubating"  target="_blank">Apache CarbonData 0.2.0</a></li>
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.1-incubating"  target="_blank">Apache CarbonData 0.1.1</a></li>
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.0-incubating"  target="_blank">Apache CarbonData 0.1.0</a></li>
+                    <li><a href="pageinprogress.html">Release Archive</a></li>
+                    </ul>
+                </li>
+
+               </li>
+              <!--<li><a href="pageinprogress.html">OverView </a></li>-->
+             <!-- <li><a href="dashboard.html">Documentation </a></li>-->
+             <li class="dropdown">
+                  <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="quickstartDoc.html">Quick Start</a></li>
+                    <li><a href="overDoc.html">Overview</a></li>
+                    <li><a href="installingcarbondataDoc.html">Installing CarbonData</a></li>
+                    <li><a href="configuringcarbondataDoc.html">Configuring CarbonData</a></li>
+                    <li><a href="usingcarbondataDoc.html">Using CarbonData</a></li>
+                    <li><a href="usefultipsDoc.html">Useful Tips</a></li>
+                    <li><a href="usecasesDoc.html">Use Cases</a></li>
+                    <li><a href="troubleshootingDoc.html">Troubleshooting</a></li>
+                    <li><a href="faqDoc.html">FAQ</a></li>                    
+                    <li><a href="pageinprogress.html">Documentation Archive</a></li>                     
+                    </ul>
+              </li>           
+              <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a>
+                  <!--<ul class="dropdown-menu">
+                    <li><a href="contributingDoc.html"  target="_blank">Contributing to CarbonData</a></li>
+                    <li><a href="http://apache-carbondata-mailing-list-archive.1130556.n5.nabble.com/"  target="_blank">CarbonData Mailing List</a></li>
+                    </ul>-->
+                  <ul class="dropdown-menu">
+                    <li><a href="contributingDoc.html">Contributing to CarbonData</a></li>
+                    <li><a href="contributingDoc.html#Mailing_List" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Mailing_List').scrollIntoView();return false">Mailing Lists</a>
+                    </li>
+                    <li><a href="contributingDoc.html#Apache_Jira" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Apache_Jira').scrollIntoView();return false">Issue Tracker</a>
+                    </li>
+                    <li><a href="contributingDoc.html#Committers" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Committers').scrollIntoView();return false">Project Committers</a>
+                    </li>                                        
+                  </ul>
+
+                </li>
+              <!--<li><a href="http://www.apache.org/" class="hidden-lg hidden-md hidden-sm">Apache</a></li>
+              <li><a href="http://www.apache.org/" class="apache_link hidden-xs" target="blank">apache</a>
+              -->
+              <li class="dropdown">
+                  <a href="http://www.apache.org/" class="apache_link hidden-xs dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a>
+                   <ul class="dropdown-menu">
+                      <li><a href="http://www.apache.org/"  target="_blank">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses/"  target="_blank">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship.html"  target="_blank">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html"  target="_blank">Thanks</a></li>                      
+                    </ul>
+                </li>
+
+                <li class="dropdown">
+                  <a href="http://www.apache.org/" class="hidden-lg hidden-md hidden-sm dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a>
+                   <ul class="dropdown-menu">
+                      <li><a href="http://www.apache.org/"  target="_blank">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses/"  target="_blank">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship.html"  target="_blank">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html"  target="_blank">Thanks</a></li>                      
+                    </ul>
+                </li>
+
+           </ul>
+        </div><!--/.nav-collapse -->
+      </div>
+    </nav>
+     </header> <!-- end Header part -->
+   
+   <div class="fixed-padding"></div> <!--  top padding with fixde header  -->
+ 
+   <section><!-- Dashboard part --> 
+        <div class="container-fluid"> 
+            <div class="col-md-12 col-sm-12">
+                <div class="blog-content">
+                     <h4 class="title-heading">Using CarbonData
+                        <span class="title-underline"></span> 
+                     </h4>
+
+                     <p>As an organisation, we were looking for a big data platform to execute the Analytics queries. This is when we were attending one of the Spark meetups and we came to know about CarbonData. So we got interested on exploring CarbonData.</p>
+                     <p>First step was to to install and use the Carbon Data application. Installing, building and using Carbon Data is simple, even for those who are new to the Big Data Technology. We started with the Quick Start installation given in the Carbon Data online documentation. The directions given in the quick start were pretty intuitive. Within no time we were able to do the entire setup and started executing some basic queries. The directions involved the following steps:-</p>
+
+                     <ol>   
+                        <li>Download and install Spark1.5.0 to Spark 1.6.2</li>
+                        <li>Download and install Apache Thrift 0.9.3</li>
+                        <li>Download Apache CarbonData code using the following command<br>
+                          $ git clone <a href="https://github.com/apache/incubator-carbondata.git">click here</a> 
+                        </li>
+                        <li> 4. Build the downloaded CarbonData code using the following command<br>
+                            $ mvn -DskipTests -Pspark-1.6 -Dspark.version=1.6.2 clean package</li>
+                    </ol>
+                    <p>Creating the table was the first step. So, we used the Create table query to create a table with a mix of dimensions and measures.<br>
+Next, we used a CSV file to load the data from. We used the Load query next.<br>
+After the successful loading of data, we executed some basic select queries.
+                    </p>
+
+                    
+                     <p>With the quick installation so easy and intuitive, we wanted to explore more. We thought of using the CarbonData in a scenario similar to the real world. The next step was to do the CarbonData setup on the Standalone Spark cluster. After following the online documentation and with the help from their community, we were able to complete the setup.</p>
+                     <p>As we are already familiar with Parquet and Hive, we tried to compare query performance between CarbonData and Parquet. We tested the performance on 2 systems with the following setup:-</p>
+                     <ul>
+                        <li> 500 GB data</li>
+                        <li> 300 columns</li>
+                        <li> Select query on 150 columns</li>
+                        <li> Cluster setup – 5 nodes, each node having 4 core and  8 GB </li>
+                    </ul>
+                    <p>We loaded different sizes of data in the table – 10 GB, 100 GB, 500GB, 5 TB, 300 columns. For each data, the query performance was much better with CarbonData. With the increase in the data size, the difference in the query performance was even more visible.   
+                    </p>
+                     
+                     <p>Ease of loading the data was easily noticeable. The data can be loaded in the Carbon tables from a variety of sources. Carbon Data supports loading data from different files, from Parquet and Hive table, using Dataframes, and from JSON.</p>
+                  
+                    <p> Another noticeable feature was the support for the varied data types. Along with the all basic data types, CarbonData supports some complex ones as well, for e.g. Array, struct complex nested types.  
+                    </p>
+
+
+
+                  </div>
+                </div>
+            </div>     
+   </section><!-- End Dashboard part -->
+
+
+  <footer>
+    <div class="topcontant">
+      <div class="container-fluid">
+          <div class="col-md-4 col-sm-4">
+            <p class="footext">
+              Apache CarbonData, CarbonData, Apache, the Apache feather logo, and the Apache CarbonData project logo are trademarks of The Apache Software Foundation
+            </p>
+ 
+          </div>
+          <div class="col-md-8 col-sm-8">
+             <ul class="footer-nav">
+              <li><a href="">Site Map</a></li>
+              <li><a href="">Service</a></li>
+              <li><a href="">Contact us</a></li>
+             </ul>
+          </div>
+       </div>
+    </div>
+    <div class="bottomcontant">
+       <div class="container-fluid">
+          <div class="col-md-8 col-sm-8">
+            <p class="copyright-txt">Copyright © 2016. All rights reserved  &nbsp;&nbsp;|&nbsp;&nbsp;
+              <a href="#" class="term-links">Apache Software Foundation  </a>&nbsp;&nbsp;| &nbsp;&nbsp; <a href="#" class="term-links"> Privacy Policy </a>
+            </p>
+
+          </div>
+          <div class="col-md-4 col-sm-4">
+                 <div class="social-icon">
+                  <a href="#" class="icons"><i class="fa fa-facebook" aria-hidden="true"></i></a>
+                  <a href="#" class="icons"><i class="fa fa-twitter" aria-hidden="true"></i></a>
+                  <a href="#" class="icons"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
+                 </div>
+          </div>
+    </div>
+     </div>
+
+  </footer>
+
+
+
+  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
+    <script src="js/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>    
+    <script src="js/custon.js"></script>
+  </body>
+  </html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b28a17be/src/main/webapp/configuringcarbondataDoc.html
----------------------------------------------------------------------
diff --git a/src/main/webapp/configuringcarbondataDoc.html b/src/main/webapp/configuringcarbondataDoc.html
new file mode 100644
index 0000000..54f6c1a
--- /dev/null
+++ b/src/main/webapp/configuringcarbondataDoc.html
@@ -0,0 +1,243 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <title>CarbonData</title>
+
+    <!-- Bootstrap -->
+	
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link href="css/style.css" rel="stylesheet"> 
+    <link href="css/print.css" rel="stylesheet">       	
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <header>
+     <nav class="navbar navbar-default navbar-custom cd-navbar-wrapper" >
+      <div class="container">
+        <div class="navbar-header">
+          <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a href="index.html" class="logo">
+             <img src="images/CarbonDataLogo.png" alt="CarbonData logo" title="CarbocnData logo"  />      
+          </a>
+        </div>
+        <div class="navbar-collapse collapse cd_navcontnt" id="navbar">         
+         <ul class="nav navbar-nav navbar-right navlist-custom">
+              <li><a href="index.html" class="hidden-xs"><i class="fa fa-home" aria-hidden="true"></i> </a></li>
+              <li><a href="index.html" class="hidden-lg hidden-md hidden-sm">Home</a></li>
+            <!--  <li><a href="https://github.com/apache/incubator-carbondata">  </a>-->
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Download <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.2.0-incubating"  target="_blank">Apache CarbonData 0.2.0</a></li>
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.1-incubating"  target="_blank">Apache CarbonData 0.1.1</a></li>
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.0-incubating"  target="_blank">Apache CarbonData 0.1.0</a></li>
+                    <li><a href="https://cwiki.apache.org/confluence/display/CARBONDATA/Releases"  target="_blank">Release Archive</a></li>
+                    </ul>
+                </li>
+
+               </li>
+              <!--<li><a href="#">OverView </a></li>-->
+              <li class="dropdown">
+                  <a href="#" class="dropdown-toggle active " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="quickstartDoc.html">Quick Start</a></li>
+                    <li><a href="overDoc.html">Overview</a></li>
+                    <li><a href="installingcarbondataDoc.html">Installing CarbonData</a></li>
+                    <li><a href="configuringcarbondataDoc.html">Configuring CarbonData</a></li>
+                    <li><a href="usingcarbondataDoc.html">Using CarbonData</a></li>
+                    <li><a href="usefultipsDoc.html">Useful Tips</a></li>
+                    <li><a href="usecasesDoc.html">Use Cases</a></li>
+                    <li><a href="troubleshootingDoc.html">Troubleshooting</a></li>
+                    <li><a href="faqDoc.html">FAQ</a></li>                    
+                   <!-- <li><a href="pageinprogress.html">Documentation Archive</a></li>                     -->
+                    </ul>
+              </li>          
+              <li class="dropdown">
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a>
+                  <!--<ul class="dropdown-menu">
+                    <li><a href="contributingDoc.html"  target="_blank">Contributing to CarbonData</a></li>
+                    <li><a href="http://apache-carbondata-mailing-list-archive.1130556.n5.nabble.com/"  target="_blank">CarbonData Mailing List</a></li>
+                    </ul>-->
+                 <ul class="dropdown-menu">
+                    <li><a href="contributingDoc.html">Contributing to CarbonData</a></li>
+                    <li><a href="contributingDoc.html#Mailing_List" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Mailing_List').scrollIntoView();return false">Mailing Lists</a>
+                    </li>
+                    <li><a href="contributingDoc.html#Apache_Jira" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Apache_Jira').scrollIntoView();return false">Issue Tracker</a>
+                    </li>
+                    <li><a href="contributingDoc.html#Committers" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Committers').scrollIntoView();return false">Project Committers</a>
+                    </li>                                        
+                  </ul>
+
+                </li>
+              <!--<li><a href="http://www.apache.org/" class="hidden-lg hidden-md hidden-sm">Apache</a></li>
+              <li><a href="http://www.apache.org/" class="apache_link hidden-xs" target="blank">apache</a>
+              -->
+              <li class="dropdown">
+                  <a href="http://www.apache.org/" class="apache_link hidden-xs dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a>
+                   <ul class="dropdown-menu">
+                      <li><a href="http://www.apache.org/"  target="_blank">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses/"  target="_blank">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship.html"  target="_blank">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html"  target="_blank">Thanks</a></li>                      
+                    </ul>
+                </li>
+
+                <li class="dropdown">
+                  <a href="http://www.apache.org/" class="hidden-lg hidden-md hidden-sm dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a>
+                   <ul class="dropdown-menu">
+                      <li><a href="http://www.apache.org/"  target="_blank">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses/"  target="_blank">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship.html"  target="_blank">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html"  target="_blank">Thanks</a></li>                      
+                    </ul>
+                </li>
+
+           </ul>
+        </div><!--/.nav-collapse -->
+      </div>
+    </nav>
+     </header> <!-- end Header part -->
+   
+   <div class="fixed-padding"></div> <!--  top padding with fixde header  -->
+ 
+   <section><!-- Dashboard nav -->
+    <div class="container-fluid container-fluid-full">
+      <div class="row">
+        <div class="col-sm-3 col-md-3 sidebar leftMainMenu">
+               <div class="list-group panel"> 
+                   <a href="quickstartDoc.html#Quick_Start_1" class="list-group-item list-group-item-success collapsed">Quick  Start <i class="fa fa-caret-down"></i></a>
+                    <div class="collapse" id="#Quick_Start_1" style="height: 0px;">
+                      <a href="docs/latest/quick_start.html#getting-started-with-carbondata" class="list-group-item"
+                           target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('getting-started-with-carbondata').scrollIntoView();return false">Getting started with Apache CarbonData</a>
+
+                       <!--<a href="docs/latest/quick_start.html#Carbon_SQL_CLI_79" class="list-group-item"
+                           target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Carbon_SQL_CLI_79').scrollIntoView();return false">First CarbonData Project</a>
+                         -->
+                           
+                      </div>
+
+
+                  <a href="userguideDoc.html" class="list-group-item list-group-item-success collapsed"> 
+                    User Guide <i class="fa fa-caret-down"></i>
+                    </a>
+                        <div class="collapse in"  id="#">
+                            <a href="overDoc.html#Overview" class="list-group-item">Overview <i class="fa fa-caret-down"></i></a>
+                              <div class="collapse list-group-submenu" id="Overview">
+
+                                   <a href="docs/latest/overview.html#Introduction_11" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Introduction_11').scrollIntoView();return false">Introduction</a>
+
+                                   <a href="docs/latest/overview.html#CarbonData_File_Structure_23" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('CarbonData_File_Structure_23').scrollIntoView();return false">CarbonData File Structure</a>
+
+                                   <a href="docs/latest/overview.html#Features_40" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Features_40').scrollIntoView();return false">Features</a>
+
+                                   <a href="docs/latest/overview.html#Data_Types_49" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Data_Types_49').scrollIntoView();return false">Data Types</a>
+
+                                   <a href="docs/latest/overview.html#Compatibility_70" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Compatibility_70').scrollIntoView();return false">Compatibility</a>
+
+                                   <a href="docs/latest/overview.html#Packaging_and_Interfaces_73" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Packaging_and_Interfaces_73').scrollIntoView();return false">Packaging and Interfaces</a>
+
+                              </div>
+                      
+                            <a href="installingcarbondataDoc.html#InstallingcarbonData" class="list-group-item">Installation Guide <i class="fa fa-caret-down"></i>
+                            </a>
+                              <div class="collapse list-group-submenu" id="InstallingcarbonData">
+
+                                 <a href="docs/latest/installation.html#Installing_and_Configuring_CarbonData_on_Standalone_Spark_Cluster_9" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Installing_and_Configuring_CarbonData_on_Standalone_Spark_Cluster_9').scrollIntoView();return false">Installing and Configuring CarbonData on Standalone Spark Cluster</a>
+
+                                   <a href="docs/latest/installation.html#Installing_and_Configuring_Carbon_on_Spark_on_YARN_Cluster_53" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Installing_and_Configuring_Carbon_on_Spark_on_YARN_Cluster_53').scrollIntoView();return false">
+                                 Installing and Configuring CarbonData on “Spark on YARN” Cluster</a>
+                              </div>
+
+                            <a href="configuringcarbondataDoc.html#ConfiguringcarbonData" class="list-group-item"  data-toggle="collapse">Configuring CarbonData <i class="fa fa-caret-down"></i>
+                            </a>
+                              <div class="collapse in list-group-submenu" id="ConfiguringcarbonData">
+                              
+                                 <a href="docs/latest/configuring.html#System_Configuration_29" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('System_Configuration_29').scrollIntoView();return false">System Configuration</a>
+
+                                   <a href="docs/latest/configuring.html#Performance_Configuration_41" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Performance_Configuration_41').scrollIntoView();return false">Performance Configuration</a>
+
+                                    <a href="docs/latest/configuring.html#Miscellaneous_Configuration_81" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Miscellaneous_Configuration_81').scrollIntoView();return false">Miscellaneous Configuration</a>
+
+                                   <a href="docs/latest/configuring.html#Spark_Configuration_133" class="list-group-item"
+                                   target="target-iframe"  onclick="frames['target-iframe'].document.getElementById('Spark_Configuration_133').scrollIntoView();return false">Spark Configuration</a>
+
+
+                              </div>
+
+                            <a href="usingcarbondataDoc.html#UsingcarbonData" class="list-group-item">Using CarbonData <i class="fa fa-caret-down"></i>
+                            </a>
+                              <div class="collapse list-group-submenu" id="UsingcarbonData">
+                              <a href="#" class="list-group-item" data-parent="#SubMenu1">Data Management</a>
+                                <a href="#" class="list-group-item" data-parent="#SubMenu1">DDL Operations on CarbonData</a>
+                                <a href="#" class="list-group-item" data-parent="#SubMenu1">DML Operations on CarbonData</a>
+                              </div>
+                        </div>
+
+                    <a href="usefultipsDoc.html" class="list-group-item list-group-item-success collapsed">
+                    Useful Tips <i class="fa fa-caret-down"></i>
+                          </a>
+                          <div class="collapse" id="#" style="height: 0px;">
+                            <a href="#" class="list-group-item" data-toggle="collapse" data-parent="#Usefultips">
+                            Suggestion to create CarbonData table  </a>
+                            <a href="#" class="list-group-item" data-toggle="collapse" data-parent="#Usefultips">Configurations For Optimizing CarbonData Performance
+                              </a>
+                         </div>
+                   <a href="usecasesDoc.html" class="list-group-item list-group-item-success">CarbonData Use Cases</a>
+                    <!--<a href="contributingDoc.html" class="list-group-item list-group-item-success">Contributing to CarbonData.</a>-->
+                    <a href="troubleshootingDoc.html" class="list-group-item list-group-item-success">Troubleshooting</a>
+                    <a href="faqDoc.html"  class="list-group-item list-group-item-success collapsed"> 
+                      FAQ
+                    </a>
+                </div>
+        </div>
+        
+        <div class="col-sm-9 col-sm-offset-3 col-md-9 col-md-offset-3 maindashboard">
+              <div class="row placeholders">            
+                <section>
+                  <div style="padding:0 0 0 20px;">
+                    <iframe  src="docs/latest/configuring.html"  name="target-iframe"  frameborder="0" width="100%">
+                    </iframe>
+                  </div>
+                </section>
+              </div>         
+        </div>
+      </div>
+     </div>
+    </section><!-- End systemblock part -->
+
+  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
+    <script src="js/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>    
+    <script src="js/custon.js"></script>
+  </body>
+  </html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b28a17be/src/main/webapp/contributingDoc.html
----------------------------------------------------------------------
diff --git a/src/main/webapp/contributingDoc.html b/src/main/webapp/contributingDoc.html
index 4b1be9c..61c187a 100644
--- a/src/main/webapp/contributingDoc.html
+++ b/src/main/webapp/contributingDoc.html
@@ -1,115 +1,138 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-    <title>CarbonData</title>
-
-    <!-- Bootstrap -->
-	
-    <link rel="stylesheet" href="css/bootstrap.min.css">
-    <link href="css/style.css" rel="stylesheet">    	
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
-      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
-      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-    <![endif]-->
-  </head>
-  <body>
-    <header>
-     <nav class="navbar navbar-default navbar-custom cd-navbar-wrapper" >
-      <div class="container">
-        <div class="navbar-header">
-          <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a href="index.html" class="logo">
-             <img src="images/CarbonDataLogo.png" alt="CarbonData logo" title="CarbocnData logo"  />      
-          </a>
-        </div>
-        <div class="navbar-collapse collapse cd_navcontnt" id="navbar">         
-         <ul class="nav navbar-nav navbar-right navlist-custom">
-             <ul class="nav navbar-nav navbar-right navlist-custom">
-              <li><a href="index.html" ><i class="fa fa-home" aria-hidden="true"></i> </a></li>
-            <!--  <li><a href="https://github.com/apache/incubator-carbondata">  </a>-->
-               <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Download <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.2.0-incubating"  target="_blank">Apache CarbonData 0.2.0</a></li>
-                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.1-incubating"  target="_blank">Apache CarbonData 0.1.1</a></li>
-                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.0-incubating"  target="_blank">Apache CarbonData 0.1.0</a></li>
-                    </ul>
-                </li>
-
-               </li>
-             <!-- <li><a href="#">OverView </a></li>-->
-              <li><a href="dashboard.html">Documentation </a></li>
-              <!-- <li class="dropdown">
-                  <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="dashboard.html">Latest Release</a></li>
-                    <li><a href="#"  target="blank">Older Release</a></li>
-                    </ul>
-              </li>-->            
-              <li class="dropdown">
-                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a>
-                  <ul class="dropdown-menu">
-                    <li><a href="https://cwiki.apache.org/confluence/display/CARBONDATA/Contributing+to+CarbonData"  target="_blank">Contributing to CarbonData</a></li>
-                    <li><a href="http://apache-carbondata-mailing-list-archive.1130556.n5.nabble.com/"  target="_blank">CarbonData Mailing List</a></li>
-                    </ul>
-                </li>
-
-              <li><a href="http://www.apache.org/" class="apache_link" target="_blank">apache</a>
-           </ul>
-        </div><!--/.nav-collapse -->
-      </div>
-    </nav>
-     </header> <!-- end Header part -->
-   
-   <div class="fixed-padding"></div> <!--  top padding with fixde header  -->
- 
-   <section><!-- Dashboard nav -->
-    <div class="container-fluid container-fluid-full">
-      <div class="row">
-        <div class="col-sm-3 col-md-2 sidebar leftMainMenu">
-               <div class="list-group panel"> 
-                   <a href="overDoc.html" class="list-group-item list-group-item-success ">Overview</a>
-                   <a href="quickstartDoc.html" class="list-group-item list-group-item-success ">Quick Start</a>
-                   <a href="usefultipsDoc.html" class="list-group-item list-group-item-success" >Useful Tips</a>
-                   <a href="userguideDoc.html" class="list-group-item list-group-item-success ">User Guide</a>
-                   <a href="usingcarbondataDoc.html" class="list-group-item list-group-item-success ">Using CarbonData</a>
-                   <a href="usecasesDoc.html" class="list-group-item list-group-item-success">Use Cases</a>
-                   <a href="contributingDoc.html" class="list-group-item list-group-item-success active">Contributing to CarbonData</a>
-                   <a href="troubleshootingDoc.html" class="list-group-item list-group-item-success ">Troubleshooting</a>
-                   <a href="faqDoc.html" class="list-group-item list-group-item-success ">FAQ</a>
-                </div>
-        </div>
-        
-        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 maindashboard">
-              <div class="row placeholders">            
-                <section>
-                  <div style="padding:0 0 0 20px;">
-                    <iframe  src="docs/latest/Contribution.html"  frameborder="0" width="100%">
-                    </iframe>
-                  </div>
-                </section>
-              </div>         
-        </div>
-      </div>
-     </div>
-    </section><!-- End systemblock part -->
-
-  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
-
-    <script src="js/jquery.min.js"></script>
-    <!-- Include all compiled plugins (below), or include individual files as needed -->
-    <script src="js/bootstrap.min.js"></script>    
-    <script src="js/custon.js"></script>
-  </body>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <title>CarbonData</title>
+
+    <!-- Bootstrap -->
+	
+    <link rel="stylesheet" href="css/bootstrap.min.css">
+    <link href="css/style.css" rel="stylesheet">   
+    <link href="css/print.css" rel="stylesheet">     	
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+  <body>
+    <header>
+     <nav class="navbar navbar-default navbar-custom cd-navbar-wrapper" >
+      <div class="container">
+        <div class="navbar-header">
+          <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a href="index.html" class="logo">
+             <img src="images/CarbonDataLogo.png" alt="CarbonData logo" title="CarbocnData logo"  />      
+          </a>
+        </div>
+        <div class="navbar-collapse collapse cd_navcontnt" id="navbar">         
+         <ul class="nav navbar-nav navbar-right navlist-custom">
+              <li><a href="index.html" class="hidden-xs"><i class="fa fa-home" aria-hidden="true"></i> </a></li>
+              <li><a href="index.html" class="hidden-lg hidden-md hidden-sm">Home</a></li>
+            <!--  <li><a href="https://github.com/apache/incubator-carbondata">  </a>-->
+               <li class="dropdown">
+                  <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Download <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.2.0-incubating"  target="_blank">Apache CarbonData 0.2.0</a></li>
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.1-incubating"  target="_blank">Apache CarbonData 0.1.1</a></li>
+                    <li><a href="https://www.apache.org/dyn/closer.lua/incubator/carbondata/0.1.0-incubating"  target="_blank">Apache CarbonData 0.1.0</a></li>
+                    <li><a href="https://cwiki.apache.org/confluence/display/CARBONDATA/Releases"  target="_blank">Release Archive</a></li>
+                    </ul>
+                </li>
+
+               </li>
+              <!--<li><a href="#">OverView </a></li>-->
+              <li class="dropdown">
+                  <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Documentation <span class="caret"></span></a>
+                  <ul class="dropdown-menu">
+                    <li><a href="quickstartDoc.html">Quick Start</a></li>
+                    <li><a href="overDoc.html">Overview</a></li>
+                    <li><a href="installingcarbondataDoc.html">Installing CarbonData</a></li>
+                    <li><a href="configuringcarbondataDoc.html">Configuring CarbonData</a></li>
+                    <li><a href="usingcarbondataDoc.html">Using CarbonData</a></li>
+                    <li><a href="usefultipsDoc.html">Useful Tips</a></li>
+                    <li><a href="usecasesDoc.html">Use Cases</a></li>
+                    <li><a href="troubleshootingDoc.html">Troubleshooting</a></li>
+                    <li><a href="faqDoc.html">FAQs</a></li>                    
+                    <!--<li><a href="pageinprogress.html">Documentation Archive</a></li>                     -->
+                    </ul>
+              </li>        
+              <li class="dropdown">
+                  <a href="#" class="dropdown-toggle active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Community <span class="caret"></span></a>
+                   <ul class="dropdown-menu">
+                    <li><a href="contributingDoc.html">Contributing to CarbonData</a></li>
+                    <li><a href="docs/latest/Contribution.html#Mailing_List" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Mailing_List').scrollIntoView();return false">Mailing Lists</a>
+                    </li>
+                    <li><a href="docs/latest/Contribution.html#Apache_Jira" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Apache_Jira').scrollIntoView();return false">Issue Tracker</a>
+                    </li>
+                    <li><a href="docs/latest/Contribution.html#Committers" class="list-group-item"
+                           target="target-iframe-contribute"  onclick="frames['target-iframe-contribute'].document.getElementById('Committers').scrollIntoView();return false">Project Committers</a>
+                    </li>                                        
+                  </ul>
+
+                  
+                </li>
+            
+            <li class="dropdown">
+                  <a href="http://www.apache.org/" class="apache_link hidden-xs dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a>
+                   <ul class="dropdown-menu">
+                      <li><a href="http://www.apache.org/"  target="_blank">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses/"  target="_blank">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship.html"  target="_blank">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html"  target="_blank">Thanks</a></li>                      
+                    </ul>
+                </li>
+
+                <li class="dropdown">
+                  <a href="http://www.apache.org/" class="hidden-lg hidden-md hidden-sm dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Apache</a>
+                   <ul class="dropdown-menu">
+                      <li><a href="http://www.apache.org/"  target="_blank">Apache Homepage</a></li>
+                      <li><a href="http://www.apache.org/licenses/"  target="_blank">License</a></li>
+                      <li><a href="http://www.apache.org/foundation/sponsorship.html"  target="_blank">Sponsorship</a></li>
+                      <li><a href="http://www.apache.org/foundation/thanks.html"  target="_blank">Thanks</a></li>                      
+                    </ul>
+                </li>
+           </ul>
+        </div><!--/.nav-collapse -->
+      </div>
+    </nav>
+     </header> <!-- end Header part -->
+   
+   <div class="fixed-padding"></div> <!--  top padding with fixde header  -->
+ 
+   <section><!-- Dashboard nav -->
+    <div class="container-fluid container-fluid-full">
+      <div class="row">        
+        <div class="col-sm-12 col-md-12 maindashboard">
+              <div class="row placeholders">            
+                <section>
+                  <div style="padding:0 0 0 20px;">
+                    <iframe  src="docs/latest/Contribution.html" name="target-iframe-contribute"  id="target-iframe" frameborder="0" width="100%">
+                    </iframe>
+                  </div>
+                </section>
+              </div>         
+        </div>
+      </div>
+     </div>
+    </section><!-- End systemblock part -->
+
+  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
+    <script src="js/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>    
+    <script src="js/custon.js"></script>
+  </body>
   </html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b28a17be/src/main/webapp/css/print.css
----------------------------------------------------------------------
diff --git a/src/main/webapp/css/print.css b/src/main/webapp/css/print.css
new file mode 100644
index 0000000..0c809d5
--- /dev/null
+++ b/src/main/webapp/css/print.css
@@ -0,0 +1,5 @@
+@media print {
+   body { color: #000;  background: #fff; }
+   header{ display: none;}
+   .sidebar{ display: none;}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b28a17be/src/main/webapp/css/style.css
----------------------------------------------------------------------
diff --git a/src/main/webapp/css/style.css b/src/main/webapp/css/style.css
index 79e3471..bfbc52c 100644
--- a/src/main/webapp/css/style.css
+++ b/src/main/webapp/css/style.css
@@ -1,11 +1,9 @@
 
 @import url("../fonts/fonts_styles.css");
-
 @import url("font-awesome.min.css");
-
 *{margin: 0; padding: 0;}
 
-body{background:#f9f9f9; color:#000 ; font-family:'Open Sans', arial, helvatica,  sans-serif; font-size:14px; line-height:22px;}
+body{background:#fdfdfd; color:#000 ; font-family:'Open Sans', arial, helvatica,  sans-serif; font-size:14px; line-height:22px;}
 
 a{-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
@@ -15,12 +13,12 @@ a{-webkit-transition: all .1s ease-in-out;
 	outline:none
 }
 
-a{ color:#00a0d2;  text-decoration: none;}
+a{ color:#00a0d2;  text-decoration: none; cursor: pointer;}
 a:hover, a:focus{ color:#ff943d; text-decoration:none}
 
 img{ max-width:100%; height:auto}
 
-.container-fluid{ max-width: 1240px}
+.container-fluid{ max-width: 1180px}
 .container-fluid-full{ max-width: 100%}
 
 
@@ -30,38 +28,60 @@ img{ max-width:100%; height:auto}
 
 .getmore-btn:hover, .knowmore-btn:hover, .join-community:hover
 .getmore-btn:hover, .knowmore-btn:focus, .join-community:focus
- {display: block; background: #d57222; color: #fff;  text-decoration: none; }
+ {display: block; background: #dd6300; color: #fff;  text-decoration: none; }
 
 
-.navbar-nav>li>.dropdown-menu {padding: 0;  margin-top: -1px;   color: #fff !important; text-decoration: none;  background: #dd6300 !important; box-shadow: none;  border: 1px solid #dd6300 !important;
-}
-.cd_navcontnt li>.dropdown-menu a:hover, .cd_navcontnt li>.dropdown-menu a.active { color: #dd6300 !important; text-decoration:none; background: #fff !important;}
 
 
 .desktop-view{ display:block}
 .mobile-view{ display:none}
 
+header{position: fixed;z-index: 9999; width: 100%; height: 52px }
+
+ .fixed-padding{ position: relative; padding-top:50px; }
+
+
 /*a.logo { width: 210px; display: inline-block;  margin: 10px 0;}*/
 a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
-.cd-navbar-wrapper.navbar {margin-bottom:0px;border-bottom: 4px solid #dd6300; border-radius: 0}
+.cd-navbar-wrapper.navbar {margin-bottom:0px;border-bottom: 4px solid #ff943d; border-radius: 0}
 /*.cd_navcontnt { margin-top: 20px;}*/
 .cd_navcontnt{ margin-top: 5px}
-.cd_navcontnt li a { padding: 10px 20px;text-transform: uppercase; font-size: 14px; font-weight: 500; color: #222 !important;}
-/*.cd_navcontnt li a:hover { color: #dd6300 !important; text-decoration: none;}
-.cd_navcontnt li a.active { color: #dd6300 !important; text-decoration: underline;}*/
-.cd_navcontnt li a:hover, .cd_navcontnt li a.active { color: #fff !important; text-decoration:none; background: #dd6300 !important;}
+.cd_navcontnt li a { padding: 10px 20px;text-transform: capitalize; font-size: 15px; font-weight: 500; color: #222 !important;}
+/*.cd_navcontnt li a:hover { color: #ff943d !important; text-decoration: none;}
+.cd_navcontnt li a.active { color: #ff943d !important; text-decoration: underline;}*/
+.cd_navcontnt li a:hover {background: #ff8624 !important; color: #fff !important;}
+.cd_navcontnt li a.active { color: #fff !important; text-decoration:none; background: #ff943d !important;}
 .cd_navcontnt li a i.fa.fa-home{font-size: 18px;}
 .cd_navcontnt li a.apache_link { width: 26px; height: auto; display: inline-block !important;margin: 0 10px; padding: 10px 0 !important; 
   background: url(../images/CDapacheGray_icon.png) no-repeat center center !important; text-indent: -9999px; background-size: contain !important;}
 
 .cd_navcontnt li a.apache_link:hover {background: url(../images/CDapache_icon.png) no-repeat center center !important; background-size:contain !important;}
 
+.navbar-nav>li>.dropdown-menu { padding: 0; margin-top: 0px; color: #ff943d !important;  text-decoration: none; 
+  background: #f8f8f8 !important; box-shadow: none; border: 1px solid #ff943d !important; border-top: 4px solid #ff943d !important;
+left: auto; right: auto;}
+
+.cd_navcontnt li>.dropdown-menu a {color: #444 !important; padding: 5px 15px; font-size: 14px;}
+.cd_navcontnt li>.dropdown-menu a:hover, .cd_navcontnt li>.dropdown-menu a.active { color: #fff !important; text-decoration: none;
+    background: #ff943d !important;}
+
+.navbar-nav>li>.apache_link + .dropdown-menu   {left: auto; right: 0;}
+
+.cd-homebanner{ width: 100%; min-height:280px; background: url(../images/CDbannerSliderbg.jpg) no-repeat top center; background-size: cover;}
+.cd-homebanner .slide-title {
+    font-size: 36px;
+    color: #fffefe;
+    line-height: 50px;
+    display: inline-block;
+    text-align: left;
+    width: 90%;
+    max-width: 520px;
+    margin-top: 90px;
+    margin-left: 10%;
+}
 
-.cd-homebanner{ width: 100%; min-height:320px; background: url(../images/CDbannerSliderbg.jpg) no-repeat top center; background-size: cover;}
-.cd-homebanner .slide-title {font-size: 40px; color: #fffefe; line-height: 50px; display: inline-block; text-align: left;  width: 85%;
-    max-width: 520px; margin-top: 100px; margin-left: 15%;}
 .cd-homebanner .slide-title strong{ color: #ff943d; font-weight: 600;  }
-.cd-homebanner .slide-img { text-align: center; overflow: hidden; height: 340px;}
+.cd-homebanner .slide-img { text-align: center; overflow: hidden; height: 280px;}
 .cd-homebanner .slide-img img {height: 106%; max-width: inherit; margin-top: -1%;   }
 
 .cd-headingBar{ background: #f2f2f2; padding: 30px; margin:0}
@@ -69,27 +89,39 @@ a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
 .cd-headingBar .title .cube-icon{width:30px;height: 30px; margin:0 20px 0 0; padding:0;  display:inline-block; text-align:center;}
 .cd-headingBar .join-community-btn {display: block; background: #ff943d; border-radius: 4px; padding: 12px 40px;text-align: center; font-size: 18px; color: #fff; float: right; clear: both;
      text-transform: uppercase; font-weight: 600;}
-.cd-headingBar .join-community-btn:hover {display: block; background: #d57222}
-
-
-
-/*.cd-aboutwrapper{background: #282828; display: block;}*/
-.cd-aboutwrapper .container-fluid {padding: 0;}
+.cd-headingBar .join-community-btn:hover {display: block; background: #dd6300}
 
+.cd-joinblock {
+    background: #555;
+    padding: 10px 0;
+    /*  border-bottom: 4px solid #444;    
+    border-top: 4px solid #444;
+    */
+}
 
-.cd-aboutwrapper {
-    background: #fff;
+.cd-joinblock .title {
+    font-size: 18px;
+    color: #fff;
+    line-height:30px;
     display: block;
-        border-bottom: 1px solid #ccc;
+    text-align: center;
+    margin: 0 0 10px ;
 }
-
-.cd-aboutblock {
-    padding: 20px 20px 0 0px;
+.cd-joinblock .subscribe-btn {
     display: block;
+    background: #ff943d;
+    border-radius: 2px;
+    padding: 10px 40px;
+    text-align: center;
+    font-size: 18px;
+    color: #fff;
     clear: both;
-    border-right: 1px solid #ddd;
-    padding-bottom: 60px;
+    text-transform: capitalize;
+    font-weight: 600;
+    width: 220px;
+    margin: 20px auto 10px;
 }
+.cd-joinblock .subscribe-btn:hover {display: block; background: #dd6300}
 
 .cd-aboutblock .title {
     font-size: 24px;
@@ -109,72 +141,77 @@ a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
     display: block;
 }
 
-.cd-aboutblock .para-txt {
-    font-size: 14px;
-    color: #111;
-    line-height: 22px;
+.cd-aboutblock .para-txt { font-size: 14px;
+    color: #444;
+    line-height: 20px;
     display: block;
     text-align: left;
-    font-family: OpenSansLight;
 }
 
+.cd-aboutblock .cd-indexing-heading {
+    background: #f1f1f1;
+    font-size: 18px;
+    color: #666;
+    line-height: 36px;
+    display: block;
+    text-align: left;
+    margin: 15px 0 0px;
+    padding: 0 0 0 16px;
+    border-bottom: 1px solid #dfdfdf;
+    display: none
 
 
+}
+
+.cd-aboutblock .cd-indexing-blog {
+    border: 1px solid #f1f1f1;
+    text-align: center;
+    padding: 0px;
+    display: block;
+    margin:15px auto 15px;
+    height: 220px;
+    background: #f8f8f8;
+}
 
-.cd-aboutblock .cd-indexing-blog  img{ max-width: 100%}
+.cd-aboutblock .cd-indexing-blog  img{ max-width: 100%; height: 100%}
 
 
 
 /**/
 
 .cd-aboutwrapper {
-    background: #fff;
+    background: #fdfdfd;
     display: block;
-    border-bottom: 1px solid #ccc;
+    /*border-bottom: 4px solid #444;*/
 }
 
 .cd-aboutblock {
     padding: 10px;
     display: block;
-    clear: both;
+    clear: both;    
+    margin: 20px 0px 0;
+    /*
     border: 1px solid #ddd;
-    margin: 20px 0px;
-    background: #f6f6f6;
-}
-
-
-.cd-aboutblock .cd-indexing-blog {
-    border: 1px solid #f6f6f6;
-    text-align: center;
-    padding: 0px;
-    display: block;
-    margin: 0;
-}
-
-.cd-aboutblock .para-txt {
-    font-size: 16px;
-    color: #111;
-    line-height: 22px;
-    display: block;
-    text-align: left;
-    font-family: OpenSansLight;
-    min-height: 90px;
+    background: #f6f6f6;*/
 }
 
 
 
-.cd-aboutblock .knowmore-btn {display: block; background: #ff943d; border-radius: 1px; padding: 12px 50px;text-align: center; font-size: 18px; color: #fff; 
- clear: both; margin-bottom: 16px; text-transform: uppercase; font-weight: 600;}
-.cd-aboutblock .knowmore-btn:hover {display: block; background: #d57222}
-
 
+.cd-aboutblock .knowmore-btn {display: block; background: #ff943d; border-radius: 2px; padding: 10px 50px;text-align: center; font-size: 18px; color: #fff; 
+ clear: both; margin:10px 0; text-transform: capitalize; font-weight: 600;}
+.cd-aboutblock .knowmore-btn:hover {background: #dd6300}
 
+.right-block {
+    border-left: 1px solid #d2d2ff;
+    padding: 10px 20px 20px;
+}
 
 .cd-releaseblock {
-    background: #f6f6f6;
-    margin: 20px 0;
+    background: #f1f1f1;
+    margin: 10px 0 0;
     border-radius: 0;
-    border: 1px solid #DDD;
+    border: 1px solid #d2d2ff;
 }
 
 .cd-releaseblock .title {
@@ -192,19 +229,11 @@ a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
 .cd-releaseblock .release-date {
     font-size: 12px;
     color: #666;
-    line-height: 20px;
-    display: block;
+    line-height: 18px;
+    display: inline-block;
     text-align: left;
-    margin-bottom: 10px;
 }
 
-.cd-releaseblock .latestR {
-    display: block;
-    margin-bottom: 10px;
-   /* border-bottom: 1px dashed #aaa;*/
-    padding: 10px 15px;
-    background: #f6f6f6;
-}
 .cd-releaseblock .nextR{display: block;   padding: 2px 15px 15px;} 
 .cd-releaseblock .linkblock { display: block; max-height: 180px; overflow: auto; padding-right: 10px;}
 
@@ -213,40 +242,31 @@ a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
     display: block;
     margin-bottom: 10px;
     /* border-bottom: 1px dashed #aaa; */
-    padding: 10px 15px;
-    background: #f6f6f6;
+    padding: 10px 5px 10px 10px;
+    /*background: #f6f6f6;*/
 }
+
+.cd-releaseblock .linkblock a {font-size: 14px; display: block;line-height: 18px;}
+.block-row{ display: block;  margin-bottom: 8px; }
+.cd-releaseblock .linkblock .whatsnew {font-size: 12px; display: inline-block; padding: 0;
+    margin: 0 10px; text-transform: capitalize; text-decoration: underline; color: #666;}
+.cd-releaseblock .linkblock .whatsnew:hover{color: #ff943d}    
+
 .cd-releaseblock .nextR{ display:none;}
 
+.cd-flowblock {padding: 20px 0; background: #fdfdfd; border-bottom: 1px solid #ddd;}
+.cd-flowblock .title {font-size: 22px;  color: #444;  line-height: 24px;  display: block; text-align: center; margin: 10px 4px 30px; height:36px;  text-transform: capitalize; font-weight: 500;}
+.cd-flowblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px auto; padding: 0; display:block;}
 
-.cd-flowblock{ padding: 20px 0; background: #f6f6f6}
-.cd-columnblock {display: block; margin:5px 0; padding: 10px;}
-.cd-columnblock:hover { box-shadow: 0 2px 4px #bbb; background: #fdfdfd;}
 
-.cd-columnblock .title {
-    font-size: 18px;
-    color: #444;
-    line-height: 20px;
-    display: block;
-    text-align: center;
-    margin: 6px 4px 10px;
-    height: 30px;
-    text-transform: capitalize;
-    font-weight: 600;
-}
-.cd-columnblock .title-info {
-    font-size: 14px;
-    color: #000;
-    line-height: 22px;
-    display: block;
-    text-align: center;
-    font-family: OpenSansLight;
-    height: 60px;
-    overflow: hidden;
-    margin: 0;
-}
+.cd-columnblock {display: block; margin:5px 0; padding:10px 5px; height: 150px}
+.cd-columnblock:hover { box-shadow: 0 2px 4px #bbb; background: #f8f8f8;}
+
+
+/*
 .cd-columnblock .iconbox{ display: block; text-align: center;}
 .cd-columnblock .iconbox .icon { display: inline-block;width:80px; height:80px; border: 4px solid #ff943d; border-radius: 50%;}
+
 .cd-columnblock .iconbox .icon.uniquedata{ background: url(../images/cd-uniquedata-icon.png) no-repeat center center; background-size: 56px; }
 .cd-columnblock:hover .iconbox .icon.uniquedata{ background: #ff943d url(../images/cd-uniquedata-icon-hover.png) no-repeat center center; 
   transform:scale(1.1);  background-size: 56px;
@@ -266,7 +286,6 @@ a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
   transition: all .2s ease-in-out;
   }
 
-
 .cd-columnblock .iconbox .icon.deepsparkintegration{ background: url(../images/cd-deepsparkintegration-icon.png) no-repeat center center; background-size: 56px; }
 .cd-columnblock:hover .iconbox .icon.deepsparkintegration{ background: #ff943d url(../images/cd-deepsparkintegration-icon-hover.png) no-repeat center center; 
   transform:scale(1.1);  background-size: 56px;
@@ -302,6 +321,7 @@ a.logo { width: 170px; display: inline-block;  margin: 5px 0;}
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   }
+ */ 
 
 /*
 cd-advancedpushdownoptimization-icon.png
@@ -311,20 +331,118 @@ cd-multilevelindexing-icon.png
 cd-updatedeletesupport-icon.png
 */
 
+/*
 .cd-columnblock:hover .iconbox{transform:scale(1.1); 
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
+}*/
+
+.cd-columnblock .iconbox {
+    display: block;
+    text-align: center;
+    float: left;
 }
 
-.cd-releasedownload{ background: #555; padding: 30px; margin:0}
-.cd-releasedownload .title {font-size: 30px; color: #fff; line-height:50px; display: block; text-align: left; margin: 0;}
+
+.cd-columnblock .title {
+    font-size: 20px;
+    color: #444;
+    line-height: 22px;
+    display: table-cell;
+    text-align: left;
+    margin: 4px 0 0 50px;
+    min-height: 50px;
+    text-transform: capitalize;
+    font-weight: 500;
+    vertical-align: middle;
+    padding-left: 10px;
+}
+
+.cd-columnblock .title-info {
+    font-size: 13px;
+    color: #555;
+    line-height: 18px;
+    display: block;
+    text-align: left;     
+    overflow: hidden;
+    margin: 0;
+    padding-left: 10px;  
+    margin-top: 4px;
+}
+
+.cd-columnblock .iconbox .icon {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    border: 2px solid #ff943d;
+    border-radius: 50%;
+}
+
+.cd-columnblock .iconbox .icon.uniquedata{ background: url(../images/cd-uniquedata-icon.png) no-repeat center center; background-size: 40px; }
+.cd-columnblock:hover .iconbox .icon.uniquedata{ background: #ff943d url(../images/cd-uniquedata-icon-hover.png) no-repeat center center; 
+  transform:scale(1.1);  background-size: 40px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  }
+
+
+.cd-columnblock .iconbox .icon.multilevelindexing{ background: url(../images/cd-multilevelindexing-icon.png) no-repeat center center; background-size: 36px; }
+.cd-columnblock:hover .iconbox .icon.multilevelindexing{ background: #ff943d url(../images/cd-multilevelindexing-icon-hover.png) no-repeat center center; 
+  transform:scale(1.1);  background-size: 36px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  }
+
+.cd-columnblock .iconbox .icon.deepsparkintegration{ background: url(../images/cd-deepsparkintegration-icon.png) no-repeat center center; background-size: 36px; }
+.cd-columnblock:hover .iconbox .icon.deepsparkintegration{ background: #ff943d url(../images/cd-deepsparkintegration-icon-hover.png) no-repeat center center; 
+  transform:scale(1.1);  background-size: 36px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  }
+
+  .cd-columnblock .iconbox .icon.advancedpushdownoptimization{ background: url(../images/cd-advancedpushdownoptimization-icon.png) no-repeat center center; background-size: 36px; }
+.cd-columnblock:hover .iconbox .icon.advancedpushdownoptimization{ background: #ff943d url(../images/cd-advancedpushdownoptimization-icon-hover.png) no-repeat center center; 
+  transform:scale(1.1);  background-size: 36px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  }
+
+  .cd-columnblock .iconbox .icon.dictionaryencoding{ background: url(../images/cd-dictionaryencoding-icon.png) no-repeat center center; background-size: 36px; }
+.cd-columnblock:hover .iconbox .icon.dictionaryencoding{ background: #ff943d url(../images/cd-dictionaryencoding-icon-hover.png) no-repeat center center; 
+  transform:scale(1.1);  background-size: 36px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  }
+
+  .cd-columnblock .iconbox .icon.updatedeletesupport{ background: url(../images/cd-updatedeletesupport-icon.png) no-repeat center center; background-size: 36px; }
+.cd-columnblock:hover .iconbox .icon.updatedeletesupport{ background: #ff943d url(../images/cd-updatedeletesupport-icon-hover.png) no-repeat center center; 
+  transform:scale(1.1);  background-size: 36px;
+  -webkit-transition: all .2s ease-in-out;
+  -moz-transition: all .2s ease-in-out;
+  -o-transition: all .2s ease-in-out;
+  transition: all .2s ease-in-out;
+  }
+
+
+.cd-releasedownload{ background: #555; padding:10px; margin:0}
+.cd-releasedownload .title {font-size: 30px; color: #fff; line-height:40px; display: block; text-align: left; margin: 0;}
 .cd-releasedownload .title .cube-icon{width:30px;height: 30px; margin:0 20px 0 0; padding:0;  display:inline-block; text-align:center;}
 
-.cd-releasedownload .title .release-date {font-size:16px; color: #bbb; line-height: 16px; display: inline-block;}
+.cd-releasedownload .title .release-date {font-size:14px; color: #bbb; line-height: 16px; display: inline-block;}
 .cd-releasedownload .release-note {
-    font-size: 16px;
+    font-size: 14px;
     color: #00a0d2;
     line-height: 16px;
     display: inline-block;
@@ -333,36 +451,49 @@ cd-updatedeletesupport-icon.png
 }
 .cd-releasedownload .release-note:hover {color:#ff943d; text-decoration: underline;}
 
-.cd-releasedownload .download-btn {display: block; background: #ff943d; border-radius:1px; padding: 12px 50px;
-  text-align: center; font-size: 18px; color: #fff; float: right; clear: both; text-transform: uppercase; font-weight: 600; margin-top: 15px}
-.cd-releasedownload .download-btn:hover {display: block; background: #d57222}
+.cd-releasedownload .download-btn {display: block; background: #ff943d; border-radius:2px; padding: 12px 40px;
+  text-align: center; font-size: 18px; color: #fff; float: right; clear: both; text-transform: uppercase; font-weight: 600; margin-top: 10px}
+.cd-releasedownload .download-btn:hover {display: block; background: #dd6300}
 
 
-.cd-systemblock { padding: 20px 0; background: #EEE; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
-.cd-thecolumnblock {display: block; margin:5px 0; min-height: 280px; padding: 15px; background: #fff; box-shadow: 0 1px 1px #bbb;}
-.cd-thecolumnblock:hover { box-shadow: 0 2px 4px #bbb; background: #fff;}
-.cd-thecolumnblock .title {font-size: 20px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin: 10px 4px 10px; height: 50px;  text-transform: capitalize; font-weight: 600;}
+.cd-systemblock { padding:0; background: #f2f2f2; /*background:#EEE;*/ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
+.cd-thecolumnblock {display: block; margin:0; padding:5px;/*min-height:302px;*/  /*background: #fff; box-shadow: 0 1px 1px #bbb;*/}
+/*.cd-thecolumnblock:hover { box-shadow: 0 2px 4px #bbb; background: #fff;}*/
+.cd-thecolumnblock .title {font-size: 22px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin:0 0 10px; min-height:36px;  text-transform: capitalize; font-weight: 500;}
 .cd-thecolumnblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;}
-.cd-thecolumnblock .title-info { font-size: 14px; color: #000; line-height: 22px;    display: block; text-align: left;
-     overflow: hidden; margin: 0; font-family: OpenSansLight}
+.cd-thecolumnblock .title-info { font-size: 13px; color: #555; line-height: 18px;    display: block; text-align: left;
+     overflow: hidden; margin: 0 0 8px; /*font-family: OpenSansLight*/}
+.cd-thecolumnblock.joinblog{margin-top: 15px; background: #fff; padding:20px; margin: 15px -10px 0; box-shadow: 0 1px 1px #bbb;}
+.cd-thecolumnblock.getstartlog{background: #fff; box-shadow: 0 1px 1px #bbb; padding: 15px; margin:5px 0 15px;}
+.cd-thecolumnblock.latestblog {border: 1px dashed #999; padding: 15px; background: #fcfcfc;}     
+.cd-thecolumnblock.getstartlog .title .title-underline, .cd-thecolumnblock.latestblog .title .title-underline {background: #444;}
+
 
+.cd-thecolumnblock .listlink, .cd-thecolumnblock .orderlist{margin: 6px 0 0 20px; padding: 0;}
+.cd-thecolumnblock .listlink li { list-style-type: square; font-size: 13px; line-height: 18px; color: #555; margin-bottom: 8px;word-wrap: break-word;}
+.cd-thecolumnblock .orderlist li { font-size: 13px; line-height: 18px; color: #555; margin-bottom: 8px;}
+.cd-thecolumnblock .social-icons{ padding: 5px 0 0; text-align: right; margin: 0}
+.cd-thecolumnblock .social-icons i.fa {font-size: 24px; margin-right: 5px;color: #aaa;}
+.cd-thecolumnblock .social-icons i.fa:hover {color:#666;}
 
-.cd-apacheblock{ padding: 20px 0; 
-  background: rgba(255,255,255,1);
+
+.cd-apacheblock{ padding: 20px 0; background: #f4f4f4;
+/*
+background: rgba(255,255,255,1);
 background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(250,245,250,1)));
 background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%);
 background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%);
 background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%);
 background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(250,245,250,1) 100%);
-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf5fa', GradientType=0 );
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#faf5fa', GradientType=0 );*/
 
 }
-.cd-apachepic {display: table-cell; margin: 5px 0; height: 220px;padding: 15px; background: #fff; box-shadow: 0 1px 1px #bbb; vertical-align: middle;}
-.cd-apachetxtblock .title {font-size: 20px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin: 10px 4px 10px; height: 50px;  text-transform: capitalize; font-weight: 600;}
+.cd-apachepic {display: table-cell; margin: 5px 0; height: 180px;padding: 15px; background: #fff; box-shadow: 0 1px 1px #bbb; vertical-align: middle;}
+.cd-apachepic img{ max-width: 100%}
+.cd-apachetxtblock .title {font-size: 22px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin: 10px 4px 10px; height: 40px;  text-transform: capitalize; font-weight: 500;}
 .cd-apachetxtblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;}
-.cd-apachetxtblock .title-info { font-size: 14px; color: #000; line-height: 22px;    display: block; text-align: left;
-      overflow: hidden; margin: 0; font-family: OpenSansLight}
+.cd-apachetxtblock .title-info {font-size: 13px; color: #444; line-height: 18px; display: block; text-align: left; overflow: hidden; margin: 0 0 10px;}
 .cd-apachetxtblock .title-info .linktxt { color: #00a0d2}
 
 
@@ -381,6 +512,51 @@ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', end
 .cd-featureblock .ecosystemblock{margin: 15px; border: 1px solid rgba(255,255,255,.3); padding: 5px} 
 .cd-featureblock .performenceblock{margin: 15px; border: 1px solid rgba(255,255,255,.3); padding: 5px} 
 
+.icon-margin-r{margin-right: 10px}
+
+.cd-quickbtns {
+    background: #f1f1f1;
+    margin: 10px 0 0;
+    padding:5px 10px;
+    border: 1px solid #d2d2ff;
+}
+
+.cd-quickbtns .title {font-size: 22px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin: 10px 4px 10px; height: 40px;  text-transform: capitalize; font-weight: 500;}
+.cd-quickbtns .title .title-underline{ height: 2px; width:50px; background: #444; margin:10px 0; padding: 0; display:block;}
+
+
+.quickstart-btn {
+    background: #ff943d;
+    border: 1px solid #ff943d;
+    display: inline-block;
+    margin:5px 0 ;
+    text-align: center;
+    padding: 10px 20px;
+    color: #fff;
+    font-size: 17px;
+    font-weight: 600;
+    text-transform: capitalize;
+    width: 100%;
+    cursor: pointer;
+    position: relative;
+    border-radius: 40px;
+}
+.quickstart-btn:hover, .quickstart-btn:focus {
+    background: #dd6300;
+    border: 1px solid #dd6300;
+    color:#fff;
+}
+
+
+.quickstart-btn i.rocket-icon {
+    background: url(../images/cd-rocket-icon.png) no-repeat center center;
+    width: 34px;
+    height: 34px;
+    background-size: cover;
+    margin-top: 2px;
+}
+.quickstart-btn i.fa {font-size: 36px; position: absolute; left: 8px; top: 50%; margin-top: -19px;}
+
 
 footer{ background: #111; padding:0; }
 footer .topcontant{ display: block; padding: 20px 0; }
@@ -461,8 +637,9 @@ footer .topcontant{  display: none }
     padding:0;
     overflow-x: hidden;
     overflow-y: auto;
-    background-color: #f5f5f5;
+    background-color: #fff;
     border-right: 1px solid #ddd;
+    padding: 8px;
 }
 
 .maindashboard {
@@ -470,16 +647,7 @@ footer .topcontant{  display: none }
     background: #fff;
 
 }
-
  
-header{
-    position: fixed;
-    z-index: 9999;
-    width: 100%;
-    height: 50px
- }
-
- .fixed-padding{ position: relative; padding-top:50px; }
 
 .sidebar .nav>li>a {
     position: relative;
@@ -518,38 +686,81 @@ iframe {
     border-radius: 0;
 }
 
-.leftMainMenu .list-group-item {
-    padding: 12px 8px; margin-bottom: -1px; font-size: 13px; background: #f4f4f4; line-height: 18px;}
+.leftMainMenu .list-group-item {padding: 8px 10px; margin-bottom: -1px; font-size: 13px; background: #ddd; line-height: 18px;
+    border: 1px solid #f4f4f4;}
 
 .leftMainMenu .list-group-item:first-child { border-top-left-radius:0; border-top-right-radius:0;}
 
 .leftMainMenu .fa.fa-caret-down{ float: right;}
-.leftMainMenu .list-group-item-success {color: #3c763d; background-color: #f4f4f4;}
-.leftMainMenu .collapse.in .list-group-item { padding-left: 14px; background: #efefef;}
+.leftMainMenu .list-group-item-success {color: #3c763d; background-color: #e7e6e6;}
+.leftMainMenu .collapse.in .list-group-item { padding-left: 20px; background:#eee; color: #444}
 
 .leftMainMenu a.list-group-item-success:focus, 
 .leftMainMenu a.list-group-item-success.active, 
-.leftMainMenu a.list-group-item-success:hover { background-color: #ddd; border-color: #eee;}
+.leftMainMenu a.list-group-item-success:hover { background-color: #ccc; border-color: #f4f4f4; color: #444;}
+
 
 .leftMainMenu .list-group-submenu { margin-left:0px;}
 
 .leftMainMenu .list-group-submenu .list-group-item {
-    background: #fff !important;
-    padding-left: 20px !important;
+    background: #f9f9f9!important;
+    padding-left: 36px !important;
 }
 
+.leftMainMenu .collapse.in .list-group-item:hover {background: #e3e3e3;}
+
+.leftMainMenu .list-group-submenu .list-group-item:hover {background: #f1f1f1 !important;}
+
 .leftMainMenu .accordion-heading {  position: relative; }
 .leftMainMenu .accordion-heading .edit {
     position: absolute;
     top: 8px;
     right: 30px; 
 }
+
+
 .leftMainMenu .area { border-left: 4px solid #f38787; }
 .leftMainMenu .equipamento { border-left: 4px solid #65c465; }
 .leftMainMenu .ponto { border-left: 4px solid #98b3fa; }
 .leftMainMenu .collapse.in { overflow: visible; }
 
 
+.title-heading {
+    font-size: 20px;
+    color: #444;
+    line-height: 26px;
+    display: block;
+    text-align: left;
+    margin: 20px 5px 20px;
+    text-transform: capitalize;
+    font-weight: 600;
+}
+
+.title-heading .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;}
+
+.cd-blog-box{ display: block; border-bottom:  1px solid #eee}
+.cd-blog-box a{ color: #444}
+.cd-blog-box .title {font-size:20px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin: 10px 0 4px;text-transform: capitalize; font-weight: 500;}
+.cd-blog-box .date {
+    font-size: 12px;
+    margin: 0 0 6px;
+    color: #666;
+}
+.cd-blog-box .title-info { font-size: 13px; color: #555; line-height: 18px;display: block; text-align: left;
+     overflow: hidden; margin: 0 0 2px; /*font-family: OpenSansLight*/}
+.cd-blog-box .bloglink { font-size: 13px; color:#00a0d2}
+
+
+.blog-content{ }
+.blog-content h2 {font-size:18px;  color: #444;  line-height: 24px;  display: block; text-align: left; margin: 10px 0px 6px;  font-weight: 600;}
+.cd-thecolumnblock .title .title-underline{ height: 2px; width:50px; background: #ff943d; margin:10px 0; padding: 0; display:block;}
+.blog-content p { font-size: 13px; color: #555; line-height: 18px;    display: block; text-align: left;
+     overflow: hidden; margin: 0 0 20px; /*font-family: OpenSansLight*/}
+
+.blog-content ul, .blog-content ol{margin: 6px 0 20px 30px; padding: 0;}
+.blog-content li { list-style-type: square; font-size: 13px; line-height: 18px; color: #555; margin-bottom: 8px;}
+
+
 p img{ max-width: 100% }
 
 
@@ -559,4 +770,155 @@ p img{ max-width: 100% }
 
 /* Media Style */
 
+/*@media only screen and (min-width: 401px) and (max-width: 600px){*/
+
+@media only screen and (max-width: 990px){
+  a.logo { margin: 7px 0 0;}
+.container-fluid{ max-width: 100%}
+/*.cd-aboutwrapper .container-fluid {padding-right: 15px;   padding-left: 15px;}*/
+.container {width: 100%;}
+.cd-homebanner {min-height: auto;}
+.cd-homebanner .slide-title {font-size: 30px; line-height: 36px; width: 100%; max-width: inherit; margin-top: 20%;  margin-left: 10%;}
+.cd-homebanner .slide-img {text-align: center;overflow: hidden; height: auto; width: 100%;}
+.cd-homebanner .slide-img img {height: auto !important; max-width: 100% !important; margin-top: 0 !important;}
+
+.cd-aboutblock{ margin: 20px 0  10px;}
+.cd-releaseblock { margin: 0 0 10px; text-align: center;}
+.cd-releaseblock .title, .cd-quickbtns .title {text-align: center;}
+.cd-releaseblock .title .title-underline, .cd-quickbtns .title .title-underline{margin: 6px auto;}
+
+
+.cd-thecolumnblock { /*min-height: 400px;*/}
+.cd-releaseblock .linkblock { max-height: inherit;}
+.cd-releaseblock .linkblock a {font-size: 14px;}
+.cd-aboutblock .para-txt { min-height: inherit; margin-bottom: 20px;}
+
+.cd-aboutblock .knowmore-btn {
+    display:inline-block;
+    padding: 12px 40px;
+    font-size: 18px;
+    margin-bottom: 10px;
+    margin: 0 auto 10px;
+    width: 250px;
+}
+
+.cd-columnblock {height: 140px;}
+.cd-columnblock .iconbox { margin-bottom: 20px;}
+.cd-columnblock .title-info {font-size: 13px; line-height: 17px;  margin-top: 4px;
+}
+
+.cd-releasedownload .title { line-height: 30px; text-align: center;}
+
+
+.cd-releasedownload .title .release-date {font-size: 15px; position: relative; top: -8px;}
+.cd-releasedownload .release-note {  line-height: 14px; display: block; margin-left: 0; text-align: center;}
+
+.cd-releasedownload .title .cube-icon {width: 26px; height: 26px; margin: 0 10px 0 0;}
+
+.cd-releasedownload .download-btn {padding: 10px 30px; margin-top: 0; width: 100%;}
+
+.cd-aboutblock .cd-indexing-blog { height: auto;}
+.cd-aboutblock .cd-indexing-blog img {height: auto;}
+.right-block { padding: 15px;}
+
+.quickstart-btn {
+    padding: 10px 40px;
+    font-size: 18px;
+    display: block;
+    margin:0 0 10px;
+    width:100%;
+}
+
+.cd-thecolumnblock.joinblog { margin:20px -15px 0;}
+
+}/* Media Close*/
+
+
+@media (max-width:767px){
+
+ a.logo { width: 170px; display: inline-block; margin: 10px 10px;}
+
+ .cd_navcontnt li a.apache_link.hidden-xs{ display: none !important}
+
+ .cd_navcontnt li a { text-align: center;}
+
+ .container > .navbar-collapse .navbar-nav { margin: 0 -15px;}
+
+.container-fluid{ max-width: 100%}
+
+.container {width: 100%;}
+
+.cd-homebanner {min-height: auto;}
+
+.cd-homebanner .slide-title {font-size: 28px; width: 90%; max-width: inherit;  text-align: center; margin:40px auto;}
+.cd-homebanner .slide-img {text-align: center; overflow: hidden; height: auto; width: 100%; margin-bottom: 50px;}
+.cd-homebanner .slide-img img {height: auto !important; max-width: 100% !important; margin-top: 0 !important;}
+
+.cd-thecolumnblock { margin: 10px 0; min-height: initial;}
+
+.cd-columnblock {height: auto;}
+.cd-columnblock {margin: 5px 0 20px;}
+.cd-columnblock .title-info { min-height: inherit; height: auto;}
+
+.cd-aboutblock .cd-indexing-blog {margin: 0 0 20px;border: 1px solid #e4e4e4; height: auto;}
+.cd-aboutblock .cd-indexing-blog img {max-width: 100%; height: auto;}
+.cd-aboutblock .title {font-size: 22px; margin: 0 0 16px; text-align: center;}
+.cd-aboutblock .title .title-underline { width: 100px; margin: 5px auto 0; }
+.cd-aboutblock .para-txt {min-height: inherit; margin-bottom: 22px; text-align: center; padding: 0 15px;}
+
+.cd-aboutblock .knowmore-btn {
+    display: block;
+    padding: 12px 40px;
+    font-size: 18px;
+    margin-bottom: 10px;
+    margin: 0 auto 10px;
+    width: 230px;
+}
+
+.cd-releasedownload .title {line-height: 28px; text-align: center;font-size: 22px; margin-bottom: 14px;}
+.cd-releasedownload .title .release-date {font-size: 14px; position: relative; display: block; margin-top: 10px;}
+
+.cd-releasedownload .download-btn {padding: 10px 30px; width: 220px; float: none; margin: 30px auto 0;}
+
+.cd-featureblock .title {margin: 30px 15px 15px;}
+
+.cd-apachepic {display: block; margin: 5px 0 20px; height: auto; padding: 30px;  text-align: center;}
+
+.sidebar {position: relative; top: 0; left: 0; overflow: visible;}
+.leftMainMenu .panel { margin-bottom: 0;}
+.leftMainMenu .list-group-item {padding: 10px 20px; font-size: 14px; background: #f4f4f4; line-height: 20px;}
+
+.right-block {
+    padding: 15px 0;
+    border-top: 1px solid #d2d2ff;
+    border-left: 0;
+}
+
+.cd-aboutblock { margin:15px 0}
+.cd-thecolumnblock.joinblog { margin: 15px 0;}
+.cd-thecolumnblock.getstartlog { margin: 0px 0 15px;}
+
+.quickstart-btn {
+    padding: 10px 40px;
+    font-size: 18px;
+    display: block;
+    margin: 0 auto 10px;
+    width:300px;
+}
+
+
+
+}/* Media Close*/
+
+@media (max-width:480px){
+
+.quickstart-btn {
+    padding: 10px 20px 10px 40px;
+    font-size: 16px;
+    display: block;
+    margin: 0 auto 10px;
+    width: 94%;
+}
+
 
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-carbondata-site/blob/b28a17be/src/main/webapp/dashboard.html
----------------------------------------------------------------------
diff --git a/src/main/webapp/dashboard.html b/src/main/webapp/dashboard.html
index 36a9964..4a8fd6c 100644
--- a/src/main/webapp/dashboard.html
+++ b/src/main/webapp/dashboard.html
@@ -11,6 +11,7 @@
 	
     <link rel="stylesheet" href="css/bootstrap.min.css">
     <link href="css/style.css" rel="stylesheet">    	
+    <link href="css/print.css" rel="stylesheet">    
     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
@@ -35,8 +36,8 @@
         </div>
         <div class="navbar-collapse collapse cd_navcontnt" id="navbar">         
            <ul class="nav navbar-nav navbar-right navlist-custom">
-             <ul class="nav navbar-nav navbar-right navlist-custom">
-              <li><a href="index.html" ><i class="fa fa-home" aria-hidden="true"></i> </a></li>
+              <li><a href="index.html" class="hidden-xs"><i class="fa fa-home" aria-hidden="true"></i> </a></li>
+              <li><a href="index.html" class="hidden-lg hidden-md hidden-sm">Home</a></li>
             <!--  <li><a href="https://github.com/apache/incubator-carbondata">  </a>-->
                <li class="dropdown">
                   <a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Download <span class="caret"></span></a>
@@ -64,8 +65,8 @@
                     <li><a href="http://apache-carbondata-mailing-list-archive.1130556.n5.nabble.com/"  target="_blank">CarbonData Mailing List</a></li>
                     </ul>
                 </li>
-
-              <li><a href="http://www.apache.org/" class="apache_link" target="_blank">apache</a>
+              <li><a href="http://www.apache.org/" class="hidden-lg hidden-md hidden-sm">Apache</a></li>
+              <li><a href="http://www.apache.org/" class="apache_link hidden-xs" target="blank">apache</a>
            </ul>
         </div><!--/.nav-collapse -->
       </div>


Mime
View raw message