You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ignite.apache.org by ni...@apache.org on 2015/01/16 23:20:07 UTC

svn commit: r1652531 - in /incubator/ignite/site/branches/sidenav: clustering.html computing.html css/all.css distributedevents.html distributedmessaging.html managedservices.html scss/all.scss

Author: nivanov
Date: Fri Jan 16 22:20:06 2015
New Revision: 1652531

URL: http://svn.apache.org/r1652531
Log:
Adding patch.

Added:
    incubator/ignite/site/branches/sidenav/clustering.html
    incubator/ignite/site/branches/sidenav/distributedevents.html
    incubator/ignite/site/branches/sidenav/distributedmessaging.html
    incubator/ignite/site/branches/sidenav/managedservices.html
Modified:
    incubator/ignite/site/branches/sidenav/computing.html
    incubator/ignite/site/branches/sidenav/css/all.css
    incubator/ignite/site/branches/sidenav/scss/all.scss

Added: incubator/ignite/site/branches/sidenav/clustering.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/clustering.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/clustering.html (added)
+++ incubator/ignite/site/branches/sidenav/clustering.html Fri Jan 16 22:20:06 2015
@@ -0,0 +1,328 @@
+<!DOCTYPE html>
+
+<html xmlns="http://www.w3.org/1999/html">
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
+          rel='stylesheet' type='text/css'>
+
+</head>
+
+<body>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-3 col-sm-3 col-xs-8">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo.png" alt="ApacheIgnite"></a></div>
+
+                    </div>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <div class="collapse navbar-collapse" id="navbar">
+
+                                    <ul class="nav navbar-nav">
+
+                                        <li><a href="index.html#overview">Overview</a></li>
+
+                                        <li><a href="index.html#documentation">Documentation</a></li>
+
+                                        <li><a href="index.html#community">Community</a></li>
+
+                                        <li><a href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" role="navigation">
+
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <h1>In-Memory Data Fabric</h1>
+
+                        <li><a href="#clustering">Advanced Clustering</a></li>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="#autodiscovery">Auto Discovery</a></li>
+                                <li><a href="#pluggabledesign">Pluggable Design</a></li>
+                                <li><a href="#awssupport">AWS Support</a></li>
+                                <li><a href="#hybridclouds">Hybrid Clouds</a></li>
+                            </ul>
+
+                        <li><a href="distributedmessaging.html#distributedmessaging">Distributed Messaging</a></li>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Topic & Point-to-Point</a></li>
+                                <li><a href="">Ordered vs. Unordered</a></li>
+                            </ul>
+
+                        <li><a href="distributedevents.html#distributedevents">Distributed Events</a></li>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Local & Remote Listeners</a></li>
+                                <li><a href="">Automatic Batching</a></li>
+                            </ul>
+
+                        <li><a href="managedservices.html#managedservices">Managed Services</a></li>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Fault Tolerant Deployment</a></li>
+                                <li><a href="">Automatic Provisioning</a></li>
+                                <li><a href="">Globally Accessible</a></li>
+                            </ul>
+
+                        <li><a href="">Clustered Data Structures</a></li>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed Atomics</a></li>
+                                <li><a href="">Distributed Queues & Sets</a></li>
+                                <li><a href="">Deploy Your Own</a></li>
+                            </ul>
+
+                        <li><a href="computing.html#hpc">High Performance Computing</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed Closures</a></li>
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Automatic Failover</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Lightning Fast</a></li>
+                                <li><a href="">SQL Queries</a></li>
+                                <li><a href="">ACID Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Sliding Windows</a></li>
+                            </ul>
+                        </li>
+
+                        <h1>Hadoop Accelerator</h1>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                    <section id="clustering" class="clustering">
+                        <h2>Advanced Clustering</h2>
+
+                        <p><b>Apache Ignite provides one of the most sophisticated clustering technologies on the Java Virtual Machine (JVM).</b></p>
+
+                        <img src="images/ignite-cloud.png"/><br/><br/>
+
+                        <p>It's advanced clustering features are fully exposed to developers and offer</p>
+
+                        <ul class="list-unstyled">
+                            <li>Dynamic topology management</li>
+                            <li>Automatic discovery on LAN, WAN, and AWS</li>
+                            <li>Automatic “split-brain” (i.e. network segmentation) resolution</li>
+                            <li>Unicast, broadcast, and group-based message exchange</li>
+                            <li>On-demand and direct deployment</li>
+                            <li>Support for virtual clusters and node groupings</li>
+                        </ul>
+
+                        <div id="autodiscovery">
+                            <h2>Auto Discovery</h2>
+
+                        </div>
+
+                        <div id="pluggabledesign">
+                            <h2>Pluggable Design</h2>
+
+                        </div>
+
+                        <div id="awssupport">
+                            <h2>AWS Support</h2>
+                        </div>
+
+                        <div id="hybridclouds">
+                            <h2>Hybrid Clouds</h2>
+                        </div>
+
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#example1" data-toggle="tab">Example 1</a></li>
+                                <li><a href="#example2" data-toggle="tab">Example 2</a></li>
+                                <li><a href="#example3" data-toggle="tab">Example 3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+                                <div id="example1" class="tab-pane active">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example2" class="tab-pane">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <p>Example 3 Content</p>
+                                </div>
+                            </div>
+                        </div>
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo2.png"
+                                                                  alt="Crowley Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</a></li>
+
+                            <li><a href="index.html#documentation">Documentation</a></li>
+
+                            <li><a href="index.html#community">Community</a></li>
+
+                            <li><a href="index.html#download">Download</a></li>
+
+                        </ul>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a href="https://www.linkedin.com/company/249196" class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain" class="icon-twitter"></a></li>
+
+                            <li><a href="https://plus.google.com/101084158514011491168/posts" class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain" class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')
+        </script>
+
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                    var msViewportStyle = document.createElement('style')
+
+                    msViewportStyle.appendChild(
+
+                        document.createTextNode(
+
+                            '@-ms-viewport{width:auto!important}'
+
+                        )
+
+                    )
+
+                    document.querySelector('head').appendChild(msViewportStyle)
+
+                }
+
+
+        </script>
+
+    <!--Syntax highlighter -->
+    <script src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

Modified: incubator/ignite/site/branches/sidenav/computing.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/computing.html?rev=1652531&r1=1652530&r2=1652531&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/computing.html (original)
+++ incubator/ignite/site/branches/sidenav/computing.html Fri Jan 16 22:20:06 2015
@@ -92,12 +92,20 @@
                 <nav class="col-md-3 hidden-xs hidden-sm sidebar" role="navigation">
                     <ul class="nav nav-stacked affix list-unstyled">
 
+                        <li><a href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a href="distributedmessaging.html#distributedmessaging">Distributed Messaging</a></li>
+
+                        <li><a href="distributedevents.html#distributedevents">Distributed Events</a></li>
+
+                        <li><a href="managedservices.html#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
                         <li><a href="#hpc">High Performance Computing</a>
                             <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
-                                <li><a href="#clustering">Clustering</a></li>
-                                <li><a href="#distributedmessaging">Distributed Messaging</a></li>
-                                <li><a href="#distributedevents">Distributed Events</a></li>
-                                <li><a href="#distributedservices">Distributed Services</a></li>
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
                             </ul>
                         </li>
 
@@ -106,7 +114,6 @@
                                 <li><a href="">Distributed Caching</a></li>
                                 <li><a href="">Web Session Clustering</a></li>
                                 <li><a href="">Hibernate L2 Cache</a></li>
-                                <li><a href="">Distributed Data Structures</a></li>
                                 <li><a href="">Distributed Cache Queries</a></li>
                                 <li><a href="">Distributed Transactions</a></li>
                                 <li><a href="">Distributed Locking</a></li>
@@ -136,7 +143,7 @@
 
                         <h2>High Performance Computing</h2>
 
-                        <p>High Performance Computing (HPC) systems provide the means for parallel processing of CPU or otherwise resource intensive tasks.</p>
+                        <p><b>High Performance Computing (HPC) systems provide the means for parallel processing of CPU or otherwise resource intensive tasks.</b></p>
 
                         <img src="images/in_memory_compute.png"/><br/><br/>
 
@@ -153,23 +160,6 @@
 
                     </section>
 
-                    <section id="clustering" class="clustering">
-
-                        <h2>Clustering</h2>
-
-                        <p>Apache Ignite provides one of the most sophisticated clustering technologies on the Java Virtual Machine (JVM). It's advanced clustering features are fully exposed to developers and offer</p>
-
-                        <ul class="list-unstyled">
-                            <li>Dynamic topology management</li>
-                            <li>Automatic discovery on LAN, WAN, and AWS</li>
-                            <li>Automatic “split-brain” (i.e. network segmentation) resolution</li>
-                            <li>Unicast, broadcast, and group-based message exchange</li>
-                            <li>On-demand and direct deployment</li>
-                            <li>Support for virtual clusters and node groupings</li>
-                        </ul>
-
-                    </section>
-
                     <section id="distributedmessaging" class="distributedmessaging">
 
                         <h2>Distributed Messaging</h2>
@@ -263,7 +253,7 @@
 
                     </section>
 
-                    <section id="distributedservices" class="distributedservices">
+                    <section id="managedservices" class="managedservices">
 
                         <h2>Distributed Services</h2>
 

Modified: incubator/ignite/site/branches/sidenav/css/all.css
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/css/all.css?rev=1652531&r1=1652530&r2=1652531&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/css/all.css (original)
+++ incubator/ignite/site/branches/sidenav/css/all.css Fri Jan 16 22:20:06 2015
@@ -7630,14 +7630,14 @@ p {
 
 .sidebar {
   display: block;
-  padding: 100px 20px;
+  padding: 100px 30px;
 }
 .sidebar .nav > li > a {
-  padding: 5px 5px;
+  padding: 7px 7px;
 }
 .sidebar a {
   display: block;
-  font-size: 18px;
+  font-size: 17px;
   font-weight: 900;
   color: #808080;
   padding-left: 10px;
@@ -7646,14 +7646,20 @@ p {
   color: #f00;
   background-color: transparent;
 }
+.sidebar h1 {
+  position: relative;
+  color: #fff;
+  background-color: #f00;
+  padding: 0 10px  0 10px;
+}
 
 .sidebar-sub-menu li {
   margin-top: 2px;
   margin-bottom: 2px;
 }
 .sidebar-sub-menu li a {
-  margin-left: 20px;
-  font-size: 15px;
+  margin-left: 25px;
+  font-size: 16px;
   font-weight: 400;
   color: #999;
 }
@@ -7675,6 +7681,31 @@ p {
 .main-content h2 {
   margin: 0 0 10px;
 }
+.main-content li {
+  padding: 0 0 0 20px;
+  position: relative;
+  position: relative;
+  border-color: #373435;
+}
+.main-content li:before {
+  position: absolute;
+  content: "";
+  width: 0;
+  height: 0;
+  border-color: #373435;
+  top: 4px;
+  left: 100%;
+  margin-left: -1px;
+  margin-top: -5px;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid #373435;
+  border-left-color: inherit;
+}
+.main-content li:before {
+  left: 0;
+  margin: 0;
+}
 
 .hpc {
   margin: -8px 0 0;
@@ -7703,34 +7734,14 @@ p {
   left: 0;
   background: url(../images/sprite.png) no-repeat;
 }
-.hpc li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.hpc li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.hpc li:before {
-  left: 0;
-  margin: 0;
+@media (max-width: 767px) {
+  .hpc h2 {
+    margin: 0;
+  }
 }
 
 .clustering {
-  margin: 35px 0 0;
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
@@ -7762,34 +7773,9 @@ p {
     margin: 0;
   }
 }
-.clustering li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.clustering li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.clustering li:before {
-  left: 0;
-  margin: 0;
-}
 
 .distributedmessaging {
-  margin: 35px 0 0;
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
@@ -7821,34 +7807,9 @@ p {
     margin: 0;
   }
 }
-.distributedmessaging li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.distributedmessaging li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.distributedmessaging li:before {
-  left: 0;
-  margin: 0;
-}
 
 .distributedevents {
-  margin: 35px 0 0;
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
@@ -7880,50 +7841,25 @@ p {
     margin: 0;
   }
 }
-.distributedevents li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.distributedevents li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.distributedevents li:before {
-  left: 0;
-  margin: 0;
-}
 
-.distributedservices {
-  margin: 35px 0 0;
+.managedservices {
+  margin: -8px 0 0;
   padding: 80px 0 0;
   border-top: 2px solid #ebebeb;
   position: relative;
   z-index: 4;
 }
 @media (max-width: 992px) {
-  .distributedservices {
+  .managedservices {
     margin: 0;
     padding: 30px 0 0;
   }
 }
-.distributedservices h2 {
+.managedservices h2 {
   position: relative;
   padding: 3px 0 12px 40px;
 }
-.distributedservices h2:after {
+.managedservices h2:after {
   width: 21px;
   height: 25px;
   position: absolute;
@@ -7935,35 +7871,10 @@ p {
   background: url(../images/sprite.png) no-repeat;
 }
 @media (max-width: 767px) {
-  .distributedservices h2 {
+  .managedservices h2 {
     margin: 0;
   }
 }
-.distributedservices li {
-  padding: 0 0 0 20px;
-  position: relative;
-  position: relative;
-  border-color: #373435;
-}
-.distributedservices li:before {
-  position: absolute;
-  content: "";
-  width: 0;
-  height: 0;
-  border-color: #373435;
-  top: 4px;
-  left: 100%;
-  margin-left: -1px;
-  margin-top: -5px;
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid #373435;
-  border-left-color: inherit;
-}
-.distributedservices li:before {
-  left: 0;
-  margin: 0;
-}
 
 .tabs ul.nav.nav-tabs li a {
   color: black;

Added: incubator/ignite/site/branches/sidenav/distributedevents.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/distributedevents.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/distributedevents.html (added)
+++ incubator/ignite/site/branches/sidenav/distributedevents.html Fri Jan 16 22:20:06 2015
@@ -0,0 +1,298 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
+          rel='stylesheet' type='text/css'>
+
+</head>
+
+<body>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-3 col-sm-3 col-xs-8">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo.png" alt="ApacheIgnite"></a></div>
+
+                    </div>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <div class="collapse navbar-collapse" id="navbar">
+
+                                    <ul class="nav navbar-nav">
+
+                                        <li><a href="index.html#overview">Overview</a></li>
+
+                                        <li><a href="index.html#documentation">Documentation</a></li>
+
+                                        <li><a href="index.html#community">Community</a></li>
+
+                                        <li><a href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" role="navigation">
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <li><a href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a href="distributedmessaging.html#distributedmessaging">Distributed Messaging</a></li>
+
+                        <li><a href="#distributedevents">Distributed Events</a></li>
+
+                        <li><a href="managedservices.html#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
+                        <li><a href="computing.html#hpc">High Performance Computing</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed Caching</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                                <li><a href="">Distributed Cache Queries</a></li>
+                                <li><a href="">Distributed Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Complex Event Processing</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                     <section id="distributedevents" class="distributedevents">
+
+                        <h2>Distributed Events</h2>
+
+                        <p>Developers can use distributed events to get notified about remote tasks executions or any cache data changes within the grid. With GridGain distributed events support you can</p>
+
+                        <ul class="list-unstyled">
+                            <li>Subscribe local and remote listeners within grid</li>
+                            <li>Enable and disable any event</li>
+                            <li>Provide local and remote filters for fine-grained control over notifications</li>
+                        </ul>
+
+                         <h3>Example</h3><br>
+
+                         <div class="tabs">
+                             <ul class="nav nav-tabs">
+                                 <li class="active"><a href="#example1" data-toggle="tab">Example 1</a></li>
+                                 <li><a href="#example2" data-toggle="tab">Example 2</a></li>
+                                 <li><a href="#example3" data-toggle="tab">Example 3</a></li>
+                             </ul>
+
+                             <div class="tab-content">
+                                 <div id="example1" class="tab-pane active">
+                                     <p>Subscribe remote and local notifications for cache data updates</p>
+                                     <pre class="brush:java">
+                                         try (Grid grid = GridGain.start("examples/config/example-cache.xml")) {
+                                             final GridCache&lt;Integer, String&gt; cache = g.cache(CACHE_NAME);
+
+                                             // Sample remote filter to accept only keys that are greater than 10.
+                                             GridPredicate&lt;GridCacheEvent&gt; rmtLsnr = new GridPredicate&lt;GridCacheEvent&gt;() {
+                                                @Override public boolean apply(GridCacheEvent evt) {
+                                                   println("Cache event: " + evt);
+
+                                                   int key = evt.key();
+
+                                                   // Accept only keys greater than 10.
+                                                   return key >= 10;
+                                                }
+                                             };
+
+                                             // Subscribe to specified cache events on all nodes that have cache running.
+                                             grid.forCache(CACHE_NAME).events().remoteListen(null, rmtLsnr,
+                                                 EVT_CACHE_OBJECT_PUT,
+                                                 EVT_CACHE_OBJECT_READ,
+                                                 EVT_CACHE_OBJECT_REMOVED).get();
+                                         }
+                                     </pre>
+                                 </div>
+
+                                 <div id="example2" class="tab-pane">
+                                     <p>Example 1 Content</p>
+                                 </div>
+
+                                 <div id="example3" class="tab-pane">
+                                     <p>Example 3 Content</p>
+                                 </div>
+                             </div>
+                         </div>
+
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo2.png"
+                                                                  alt="Crowley Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</a></li>
+
+                            <li><a href="index.html#documentation">Documentation</a></li>
+
+                            <li><a href="index.html#community">Community</a></li>
+
+                            <li><a href="index.html#download">Download</a></li>
+
+                        </ul>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a href="https://www.linkedin.com/company/249196" class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain" class="icon-twitter"></a></li>
+
+                            <li><a href="https://plus.google.com/101084158514011491168/posts" class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain" class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')
+                </script>
+
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                            var msViewportStyle = document.createElement('style')
+
+                            msViewportStyle.appendChild(
+
+                                document.createTextNode(
+
+                                    '@-ms-viewport{width:auto!important}'
+
+                                )
+
+                            )
+
+                            document.querySelector('head').appendChild(msViewportStyle)
+
+                        }
+
+
+                </script>
+
+    <!--Syntax highlighter -->
+    <script src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

Added: incubator/ignite/site/branches/sidenav/distributedmessaging.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/distributedmessaging.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/distributedmessaging.html (added)
+++ incubator/ignite/site/branches/sidenav/distributedmessaging.html Fri Jan 16 22:20:06 2015
@@ -0,0 +1,316 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
+          rel='stylesheet' type='text/css'>
+
+</head>
+
+<body>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-3 col-sm-3 col-xs-8">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo.png" alt="ApacheIgnite"></a></div>
+
+                    </div>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <div class="collapse navbar-collapse" id="navbar">
+
+                                    <ul class="nav navbar-nav">
+
+                                        <li><a href="index.html#overview">Overview</a></li>
+
+                                        <li><a href="index.html#documentation">Documentation</a></li>
+
+                                        <li><a href="index.html#community">Community</a></li>
+
+                                        <li><a href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" role="navigation">
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <li><a href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a href="#distributedmessaging">Distributed Messaging</a></li>
+
+                        <li><a href="distributedevents.html#distributedevents">Distributed Events</a></li>
+
+                        <li><a href="managedservices.html#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
+                        <li><a href="computing.html#hpc">High Performance Computing</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed Caching</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                                <li><a href="">Distributed Cache Queries</a></li>
+                                <li><a href="">Distributed Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Complex Event Processing</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                    <section id="distributedmessaging" class="distributedmessaging">
+
+                        <h2>Distributed Messaging</h2>
+
+                        <p>Apache Ignite provides high-performance cluster-wide messaging functionality to exchange data via publish-subscribe and direct point-to-point communication models. Among the key features of Ignite’s messaging support are
+
+                        <ul class="list-unstyled">
+                            <li>Support for topic-based publish-subscribe model</li>
+                            <li>Support for direct point-to-point communication</li>
+                            <li>Pluggable communication transport layer</li>
+                            <li>Support for message ordering</li>
+                            <li>Cluster-aware message listener auto-deployment </li>
+                        </ul>
+
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#unordered" data-toggle="tab">Unordered Messages</a></li>
+                                <li><a href="#ordered" data-toggle="tab">Ordered Messages</a></li>
+                                <li><a href="#example3" data-toggle="tab">Example 3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+
+                                <div id="unordered" class="tab-pane active">
+                                    <p>Send and receive unordered messages</p>
+
+                                    <pre class="brush:java">
+                                        try (Grid grid = GridGain.start("examples/config/example-compute.xml")) {
+                                            // Add unordered message listener on all grid nodes.
+                                            grid.message().remoteListen("MyUnorderedTopic", new GridBiPredicate&lt;UUID, String&gt;() {
+                                                @Override public boolean apply(UUID nodeId, String msg) {
+                                                    println("Unordered message [msg=" + msg + ", fromNodeId=" + nodeId + ']');
+
+                                                    return true; // Return true to continue listening.
+                                                }
+                                            }).get();
+
+                                            // Send unordered messages to all remote nodes.
+                                            for (int i = 0; i < 10; i++)
+                                                grid.forRemotes().message().send("MyUnorderedTopic", Integer.toString(i));
+                                        }
+                                    </pre>
+                                </div>
+
+                                <div id="ordered" class="tab-pane">
+                                    <p>Send and receive ordered messages</p>
+
+                                    <pre class="brush:java">
+                                        try (Grid grid = GridGain.start()) {
+                                          // Add ordered message listener on all grid nodes.
+                                          grid.message().remoteListen("MyOrderedTopic", new GridBiPredicate&lt;UUID, String&gt;() {
+                                            @Override public boolean apply(UUID nodeId, String msg) {
+                                              println("Ordered message [msg=" + msg + ", fromNodeId=" + nodeId + ']');
+
+                                              return true; // Return true to continue listening.
+                                            }
+                                          }).get();
+
+                                          // Send ordered messages to all remote nodes.
+                                          for (int i = 0; i < 10; i++)
+                                            grid.forRemotes().message().sendOrdered("MyOrderedTopic", Integer.toString(i), 0);
+                                        }
+                                    </pre>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <h4>Example 3 Content</h4>
+                                    <p> and so on ...</p>
+                                </div>
+
+                            </div>
+
+                        </div>
+
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo2.png"
+                                                                  alt="Crowley Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</a></li>
+
+                            <li><a href="index.html#documentation">Documentation</a></li>
+
+                            <li><a href="index.html#community">Community</a></li>
+
+                            <li><a href="index.html#download">Download</a></li>
+
+                        </ul>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a href="https://www.linkedin.com/company/249196" class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain" class="icon-twitter"></a></li>
+
+                            <li><a href="https://plus.google.com/101084158514011491168/posts" class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain" class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')
+            </script>
+
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                        var msViewportStyle = document.createElement('style')
+
+                        msViewportStyle.appendChild(
+
+                            document.createTextNode(
+
+                                '@-ms-viewport{width:auto!important}'
+
+                            )
+
+                        )
+
+                        document.querySelector('head').appendChild(msViewportStyle)
+
+                    }
+
+
+            </script>
+
+    <!--Syntax highlighter -->
+    <script src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

Added: incubator/ignite/site/branches/sidenav/managedservices.html
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/managedservices.html?rev=1652531&view=auto
==============================================================================
--- incubator/ignite/site/branches/sidenav/managedservices.html (added)
+++ incubator/ignite/site/branches/sidenav/managedservices.html Fri Jan 16 22:20:06 2015
@@ -0,0 +1,278 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+
+    <meta charset="utf-8">
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <title>Apache Ignite</title>
+
+    <link media="all" rel="stylesheet" href="css/all.css">
+
+    <link media="all" rel="stylesheet" href="css/syntaxhighlighter.css">
+
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
+          rel='stylesheet' type='text/css'>
+
+</head>
+
+<body>
+
+    <div id="wrapper">
+
+        <header id="header" class="affix" data-spy="affix">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-3 col-sm-3 col-xs-8">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo.png" alt="ApacheIgnite"></a></div>
+
+                    </div>
+
+                    <div class="col-md-9 col-sm-9 col-xs-4">
+
+                        <nav id="nav" class="navbar navbar-default" role="navigation">
+
+                            <div class="container-fluid">
+
+                                <div class="navbar-header">
+
+                                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+                                            data-target="#navbar">
+
+                                        <span class="sr-only">Toggle navigation</span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                        <span class="icon-bar"></span>
+
+                                    </button>
+
+                                </div>
+
+                                <div class="collapse navbar-collapse" id="navbar">
+
+                                    <ul class="nav navbar-nav">
+
+                                        <li><a href="index.html#overview">Overview</a></li>
+
+                                        <li><a href="index.html#documentation">Documentation</a></li>
+
+                                        <li><a href="index.html#community">Community</a></li>
+
+                                        <li><a href="index.html#download">Download</a></li>
+
+                                    </ul>
+
+                                </div>
+
+                            </div>
+
+                        </nav>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </header>
+
+        <main id="main" role="main" class="container">
+            <div class="row">
+                <!-- Side Nav -->
+                <nav class="col-md-3 hidden-xs hidden-sm sidebar" role="navigation">
+                    <ul class="nav nav-stacked affix list-unstyled">
+
+                        <li><a href="clustering.html#clustering">Clustering</a></li>
+
+                        <li><a href="distributedmessaging.html#distributedmessaging">Distributed Messaging</a></li>
+
+                        <li><a href="distributedevents.html#distributedevents">Distributed Events</a></li>
+
+                        <li><a href="#managedservices">Managed Services</a></li>
+
+                        <li><a href="">Distributed Data Structures</a></li>
+
+                        <li><a href="computing.html#hpc">High Performance Computing</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Load Balancing</a></li>
+                                <li><a href="">Fault Tolerance</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Data Grid</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed Caching</a></li>
+                                <li><a href="">Web Session Clustering</a></li>
+                                <li><a href="">Hibernate L2 Cache</a></li>
+                                <li><a href="">Distributed Cache Queries</a></li>
+                                <li><a href="">Distributed Transactions</a></li>
+                                <li><a href="">Distributed Locking</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Streaming</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Complex Event Processing</a></li>
+                            </ul>
+                        </li>
+
+                        <li><a href="">Hadoop Acceleration</a>
+                            <ul class="nav nav-stacked list-unstyled sidebar-sub-menu">
+                                <li><a href="">Distributed File System</a></li>
+                                <li><a href="">MapReduce</a></li>
+                            </ul>
+                        </li>
+
+                    </ul>
+                </nav>
+
+                <!--Main Content -->
+                <div class="col-md-9 col-sm-9 main-content">
+                    <section id="managedservices" class="managedservices">
+
+                        <h2>Managed Services</h2>
+
+                        <p>Ignite allows you to control how many instances of your service should be deployed on each grid node and will automatically ensure proper deployment and fault tolerance of all managed services . With managed services you can</p>
+
+                        <ul class="list-unstyled">
+                            <li>Deploy any number of distributed service instances in the grid</li>
+                            <li>Deploy singletons, including cluster-singleton, node-singleton, or key-affinity-singleton</li>
+                            <li>Deploy distributed services on node start-up</li>
+                            <li>Undeploy any of the deployed services</li>
+                            <li>Get information about service deployment topology within the grid</li>
+                            <li>Create service proxy for accessing remotely deployed distributed services</li>
+                        </ul>
+
+                        <h3>Example</h3>
+
+                        <div class="tabs">
+                            <ul class="nav nav-tabs">
+                                <li class="active"><a href="#example1" data-toggle="tab">Example 1</a></li>
+                                <li><a href="#example2" data-toggle="tab">Example 2</a></li>
+                                <li><a href="#example3" data-toggle="tab">Example 3</a></li>
+                            </ul>
+
+                            <div class="tab-content">
+                                <div id="example1" class="tab-pane active">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example2" class="tab-pane">
+                                    <p>Example 1 Content</p>
+                                </div>
+
+                                <div id="example3" class="tab-pane">
+                                    <p>Example 3 Content</p>
+                                </div>
+                            </div>
+                        </div>
+
+                    </section>
+                </div>
+            </div>
+        </main>
+
+        <footer id="footer">
+
+            <div class="container">
+
+                <div class="row">
+
+                    <div class="col-md-4 col-sm-5">
+
+                        <div class="logo"><a href="#wrapper"><img src="images/logo2.png"
+                                                                  alt="Crowley Marine serving boalers for over years."></a>
+                        </div>
+
+                    </div>
+
+                    <nav class="col-md-4 col-sm-3 footer-nav">
+
+                        <ul class="list-unstyled">
+
+                            <li><a href="index.html#overview">Overview</a></li>
+
+                            <li><a href="index.html#documentation">Documentation</a></li>
+
+                            <li><a href="index.html#community">Community</a></li>
+
+                            <li><a href="index.html#download">Download</a></li>
+
+                        </ul>
+
+                    </nav>
+
+                    <div class="col-md-4 col-sm-4">
+
+                        <p>&copy;2014 Copyright <a href="#">Apache Ignite</a></p>
+
+                        <ul class="social-networks list-unstyled">
+
+                            <li><a href="https://www.linkedin.com/company/249196" class="icon-linkedin"></a></li>
+
+                            <li><a href="https://www.twitter.com/gridgain" class="icon-twitter"></a></li>
+
+                            <li><a href="https://plus.google.com/101084158514011491168/posts" class="icon-google-plus"></a></li>
+
+                            <li><a href="https://www.vimeo.com/gridgain" class="icon-youtube"></a></li>
+
+                        </ul>
+
+                    </div>
+
+                </div>
+
+            </div>
+
+        </footer>
+
+    </div>
+
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
+    <script type="text/javascript">window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js"><\/script>')
+                </script>
+
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
+
+    <script type="text/javascript" src="js/jquery.main.js"></script>
+
+    <script type="text/javascript">
+
+                        if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
+
+                            var msViewportStyle = document.createElement('style')
+
+                            msViewportStyle.appendChild(
+
+                                document.createTextNode(
+
+                                    '@-ms-viewport{width:auto!important}'
+
+                                )
+
+                            )
+
+                            document.querySelector('head').appendChild(msViewportStyle)
+
+                        }
+
+
+                </script>
+
+    <!--Syntax highlighter -->
+    <script src="http://crux-framework-tools.googlecode.com/svn/trunk/misc/highlight/highlightLoader.js"></script>
+
+</body>
+
+</html>
\ No newline at end of file

Modified: incubator/ignite/site/branches/sidenav/scss/all.scss
URL: http://svn.apache.org/viewvc/incubator/ignite/site/branches/sidenav/scss/all.scss?rev=1652531&r1=1652530&r2=1652531&view=diff
==============================================================================
--- incubator/ignite/site/branches/sidenav/scss/all.scss (original)
+++ incubator/ignite/site/branches/sidenav/scss/all.scss Fri Jan 16 22:20:06 2015
@@ -775,13 +775,14 @@ p {
 }
 .sidebar {
     display: block;
-    padding: 100px 20px;
+    padding: 100px 30px;
+    
     .nav > li > a {
-      padding: 6px 6px;
+      padding: 7px 7px;
     }
     a {
         display: block;
-        font-size: 18px;
+        font-size: 17px;
         font-weight: 900;
         color: #808080;
         padding-left:10px;
@@ -791,14 +792,20 @@ p {
             background-color: transparent;
         }
     }
+    h1 {
+        position: relative;
+        color: $white;
+        background-color: $red;
+        padding: 0 10px  0 10px;
+    }
 }
 .sidebar-sub-menu {
     li{
         margin-top: 2px;
         margin-bottom: 2px;
         a {
-            margin-left: 20px;
-            font-size: 15px;
+            margin-left: 25px;
+            font-size: 16px;
             font-weight: 400;
             color: #999;
         }
@@ -820,6 +827,17 @@ p {
     h2{
         margin: 0 0 10px;
     }
+
+    li {
+        padding: 0 0 0 20px;
+        position: relative;
+        @include arrow-lazy(right, 5px, $gray-dark, 4px);
+
+        &:before{
+            left: 0;
+            margin: 0;
+        }
+    }
 }
 .hpc {
 	margin: -8px 0 0;
@@ -840,20 +858,13 @@ p {
 			@include after(0,auto,auto,0);
 			background: url(../images/sprite.png) no-repeat;
 		}
-	}
-	li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
+		@media (max-width: $mobile) {
             margin: 0;
         }
-    }
+	}
 }
 .clustering {
-    margin: 35px 0 0;
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -876,19 +887,9 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
 .distributedmessaging {
-    margin: 35px 0 0;
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -911,19 +912,9 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
 .distributedevents {
-    margin: 35px 0 0;
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -946,19 +937,9 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
-.distributedservices {
-    margin: 35px 0 0;
+.managedservices {
+    margin: -8px 0 0;
     padding: 80px 0 0;
     border-top: 2px solid $gray-light;
     position: relative;
@@ -981,16 +962,6 @@ p {
             margin: 0;
         }
     }
-    li {
-        padding: 0 0 0 20px;
-        position: relative;
-        @include arrow-lazy(right, 5px, $gray-dark, 4px);
-
-        &:before{
-            left: 0;
-            margin: 0;
-        }
-    }
 }
 .tabs {
     ul.nav.nav-tabs li{