speling change + fix menu in tablet and mobile menu
diff --git a/404.html b/404.html
index 913a4e4..e26b6ef 100644
--- a/404.html
+++ b/404.html
@@ -4,10 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
     <title>404 Not found - Apache Ignite</title>
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/errors.css?ver=0.5" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/errors.css?ver=0.7" />
     <style>
       .error404 {
         flex-flow: column nowrap;
@@ -28,7 +28,7 @@
         }
       }
     </style>
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -429,6 +429,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/_src/_components/base.pug b/_src/_components/base.pug
index 0e9efd6..546a0fc 100644
--- a/_src/_components/base.pug
+++ b/_src/_components/base.pug
@@ -1,4 +1,4 @@
--  var config = { hdrClassName: '', version: '0.5' }
+-  var config = { hdrClassName: '', version: '0.7' }
 include ../_components/mixins.pug
 doctype html
 html(lang="en")
diff --git a/_src/community.pug b/_src/community.pug
index 03a7ec1..9a07414 100644
--- a/_src/community.pug
+++ b/_src/community.pug
@@ -48,8 +48,8 @@
     // /.cmtynavblock
 
     
-    section.cmtyhistory
-        .container#story
+    section.cmtyhistory#story
+        .container
             .cmtyhistory1
                 h2.cmtyhistory1__title Apache Ignite Story
                 .cmtyhistory1__wrap.flexi
diff --git a/_src/index.pug b/_src/index.pug
index 7eabf96..ab24924 100644
--- a/_src/index.pug
+++ b/_src/index.pug
@@ -34,7 +34,7 @@
             .container.innerhero__cont
                 .innerhero__main.innerhero__main--long
                     //- .innerhero__pre.pb-3 Scale Across Memory And Disk With No Compromises
-                    h1.h1.innerhero__h1.innerhero__mega Distributed Database For <br>High-Performance Applications <br>With In-Memory Speed
+                    h1.h1.innerhero__h1.innerhero__mega Distributed Database For <br>High&#8209;Performance Applications <br>With In&#8209;Memory Speed
                     .innerhero__h2.h4.pt-2 Scale Across Memory And Disk With No Compromises
                     .innerhero__action.pt-5
                         a.button.fronthero__button(href="https://ignite.apache.org/docs/latest/index") Start Coding
diff --git a/arch/clustering.html b/arch/clustering.html
index 80b641c..25f1a16 100644
--- a/arch/clustering.html
+++ b/arch/clustering.html
@@ -4,12 +4,12 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
     <title>Deployment Options</title>
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/deployment-opts.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/deployment-opts.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -456,6 +456,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/arch/multi-tier-storage.html b/arch/multi-tier-storage.html
index bc0905e9..912d03c 100644
--- a/arch/multi-tier-storage.html
+++ b/arch/multi-tier-storage.html
@@ -17,12 +17,12 @@
       property="og:description"
       content="Apache Ignite multi-tier storage uses memory, disk, and Intel Optane as active storage tiers to provide the speed of memory with the consistency of disk-based databases without the need for memory warm-ups on restarts."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/multi-tier.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/multi-tier.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -547,6 +547,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/arch/native-persistence.html b/arch/native-persistence.html
index b8abce4..e95db68 100644
--- a/arch/native-persistence.html
+++ b/arch/native-persistence.html
@@ -14,14 +14,14 @@
       property="og:description"
       content="Apache Ignite native persistence is a distributed, ACID, and SQL-compliant disk-based store. It let Ignite store more data on disk than it can cache in memory and to enable fast cluster restarts."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/default.min.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.5" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/default.min.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.7" />
     <script src="../js/vendor/highlight/highlight.min.js"></script>
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -593,6 +593,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/community.html b/community.html
index c58f4b7..6b976a0 100644
--- a/community.html
+++ b/community.html
@@ -11,11 +11,11 @@
     <meta property="og:url" content="https://ignite.apache.org/community.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Meet an Apache Ignite community and get help. Contribute to Ignite by helping answer user questions, coding, changing technical documentation, or becoming a committer and PMC member." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/communnity.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/communnity.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -375,8 +375,8 @@
       </div>
     </section>
     <!-- /.cmtynavblock-->
-    <section class="cmtyhistory">
-      <div class="container" id="story">
+    <section class="cmtyhistory" id="story">
+      <div class="container">
         <div class="cmtyhistory1">
           <h2 class="cmtyhistory1__title">Apache Ignite Story</h2>
           <div class="cmtyhistory1__wrap flexi">
@@ -1441,6 +1441,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/css/media.css b/css/media.css
index a9b4b88..a30c98a 100644
--- a/css/media.css
+++ b/css/media.css
@@ -207,6 +207,18 @@
     .cmtynavblock__list li{
         padding: 0 15px;
     }
+
+    .hdrmenu{
+        display: none;
+    }
+    .hdr__burger{
+        display: block;
+    }
+    .hdr__blue .hdr__burger img,
+    .hdr__dark .hdr__burger img{
+        filter: invert(1);
+    }
+    
     .cmtyhero{
         display: block;
         text-align: center;
@@ -406,20 +418,12 @@
 
 
 
+
+
 @media (max-width:767px) {
     body{
         font-size: 1.7rem;
     }
-    .hdrmenu{
-        display: none;
-    }
-    .hdr__burger{
-        display: block;
-    }
-    .hdr__blue .hdr__burger img,
-    .hdr__dark .hdr__burger img{
-        filter: invert(1);
-    }
     .hdr, .hdr__wrap{
         height: 65px;
     }
@@ -430,6 +434,7 @@
         font-size: 1.7rem;
         height: 35px;
     }
+
     .cmtyhero__h1 br{
         display: none;
     }
diff --git a/download.html b/download.html
index 480bc1b..5397fbb 100644
--- a/download.html
+++ b/download.html
@@ -11,16 +11,16 @@
     <meta property="og:url" content="https://ignite.apache.org/download.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Download Apache Ignite here and install in your environment. It’s for free – just select from one of the available options and download." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/download.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/default.min.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.5" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/download.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/default.min.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.7" />
     <script src="../js/vendor/highlight/highlight.min.js"></script>
     <script src="../js/vendor/highlight/xml.min.js"></script>
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -992,6 +992,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/events.html b/events.html
index 5536c01..f5ae289 100644
--- a/events.html
+++ b/events.html
@@ -11,11 +11,11 @@
     <meta property="og:url" content="https://ignite.apache.org/events.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Join our upcoming events: in-memory computing meetups, Apache Ignite summits or conferences. Find an Apache Ignite meetup/group near you." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/events.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/events.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -3476,6 +3476,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/faq.html b/faq.html
index 4405a5f..6381eda 100644
--- a/faq.html
+++ b/faq.html
@@ -11,12 +11,12 @@
     <meta property="og:url" content="https://ignite.apache.org/faq.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="What is Apache Ignite? What is in-memory computing? Read the answers on our FAQ page." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/faq.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/tooling.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/faq.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/tooling.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -572,6 +572,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/acid-transactions.html b/features/acid-transactions.html
index d571230..bbbabef 100644
--- a/features/acid-transactions.html
+++ b/features/acid-transactions.html
@@ -17,12 +17,12 @@
       property="og:description"
       content="Apache Ignite can operate in a strongly consistent mode with full support for distributed ACID transactions. Ignite is an ACID compliant storage engine which can handle possible distributed failures properly to avoid data inconsistencies cluster-wide."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/acid-transactions.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/acid-transactions.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -524,6 +524,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/compute-apis.html b/features/compute-apis.html
index 2620e1c..c7de221 100644
--- a/features/compute-apis.html
+++ b/features/compute-apis.html
@@ -11,17 +11,17 @@
     <meta property="og:url" content="https://ignite.apache.org/features/compute-apis.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Apache Ignite compute APIs allow you to perform computations at high speeds. Achieve high performance, low latency, and linear scalability in data-intensive computing." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.5" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.7" />
     <script src="../js/vendor/highlight/highlight.min.js"></script>
     <script src="../js/vendor/highlight/java.min.js"></script>
     <script src="../js/vendor/highlight/xml.min.js"></script>
     <script src="../js/vendor/highlight/csharp.min.js"></script>
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -618,6 +618,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/index.html b/features/index.html
index 0844a99..a980529 100644
--- a/features/index.html
+++ b/features/index.html
@@ -11,11 +11,11 @@
     <meta property="og:url" content="https://ignite.apache.org/features/" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Apache Ignite set of components. Learn more about Apache Ignite product features on our website." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/features.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/features.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -553,6 +553,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/key-value-apis.html b/features/key-value-apis.html
index b1bf8c1..446b54c 100644
--- a/features/key-value-apis.html
+++ b/features/key-value-apis.html
@@ -17,12 +17,12 @@
       property="og:description"
       content="Apache Ignite as a distributed key-value store is supported for different caching techniques. Ignite key-value APIs allow to create database key-value tables on-chain and increase processing performance."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/key-value-api.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/key-value-api.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -536,6 +536,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/machinelearning.html b/features/machinelearning.html
index 83d567b..f3f04e2 100644
--- a/features/machinelearning.html
+++ b/features/machinelearning.html
@@ -17,13 +17,13 @@
       property="og:description"
       content="Apache Ignite Machine Learning is a set of simple and efficient APIs to enable continuous learning. It relies on Ignite's multi-tier storage that bring massive scalability for machine learning and deep learning tasks."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/machinelearning.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/machinelearning.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -516,6 +516,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/multilanguage.html b/features/multilanguage.html
index 8e4a38e..af623a0 100644
--- a/features/multilanguage.html
+++ b/features/multilanguage.html
@@ -4,13 +4,13 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
     <title>Multi-language Support</title>
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/multilanguage.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/multilanguage.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -457,6 +457,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/service-apis.html b/features/service-apis.html
index c3c8084..122cf22 100644
--- a/features/service-apis.html
+++ b/features/service-apis.html
@@ -17,18 +17,18 @@
       property="og:description"
       content="Apache Ignite Service Grid allows to deploy various types of singleton services in the cluster or multiple service instances. Build a fault-tolerant, scalable, high-performant, microservice-based solution with Apache Ignite."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/service.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.5" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/service.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.7" />
     <script src="../js/vendor/highlight/highlight.min.js"></script>
     <script src="../js/vendor/highlight/java.min.js"></script>
     <script src="../js/vendor/highlight/xml.min.js"></script>
     <script src="../js/vendor/highlight/csharp.min.js"></script>
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -549,6 +549,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/sql.html b/features/sql.html
index 2728d8d..8093589 100644
--- a/features/sql.html
+++ b/features/sql.html
@@ -17,13 +17,13 @@
       property="og:description"
       content="Apache Ignite comes with an ANSI-99 compliant, horizontally scalable, and fault-tolerant SQL engine that allows you to interact with Ignite as with a regular SQL database. Ignite can function in a pure in-memory mode in which it shows the highest performance."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/sql.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/sql.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -580,6 +580,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/streaming.html b/features/streaming.html
index a0bc58a..195f7d4 100644
--- a/features/streaming.html
+++ b/features/streaming.html
@@ -14,13 +14,13 @@
       property="og:description"
       content="Apache Ignite data loading, streaming, and real-time processing capabilities allow to inject large amounts of data into an Ignite cluster in a scalable and fault-tolerant way. Learn more here."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/streaming.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/streaming.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -539,6 +539,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/features/tooling.html b/features/tooling.html
index 3036009..00833f7 100644
--- a/features/tooling.html
+++ b/features/tooling.html
@@ -4,11 +4,11 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
     <title>Tooling</title>
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/tooling.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/tooling.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -560,6 +560,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/index.html b/index.html
index b770633..65f2148 100644
--- a/index.html
+++ b/index.html
@@ -11,19 +11,19 @@
     <meta property="og:url" content="https://ignite.apache.org/" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Apache Ignite is a best distributed database management system for high-performance computing with in-memory speed. Learn how to use the Ignite decentralized database system and get started." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/default.min.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.5" />
-    <link rel="stylesheet" href="../js/vendor/swiper/swiper-bundle.min.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/events.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/tooling.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/frontpage.css?ver=0.5" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/default.min.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/highlight/night-owl.css?ver=0.7" />
+    <link rel="stylesheet" href="../js/vendor/swiper/swiper-bundle.min.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/events.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/tooling.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/frontpage.css?ver=0.7" />
     <script src="../js/vendor/highlight/highlight.min.js"></script>
     <script src="../js/vendor/swiper/swiper-bundle.min.js"></script>
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -365,7 +365,7 @@
       <section class="innerhero fronthero">
         <div class="container innerhero__cont">
           <div class="innerhero__main innerhero__main--long">
-            <h1 class="h1 innerhero__h1 innerhero__mega">Distributed Database For <br />High-Performance Applications <br />With In-Memory Speed</h1>
+            <h1 class="h1 innerhero__h1 innerhero__mega">Distributed Database For <br />High&#8209;Performance Applications <br />With In&#8209;Memory Speed</h1>
             <div class="innerhero__h2 h4 pt-2">Scale Across Memory And Disk With No Compromises</div>
             <div class="innerhero__action pt-5"><a class="button fronthero__button" href="https://ignite.apache.org/docs/latest/index">Start Coding</a></div>
           </div>
@@ -910,6 +910,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/js/main.js b/js/main.js
index 3d31fa8..003e0bf 100644
--- a/js/main.js
+++ b/js/main.js
@@ -83,22 +83,54 @@
 
 
 
-
-
-
-
-function topmeny(){
+function universalTopMenu(){
     let dropMenu = document.querySelector('.dropmenu');
     let dropBack = document.querySelector('.dropmenu__back');
     let hdr = document.querySelector('.hdr');
     if(!dropMenu) return;
-
     let timeoutMenu;
 
-    document.addEventListener('mouseover', (e) => {
+    function openMenuPanel(panelEl){
+        document.querySelectorAll('.dropmenu__panel').forEach(item => {
+            item.classList.toggle('active', item.dataset.menupanel === panelEl.dataset.panel);                    
+        });
+        document.querySelectorAll('.hdrmenu--expanded.active').forEach(item => {
+            item.classList.remove('active');
+        });
+        hdr.classList.add('opened');
+        panelEl.classList.add('active');
+        dropMenu.classList.add('active');
+        dropBack.classList.add('active');
+        dropMenu.style.height = document.querySelector('.dropmenu__panel.active').scrollHeight + "px";
+    };
+
+    function closeAllMenu(){
+        dropMenu.classList.remove('active');
+        dropMenu.style.height = "";
+        dropBack.classList.remove('active');
+        document.querySelectorAll('.hdrmenu--expanded.active').forEach(el => {
+            el.classList.remove('active');
+        });
+        hdr.classList.remove('opened');
+    };
+
+    //event will run in tablet screen
+    function clickMenuEvent(e){
+        const menuLink = e.target.closest('a[data-panel].hdrmenu--expanded');
+        if (menuLink){
+            e.preventDefault();
+            openMenuPanel(menuLink);
+        };
+        if(e.target.closest('.dropmenu__back')){
+            closeAllMenu();
+        }
+    }
+
+    //event will run in desctop screen
+    function hoverMenuEvent(e){
         e.preventDefault();
-        let item = e.target.closest('a[data-panel].hdrmenu--expanded');
-        if(item && item.dataset.panel !== ""){
+        let menuLink = e.target.closest('a[data-panel].hdrmenu--expanded');
+        if(menuLink && menuLink.dataset.panel !== ""){
             clearTimeout(timeoutMenu);
             timeoutMenu = setTimeout(()=> {
                 if(!document.querySelector('.hdr__wrap:hover')){
@@ -106,18 +138,7 @@
                     console.log("Menu is stopped");
                     return;
                 }
-                document.querySelectorAll('.dropmenu__panel').forEach(el => {
-                    el.classList.toggle('active', el.dataset.menupanel === item.dataset.panel);                    
-                });
-                document.querySelectorAll('.hdrmenu--expanded.active').forEach(el => {
-                    el.classList.remove('active');
-                });
-                hdr && hdr.classList.add('opened');
-                item.classList.add('active');
-                dropMenu.classList.add('active');
-                dropBack.classList.add('active');
-                console.log("Run height recalc");
-                dropMenu.style.height = document.querySelector('.dropmenu__panel.active').scrollHeight + "px";
+                openMenuPanel(menuLink);
             }, 200);
         }
         let shadow = e.target.closest('.dropmenu__back');
@@ -126,17 +147,27 @@
             // console.log(shadow);
         }
         if (shadow) {
-            dropMenu.classList.remove('active');
-            dropMenu.style.height = "";
-            dropBack.classList.remove('active');
-            document.querySelectorAll('.hdrmenu--expanded.active').forEach(el => {
-                el.classList.remove('active');
-            });
-            hdr && hdr.classList.remove('opened');
+            closeAllMenu();
         } 
-    });
+    }
+
+    function resizeChanger(){
+        closeAllMenu();
+        if(window.innerWidth > 1199){
+            document.removeEventListener('click', clickMenuEvent);
+            document.addEventListener('mouseover', hoverMenuEvent);
+        } else {
+            document.removeEventListener('mouseover', hoverMenuEvent);
+            document.addEventListener('click', clickMenuEvent);
+        }
+    }
+    resizeChanger();
+
+    window.addEventListener('resize', resizeChanger);
+
 }
-if(window.innerWidth > 1199){topmeny();}
+universalTopMenu();
+
 
 
 
diff --git a/resources.html b/resources.html
index 1cf5189..c5584d9 100644
--- a/resources.html
+++ b/resources.html
@@ -11,12 +11,12 @@
     <meta property="og:url" content="https://ignite.apache.org/resources.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Explore our collection of videos, webinar recordings, examples, and other Ignite resources. Download the Apache Ignite book." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/communnity.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/resources.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/communnity.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/resources.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -698,6 +698,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases.html b/use-cases.html
index 3f3a84c..6da01b7 100644
--- a/use-cases.html
+++ b/use-cases.html
@@ -11,11 +11,11 @@
     <meta property="og:url" content="https://ignite.apache.org/use-cases.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="The most common use-cases for Apache Ignite. Learn more how companies deploy Apache Ignite in production." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/usecases.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/usecases.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -503,6 +503,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/digital-integration-hub.html b/use-cases/digital-integration-hub.html
index ce6f0be..7d57f08 100644
--- a/use-cases/digital-integration-hub.html
+++ b/use-cases/digital-integration-hub.html
@@ -17,13 +17,13 @@
       property="og:description"
       content="Apache Ignite functions as a low-latency and shared store of the digital integration hub architecture that caches and persists data sets scattered across many disjointed back-end databases and systems."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -610,6 +610,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/hadoop-acceleration.html b/use-cases/hadoop-acceleration.html
index 5eef31d..1df9a94 100644
--- a/use-cases/hadoop-acceleration.html
+++ b/use-cases/hadoop-acceleration.html
@@ -17,14 +17,14 @@
       property="og:description"
       content="Achieve the performance acceleration of Hadoop-based systems by deploying Ignite as an in-memory computing platform designated for low-latency, high-throughput and real-time operations while Hadoop continues to be used for long-running OLAP workloads."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/hadoop.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/hadoop.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -565,6 +565,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/high-performance-computing.html b/use-cases/high-performance-computing.html
index ec3f514..1ef4a8d 100644
--- a/use-cases/high-performance-computing.html
+++ b/use-cases/high-performance-computing.html
@@ -17,12 +17,12 @@
       property="og:description"
       content="Apache Ignite enables high-performance computing by providing APIs for data and compute-intensive calculations. Using Ignite as a HPC cluster, you can turn your commodity hardware or cloud environment into a distributed supercomputer."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/high-performance-computing.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/high-performance-computing.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -641,6 +641,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/in-memory-cache.html b/use-cases/in-memory-cache.html
index fe315be..7271f88 100644
--- a/use-cases/in-memory-cache.html
+++ b/use-cases/in-memory-cache.html
@@ -17,13 +17,13 @@
       property="og:description"
       content="Apache Ignite enables high-performance computing by providing APIs for data and compute-intensive calculations. Using Ignite as a HPC cluster, you can turn your commodity hardware or cloud environment into a distributed supercomputer."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/in-memory-cache.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/in-memory-cache.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -599,6 +599,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/in-memory-data-grid.html b/use-cases/in-memory-data-grid.html
index 50d9b80..70e88b7 100644
--- a/use-cases/in-memory-data-grid.html
+++ b/use-cases/in-memory-data-grid.html
@@ -11,15 +11,15 @@
     <meta property="og:url" content="https://ignite.apache.org/use-cases/in-memory-data-grid.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="The Apache Ignite in-memory data grid accelerates and scales out distributed databases, services, and APIs. Learn more about an IMDG with Apache Ignite." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/database.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/datagrid.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/database.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/datagrid.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -609,6 +609,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/in-memory-database.html b/use-cases/in-memory-database.html
index ae7024c..82360f5 100644
--- a/use-cases/in-memory-database.html
+++ b/use-cases/in-memory-database.html
@@ -17,14 +17,14 @@
       property="og:description"
       content="Apache Ignite, as the best open source in-memory database, is a high-performance system-of-records that can store and query large data sets from memory and disk without requiring to warm up the memory tier on cluster restarts."
     />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/database.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/database.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -623,6 +623,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/key-value-store.html b/use-cases/key-value-store.html
index 939b079..337e6d5 100644
--- a/use-cases/key-value-store.html
+++ b/use-cases/key-value-store.html
@@ -11,16 +11,16 @@
     <meta property="og:url" content="https://ignite.apache.org/use-cases/key-value-store.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Apache Ignite is the best and fastest key-value database that stores data both in memory and on disk with support for key-value, SQL, ACID transactions, compute, and machine learning APIs." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/datagrid.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/hadoop.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/key-value-store.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/datagrid.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/hadoop.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/key-value-store.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -518,6 +518,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/provenusecases.html b/use-cases/provenusecases.html
index afbdf26..ee3820d 100644
--- a/use-cases/provenusecases.html
+++ b/use-cases/provenusecases.html
@@ -11,11 +11,11 @@
     <meta property="og:url" content="https://ignite.apache.org/use-cases/provenusecases.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="All publicly disclosed business cases of Apache Ignite. Explore dozens of Ignite case-studies across various industries." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/usecases.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/usecases.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -784,6 +784,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>
diff --git a/use-cases/spark-acceleration.html b/use-cases/spark-acceleration.html
index 0421300..a08fcd6 100644
--- a/use-cases/spark-acceleration.html
+++ b/use-cases/spark-acceleration.html
@@ -11,14 +11,14 @@
     <meta property="og:url" content="https://ignite.apache.org/use-cases/spark-acceleration.html" />
     <meta property="og:image" content="/img/og-pic.png" />
     <meta property="og:description" content="Ignite integrates with Apache Spark to accelerate the performance of Spark applications and APIs by keeping data in a shared in-memory cluster." />
-    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/utils.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/site.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.5" />
-    <link rel="stylesheet" href="../css/spark.css?ver=0.5" />
-    <link rel="stylesheet" href="/css/media.css?ver=0.5" media="only screen and (max-width:1199px)" />
+    <link rel="stylesheet" href="/js/vendor/hystmodal/hystmodal.min.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/utils.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/site.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/native-persistence.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/compute-apis.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/digital-hub.css?ver=0.7" />
+    <link rel="stylesheet" href="../css/spark.css?ver=0.7" />
+    <link rel="stylesheet" href="/css/media.css?ver=0.7" media="only screen and (max-width:1199px)" />
     <link rel="icon" type="image/png" href="/img/favicon.png" />
   </head>
   <body>
@@ -501,6 +501,6 @@
     ></a>
     <script src="/js/vendor/hystmodal/hystmodal.min.js"></script>
     <script src="/js/vendor/smoothscroll.js"></script>
-    <script src="/js/main.js?ver=0.5"></script>
+    <script src="/js/main.js?ver=0.7"></script>
   </body>
 </html>