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

dmagda pushed a commit to branch ignite-13779
in repository https://gitbox.apache.org/repos/asf/ignite-website.git


The following commit(s) were added to refs/heads/ignite-13779 by this push:
     new bd06690  Adjusting the home page, expanded and reworked the use cases 
section. Removed the quick links section
bd06690 is described below

commit bd066908287276cec82081754dc7b779fe1bea36
Author: Denis Magda <[email protected]>
AuthorDate: Wed Dec 2 15:08:21 2020 -0800

    Adjusting the home page, expanded and reworked the use cases section. 
Removed the quick links section
---
 index.html | 532 +++++++++++++++++++++++++++++++------------------------------
 1 file changed, 273 insertions(+), 259 deletions(-)

diff --git a/index.html b/index.html
index e05455b..cc1d6d4 100644
--- a/index.html
+++ b/index.html
@@ -30,16 +30,16 @@ under the License.
 -->
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns="http://www.w3.org/1999/html";>
 <head>
     <link rel="canonical" href="https://ignite.apache.org/"/>
-    <link rel="preconnect" href="https://api.github.com"; />
-    <link rel="preconnect" href="https://ajax.googleapis.com"; />
-    <link rel="dns-prefetch" href="https://www.googletagmanager.com"; />
-    
+    <link rel="preconnect" href="https://api.github.com"/>
+    <link rel="preconnect" href="https://ajax.googleapis.com"/>
+    <link rel="dns-prefetch" href="https://www.googletagmanager.com"/>
+
 
     <!--#include virtual="/includes/scriptshead.html" -->
-<meta charset="utf-8">
+    <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="Cache-Control" content="no-cache, no-store, 
must-revalidate"/>
     <meta http-equiv="Pragma" content="no-cache"/>
@@ -48,7 +48,7 @@ under the License.
     <meta name="description" content="Apache Ignite&reg; is an in-memory 
computing platform
     used for transactional, analytical, and streaming workloads, delivering 
in-memory speed at petabyte scale">
     <!--#include virtual="/includes/styles.html" -->
-    
+
 </head>
 
 <body>
@@ -141,9 +141,26 @@ under the License.
         <path d="M247.49 220.46h-195a16.74 16.74 0 01-16.72-16.71V96.25a16.74 
16.74 0 0116.74-16.71h195a16.74 16.74 0 0116.72 16.71v107.5a16.74 16.74 0 
01-16.74 16.71zM52.51 85.12a11.15 11.15 0 00-11.13 11.13v107.5a11.15 11.15 0 
0011.13 11.13h195a11.15 11.15 0 0011.13-11.13V96.25a11.15 11.15 0 
00-11.13-11.13z"/>
         <path d="M57.94 121.25A10.25 10.25 0 1168.19 111a10.26 10.26 0 
01-10.25 10.25zm0-14.91A4.66 4.66 0 1062.6 111a4.66 4.66 0 00-4.66-4.66zM58.38 
160.37a2.8 2.8 0 01-2.79-2.8v-26.82a2.79 2.79 0 115.58 0v26.82a2.8 2.8 0 
01-2.79 2.8zM58.21 200a2.8 2.8 0 01-2.8-2.79v-26.8a2.8 2.8 0 115.59 
0v26.82a2.79 2.79 0 01-2.79 2.77zM242.29 199.62a10.25 10.25 0 1110.25-10.24 
10.25 10.25 0 01-10.25 10.24zm0-14.9a4.66 4.66 0 104.66 4.66 4.66 4.66 0 
00-4.66-4.66zM241.86 172.42a2.79 2.79 0 01-2.8-2.79v [...]
     </symbol>
-    <symbol id="index-icons--IMDB" viewBox="0 0 1264 1199.36" 
xmlns="http://www.w3.org/2000/svg";><defs></defs><path  d="M884.17 79.41C815.84 
60.88 723.9 50.25 631.91 50.25S448.07 60.88 379.78 79.41c-80 21.7-122.23 
52.51-122.23 89.1v291c0 10.15 3.21 19.89 9.53 29a77.34 77.34 0 0010.14 11.78c48 
46.34 190.55 77.53 354.69 77.53s306.87-31.16 354.87-77.54a76.39 76.39 0 
0010.13-11.76c6.34-9.09 9.54-18.82 
9.54-29v-291c0-36.6-42.28-67.41-122.28-89.11zm85.2 389.7a43.51 43.51 0 01-5.81 
6.74c-41 39. [...]
-    <symbol id="index-icons--IMDG" viewBox="0 0 1264 1199.36" 
xmlns="http://www.w3.org/2000/svg";><defs></defs><path  d="M1190.3 
335.82V67.64H922.13v113.51h-156V67.64H497.91v113.51h-156V67.64H73.7v268.18h113.5v129.77H73.7v268.18h268.17v-115.2h156v115.2h113.55v129.77H497.91v268.18h268.18V863.54H652.58V733.77h113.51v-115.2h156v115.2h268.21V465.59h-113.5V335.82zm-465.38
 754.73H539.08V904.71h185.84zm238.37-981.74h185.84v185.84H963.29zm-424.21 
0h185.84v185.84H539.08zm-424.21 0h185.84v185.84H11 [...]
-    <symbol id="index-icons--Tachometer" viewBox="0 0 1264 1199.36" 
xmlns="http://www.w3.org/2000/svg";><defs></defs><path  d="M1184 907.3H80a45.49 
45.49 0 01-45.83-47.95 598.45 598.45 0 011021.14-392 596.67 596.67 0 01174.54 
392A45.49 45.49 0 011184 907.3zM88.18 874.1h1087.64a20.37 20.37 0 
0020.35-21.68c-9.13-137.54-67.4-265.53-166.32-363.51a566.12 566.12 0 
00-400.42-163.65c-150.07.67-291.06 59.42-397.26 165.61-97.73 97.73-155.28 
225-164.35 361.58a20.37 20.37 0 0020.36 21.65z"/><path  d= [...]
+    <symbol id="index-icons--IMDB" viewBox="0 0 1264 1199.36" 
xmlns="http://www.w3.org/2000/svg";>
+        <defs></defs>
+        <path d="M884.17 79.41C815.84 60.88 723.9 50.25 631.91 50.25S448.07 
60.88 379.78 79.41c-80 21.7-122.23 52.51-122.23 89.1v291c0 10.15 3.21 19.89 
9.53 29a77.34 77.34 0 0010.14 11.78c48 46.34 190.55 77.53 354.69 
77.53s306.87-31.16 354.87-77.54a76.39 76.39 0 0010.13-11.76c6.34-9.09 
9.54-18.82 9.54-29v-291c0-36.6-42.28-67.41-122.28-89.11zm85.2 389.7a43.51 43.51 
0 01-5.81 6.74c-41 39.58-180.4 68.25-331.65 
68.25s-290.54-28.7-331.46-68.23a44.27 44.27 0 01-5.83-6.77 17 17 0 
01-3.42-9.63V2 [...]
+        <path d="M990.68 442.6a15.58 15.58 0 00-15.56 15.56 19.08 19.08 0 
01-3.65 10.45c-13.41 19.84-56.08 39.24-117.07 53.22-63.35 14.51-142.4 
22.51-222.49 
22.51s-159-8-222.35-22.51c-60.95-14-103.6-33.36-117-53.15-2.45-3.68-3.7-7.22-3.7-10.52a15.56
 15.56 0 00-31.12 0v286.69c0 9.9 3.14 19.42 9.35 28.32a76 76 0 009.91 11.54c24 
23.12 70.69 42.67 135.14 56.54 63.54 13.67 139.52 20.9 219.73 20.9s156.28-7.22 
219.85-20.89c64.51-13.86 111.28-33.39 135.15-56.47a76.53 76.53 0 
0010.07-11.69c6.17-8 [...]
+        <path d="M990.68 729.56a15.58 15.58 0 00-15.56 15.56 19 19 0 01-3.65 
10.44c-13.41 19.85-56.08 39.25-117.07 53.22C791.05 823.3 712 831.3 631.91 
831.3s-159-8-222.35-22.51c-60.95-14-103.6-33.36-117-53.15-2.45-3.68-3.7-7.22-3.7-10.52a15.56
 15.56 0 10-31.12 0v286.69c0 9.9 3.14 19.41 9.35 28.32a76 76 0 009.93 11.54c24 
23.12 70.69 42.67 135.14 56.54 63.54 13.67 139.52 20.9 219.73 20.9s156.28-7.23 
219.85-20.89c64.47-13.86 111.19-33.39 135.11-56.48a76 76 0 
0010.07-11.68c6.17-8.85 9.3-18.3 [...]
+    </symbol>
+    <symbol id="index-icons--IMDG" viewBox="0 0 1264 1199.36" 
xmlns="http://www.w3.org/2000/svg";>
+        <defs></defs>
+        <path d="M1190.3 
335.82V67.64H922.13v113.51h-156V67.64H497.91v113.51h-156V67.64H73.7v268.18h113.5v129.77H73.7v268.18h268.17v-115.2h156v115.2h113.55v129.77H497.91v268.18h268.18V863.54H652.58V733.77h113.51v-115.2h156v115.2h268.21V465.59h-113.5V335.82zm-465.38
 754.73H539.08V904.71h185.84zm238.37-981.74h185.84v185.84H963.29zm-424.21 
0h185.84v185.84H539.08zm-424.21 0h185.84v185.84H114.87zM300.71 
692.6H114.87V506.76h185.84zm41.16-115.2V465.59h-113.5V335.82h113.5V222.31h156v113.51h113.5
 [...]
+    </symbol>
+    <symbol id="index-icons--Tachometer" viewBox="0 0 1264 1199.36" 
xmlns="http://www.w3.org/2000/svg";>
+        <defs></defs>
+        <path d="M1184 907.3H80a45.49 45.49 0 01-45.83-47.95 598.45 598.45 0 
011021.14-392 596.67 596.67 0 01174.54 392A45.49 45.49 0 011184 907.3zM88.18 
874.1h1087.64a20.37 20.37 0 
0020.35-21.68c-9.13-137.54-67.4-265.53-166.32-363.51a566.12 566.12 0 
00-400.42-163.65c-150.07.67-291.06 59.42-397.26 165.61-97.73 97.73-155.28 
225-164.35 361.58a20.37 20.37 0 0020.36 21.65z"/>
+        <path d="M686.76 783.21L861 705c7.48-3.36 
3.32-14.63-4.55-12.32l-183.36 53.86a53.49 53.49 0 1013.67 36.67zm-78.52 
8.45a26.75 26.75 0 1134.44 15.64 26.75 26.75 0 01-34.44-15.64z"/>
+        <rect x="619.89" y="360.54" width="24.23" height="100.62" rx="12.12"/>
+        <rect x="266.04" y="518.57" width="24.23" height="100.62" rx="12.12" 
transform="rotate(-45 278.159 568.883)"/>
+        <rect x="928.75" y="556.76" width="100.62" height="24.23" rx="12.12" 
transform="rotate(-45 979.058 568.88)"/>
+        <rect x="136.65" y="781.74" width="100.62" height="24.23" rx="12.12"/>
+        <rect x="1030.19" y="781.74" width="100.62" height="24.23" rx="12.12"/>
+    </symbol>
 
 </svg>
 
@@ -155,8 +172,8 @@ under the License.
         <div class="wrapper">
             <div class="container">
                 <h1>Apache Ignite <strong>distributed database for in-memory 
speed at a petabyte scale</strong></h1>
-            
-            
+
+
                 <div class="buttons">
                     <a href="/docs/latest/index"
                        onclick="gtag('event',  'homepage_click', 
{'event_category':'main_banner', 'event_label': 'getting-started'});"
@@ -172,7 +189,8 @@ under the License.
         <div class="container">
             <div class="row">
                 <div class="col-lg-7 col-md-8 github-stats">
-                    <a class="github-link" href=" 
https://github.com/apache/ignite"; aria-label="GitHub link" title="View on 
GitHub"><i class="fab fa-github" aria-hidden="true"></i></a>
+                    <a class="github-link" href=" 
https://github.com/apache/ignite"; aria-label="GitHub link"
+                       title="View on GitHub"><i class="fab fa-github" 
aria-hidden="true"></i></a>
                     <!-- Github Stargazers -->
                     <a class="github-button" 
href="https://github.com/apache/ignite"; data-icon="octicon-star"
                        data-size="large" data-show-count="true" 
aria-label="Star apache/ignite on GitHub">Star</a>
@@ -196,295 +214,291 @@ under the License.
         </div>
     </section>
 
-<!--    <div id="intro-text" class="section-block">-->
-<!--        <div class="container">-->
-<!--        <p>-->
-<!--            Apache Ignite® is a horizontally scalable, fault-tolerant 
distributed in-memory computing platform for-->
-<!--            building real-time applications that can process terabytes of 
data with in-memory speed.-->
-<!--        </p>-->
-<!--        </div>-->
-<!--    </div>-->
-
-    <section id="home-deployment-options" class="section-block">
-
-
-        <div class="container">
-            <h2>apache ignite <strong>AS AN</strong></h2>
-            <div class="row">
-                <div class="col-md-4 option">
-                    <a aria-label="Apache Ignite In-Memory Cache"
-                       href="/use-cases/in-memory-cache.html"
-                       onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_dep_options', 'event_label': 
'in-memory-cache'});"
-                       title="Apache Ignite In-Memory Cache">
-                        <div class="icon-wrapper" style="padding-top: 
1rem;"><svg>
-                            <use xlink:href="#index-icons--Tachometer"></use>
-                        </svg></div>
-                        <h3>In-Memory Cache</h3>
-                        <p>
-                            Use Ignite as a low-latency and high-performance 
in-memory cache with Key-Value and ANSI SQL
-                            support.
-                        </p>
-                    </a>
-                </div>
-                <div class="col-md-4 option">
-                    <a aria-label="" title="Apache Ignite In-Memory Data Grid"
-                       href="/use-cases/in-memory-data-grid.html"
-                       onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_dep_options', 'event_label': 'data_grid'});" 
title="">
-                        <div class="icon-wrapper"><svg>
-                            <use xlink:href="#index-icons--IMDG"></use>
-                        </svg></div>
-                        <h3>In-Memory Data Grid</h3>
-                        <p>
-                            Gain 100x acceleration by using Ignite as an
-                            advanced in-memory data grid on top of RDBMS, 
Hadoop or other data stores.
-                        </p>
-                    </a>
-                </div>
-                <div class="col-md-4 option">
-                    <a aria-label="" title="Apache Ignite In-Memory Database" 
-                       href="/use-cases/in-memory-database.html"
-                       onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_dep_options', 'event_label': 'database'});" 
title="">
-                        <div class="icon-wrapper"><svg>
-                            <use xlink:href="#index-icons--IMDB"></use>
-                        </svg></div>
-                        <h3>In-Memory Database</span></h3>
-                        <p>
-                            Scale out and up across RAM, NVRAM, Flash, and 
disk with Ignite as an
-                            in-memory database with distributed multi-tier 
storage.
-                        </p>
-                    </a>
-                </div>
+        <div id="intro-text" class="section-block">
+            <div class="container">
+            <p>
+                Apache Ignite is designed for data-intensive and 
high-performance applications.
+                The database that scales unlimitedly across given memory and 
disk resources.
+                The database that supports SQL, transactional, compute and 
machine learning APIs natively.
+            </p>
             </div>
         </div>
-    </section>
 
-    <section id="home-use-cases" class="section-block">
+    <section id="home-deployment-options" class="section-block">
 
-        <h2>Apache Ignite <strong>Use Cases</strong></h2>
+        <section id="home-use-cases" class="section-block">
 
-        <div class="container">
+            <h2>What <strong>Architects</strong> Typically Select Apache 
Ignite For</h2>
 
-            <div class="row">
+            <div class="container">
 
-                <div class="col-md-6">
+                <div class="row">
 
+                    <div class="col-md-6">
 
-                    <div class="txt-wrapper">
-                        <h3>Applications Acceleration &amp; Data Caching</h3>
-                        <p>
-                            Gain up to 100x acceleration for existing 
services, applications, and APIs using Apache
-                            Ignite as a distributed high-performance in-memory 
layer. Keep underlying databases in sync,
-                            using Ignite as an in-memory data grid.
-                        </p>
 
-                        <a href="/use-cases/in-memory-data-grid.html"  
role="button" class="btn btn-primary" title="In-Memory Data Grid" 
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_use_cases', 'event_label': 'data_grid'});">
-                           Learn More</a>
-                    </div>
-                </div>
-                <div class="col-md-6">
-                    <a class="simplified-img-a" 
data-diagram="apps_acceleration" data-target="#diagramModal" data-toggle="modal"
-                       href="#">
-                       <img style="height: 18rem;" class="lazyload" 
data-src="/images/svg-diagrams/apps_acceleration.svg" alt="Applications 
Acceleration & Data Caching diagram"/></a>
-                </div>
+                        <div class="txt-wrapper">
+                            <h3>Applications Acceleration &amp; Data 
Caching</h3>
+                            <p>
+                                Gain up to 100x acceleration for existing 
applications using Ignite as an in-memory
+                                cache or in-memory data grid over a single or 
multiple back-end systems.
+                                The cache that you can query with SQL, 
transact and compute on.
+                            </p>
 
-            </div>
+                            <a href="/use-cases/in-memory-data-grid.html" 
role="button" class="btn btn-primary"
+                               title="In-Memory Data Grid"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_use_cases', 'event_label': 'data_grid'});">
+                                Learn More</a>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <a class="simplified-img-a" 
data-diagram="apps_acceleration" data-target="#diagramModal"
+                           data-toggle="modal"
+                           href="#">
+                            <img style="height: 30rem;" class="lazyload"
+                                 data-src="/images/svg-diagrams/data_grid.svg"
+                                 alt="Applications Acceleration & Data Caching 
Diagram"/></a>
+                    </div>
 
-            <div class="row">
-                <div class="col-md-6 order-last order-md-first">
-                    <a class="simplified-img-a" data-diagram="digital_hub" 
data-target="#diagramModal" data-toggle="modal"
-                       href="#">
-                        <img style="height: 30rem;" class="lazyload"  
data-src="/images/svg-diagrams/digital_hub.svg" alt="Digital Integration Hub 
diagram"/></a>
                 </div>
-                <div class="col-md-6 order-first order-md-last">
 
-                    <div class="txt-wrapper">
-                        <h3>Digital Integration Hub</h3>
-                        <p>
-                            A digital integration hub is an advanced platform 
architecture that aggregates multiple
-                            back-end systems and databases into a low-latency 
and shared data store.
-                            Use Apache Ignite to cache and persist data sets 
scattered across many disjointed back-end
-                            databases and/or SaaS platforms to make them 
instantly available to your applications
-                            through Apache Ignite’s functionally rich, unified 
and consistent APIs.
-                        </p>
-
-                        <a href="/use-cases/digital-integration-hub.html"  
role="button" class="btn btn-primary" aria-label="Learn More About Digital 
Integration Hub" title="Digital Integration Hub"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_use_cases', 'event_label': 'digital_hub'});">
-                           Learn More</a>
+                <div class="row">
+                    <div class="col-md-6 order-last order-md-first">
+                        <a class="simplified-img-a" data-diagram="digital_hub" 
data-target="#diagramModal"
+                           data-toggle="modal"
+                           href="#">
+                            <img style="height: 30rem;" class="lazyload" 
data-src="/images/svg-diagrams/database.svg"
+                                 alt="Distributed Database Diagram"/></a>
                     </div>
-                </div>
+                    <div class="col-md-6 order-first order-md-last">
 
-            </div>
+                        <div class="txt-wrapper">
+                            <h3>Unified Database For Mixed Workloads</h3>
+                            <p>
+                                Store and process petabytes of operational and 
historical data using Ignite as a
+                                distributed database that scales up and out 
across available memory and disk storage.
+                                The database that lets you keep all the data 
on disk in a consistent way and
+                                cache as much as you can afford in memory.
+                            </p>
 
-        </div>
+                            <a href="/use-cases/digital-integration-hub.html" 
role="button" class="btn btn-primary"
+                               aria-label="Learn More About Digital 
Integration Hub" title="Digital Integration Hub"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_use_cases', 'event_label': 
'database_for_mixed_workloads'});">
+                                Learn More</a>
+                        </div>
+                    </div>
 
+                </div>
 
-        <div aria-hidden="true" aria-labelledby="diagramModal" class="modal 
fade" id="diagramModal" role="dialog"
-             tabindex="-1">
-            <div class="modal-dialog" role="document">
-                <div class="modal-content">
+                <div class="row">
 
-                    <button aria-label="Close" class="close" 
data-dismiss="modal" type="button">
-                        <span aria-hidden="true">&times;</span>
-                    </button>
+                    <div class="col-md-6">
 
-                    <img src=""/>
 
-                </div>
-            </div>
-        </div>
-
-    </section>
-
-    <section id="home-features" class="section-block bg-gray-shadow">
-        <div class="wrapper">
-            <div class="container">
-                <h2>Apache Ignite <strong>Features</strong></h2>
-                <div class="row">
-                    <div class="col-sm-6 col-md-4 feature">
-                        <a href="/arch/multi-tier-storage.html"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 
'multi-tier-storage'});"
-                           title="Apache Ignite Multi-Tier Storage"
-                           aria-label="Apache Ignite Multi-Tier Storage">
-                            <svg>
-                                <use 
xlink:href="#index-icons--Distributed-IMDataStore"></use>
-                            </svg>
-                            <h3>Multi-Tier <span>Storage</span></h3>
+                        <div class="txt-wrapper">
+                            <h3>High-Performance Compute Cluster</h3>
                             <p>
-                                Use memory, disk or Intel® Optane™ as active 
storage tiers with no need for
-                                caching of all the data and memory warm-ups.
+                                Deploy and execute kilobyte-size code over 
petabytes of data. Turn your Ignite
+                                cluster into a distributed supercomputer for 
low-latency calculations, complex analytics,
+                                and machine learning.
                             </p>
-                        </a>
-                    </div>
-                    <div class="col-sm-6 col-md-4 feature">
-                        <a href="/features/sql.html"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 'sql'});"
-                           title="" aria-label="">
-                            <svg>
-                                <use xlink:href="#index-icons--Database"></use>
-                            </svg>
-                            <h3>Distributed <span>SQL</span></h3>
 
-                            <p>
-                                Query both in-memory and disk-only data sets 
with ANSI SQL that supports distributed
-                                joins, DML, and DDL.
-                            </p>
-                        </a>
+                            <a 
href="/use-cases/high-performance-computing.html" role="button" class="btn 
btn-primary"
+                               title="High-Performance Compute Cluster"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_use_cases', 'event_label': 
'high_performance_compute_cluster'});">
+                                Learn More</a>
+                        </div>
                     </div>
-                    <div class="col-sm-6 col-md-4 feature">
-                        <a href="/use-cases/key-value-store.html"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 'key-value'});"
-                           title="" aria-label="">
-                            <svg>
-                                <use 
xlink:href="#index-icons--Multi-Model"></use>
-                            </svg>
-                            <h3>Distributed <span>Key-Value</span></h3>
-                            <p>
-                                Read, write, and transact with 
high-performance key-value APIs that support JCache
-                                specification.
-                            </p>
-                        </a>
+                    <div class="col-md-6">
+                        <a class="simplified-img-a" 
data-diagram="high_performance_compute" data-target="#diagramModal"
+                           data-toggle="modal"
+                           href="#">
+                            <img style="height: 30rem;" class="lazyload"
+                                 
data-src="/images/svg-diagrams/high_performance_compute.svg"
+                                 alt="High-Performance Compute Cluster 
Diagram"/></a>
                     </div>
-                    <div class="col-sm-6 col-md-4 feature">
-                        <a href="/features/acid-transactions.html"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 'transactions'});"
-                           title="" aria-label="">
-                            <svg>
-                                <use xlink:href="#index-icons--ACID"></use>
-                            </svg>
-                            <h3>ACID <span>Transactions</span></h3>
 
-                            <p>
-                                Execute distributed ACID transactions across 
memory and disk tiers, including relational
-                                databases.
-                            </p>
-                        </a>
-                    </div>
-                    <div class="col-sm-6 col-md-4 feature">
-                        <a href="/features/collocated-processing.html"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 
'co-located-processsing'});"
-                           title="" aria-label="">
-                            <svg>
-                                <use xlink:href="#index-icons--Compute"></use>
-                            </svg>
-                            <h3>Co-located <span>Processing</span></h3>
+                </div>
 
-                            <p>
-                                Eliminate data shuffling by running 
data-intensive and compute-intensive calculations on
-                                cluster nodes.
-                            </p>
-                        </a>
-                    </div>
-                    <div class="col-sm-6 col-md-4 feature">
-                        <a href="/features/machinelearning.html"
-                           onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 
'machine-learning'});"
-                           title="" aria-label="">
-                            <svg>
-                                <use 
xlink:href="#index-icons--Machine-Learning"></use>
-                            </svg>
-                            <h3>Machine <span>Learning</span></h3>
+            </div>
 
-                            <p>
-                                Train and deploy distributed machine learning 
models continuously over a horizontally
-                                scalable in-memory cluster.
-                            </p>
-                        </a>
-                    </div>
 
+            <div aria-hidden="true" aria-labelledby="diagramModal" 
class="modal fade" id="diagramModal" role="dialog"
+                 tabindex="-1">
+                <div class="modal-dialog" role="document">
+                    <div class="modal-content">
+
+                        <button aria-label="Close" class="close" 
data-dismiss="modal" type="button">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+
+                        <img src=""/>
+
+                    </div>
                 </div>
             </div>
 
-        </div>
-    </section>
+        </section>
+
+        <section id="home-features" class="section-block bg-gray-shadow">
+            <div class="wrapper">
+                <div class="container">
+                    <h2>What Features <strong>Developers</strong> Love Apache 
Ignite For</h2>
+                    <div class="row">
+                        <div class="col-sm-6 col-md-4 feature">
+                            <a href="/arch/multi-tier-storage.html"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 
'multi-tier-storage'});"
+                               title="Apache Ignite Multi-Tier Storage"
+                               aria-label="Apache Ignite Multi-Tier Storage">
+                                <svg>
+                                    <use 
xlink:href="#index-icons--Distributed-IMDataStore"></use>
+                                </svg>
+                                <h3>Multi-Tier <span>Storage</span></h3>
+                                <p>
+                                    Use memory, disk or Intel® Optane™ as 
active storage tiers with no need for
+                                    caching of all the data and memory 
warm-ups.
+                                </p>
+                            </a>
+                        </div>
+                        <div class="col-sm-6 col-md-4 feature">
+                            <a href="/features/sql.html"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 'sql'});"
+                               title="" aria-label="">
+                                <svg>
+                                    <use 
xlink:href="#index-icons--Database"></use>
+                                </svg>
+                                <h3>Distributed <span>SQL</span></h3>
+
+                                <p>
+                                    Query both in-memory and disk-only data 
sets with ANSI SQL that supports distributed
+                                    joins, DML, and DDL.
+                                </p>
+                            </a>
+                        </div>
+                        <div class="col-sm-6 col-md-4 feature">
+                            <a href="/use-cases/key-value-store.html"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 'key-value'});"
+                               title="" aria-label="">
+                                <svg>
+                                    <use 
xlink:href="#index-icons--Multi-Model"></use>
+                                </svg>
+                                <h3>Distributed <span>Key-Value</span></h3>
+                                <p>
+                                    Read, write, and transact with 
high-performance key-value APIs that support JCache
+                                    specification.
+                                </p>
+                            </a>
+                        </div>
+                        <div class="col-sm-6 col-md-4 feature">
+                            <a href="/features/acid-transactions.html"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 'transactions'});"
+                               title="" aria-label="">
+                                <svg>
+                                    <use xlink:href="#index-icons--ACID"></use>
+                                </svg>
+                                <h3>ACID <span>Transactions</span></h3>
+
+                                <p>
+                                    Execute distributed ACID transactions 
across memory and disk tiers, including
+                                    relational
+                                    databases.
+                                </p>
+                            </a>
+                        </div>
+                        <div class="col-sm-6 col-md-4 feature">
+                            <a href="/features/collocated-processing.html"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 
'co-located-processsing'});"
+                               title="" aria-label="">
+                                <svg>
+                                    <use 
xlink:href="#index-icons--Compute"></use>
+                                </svg>
+                                <h3>Co-located <span>Processing</span></h3>
+
+                                <p>
+                                    Eliminate data shuffling by running 
data-intensive and compute-intensive
+                                    calculations on
+                                    cluster nodes.
+                                </p>
+                            </a>
+                        </div>
+                        <div class="col-sm-6 col-md-4 feature">
+                            <a href="/features/machinelearning.html"
+                               onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_features', 'event_label': 
'machine-learning'});"
+                               title="" aria-label="">
+                                <svg>
+                                    <use 
xlink:href="#index-icons--Machine-Learning"></use>
+                                </svg>
+                                <h3>Machine <span>Learning</span></h3>
+
+                                <p>
+                                    Train and deploy distributed machine 
learning models continuously over a
+                                    horizontally
+                                    scalable in-memory cluster.
+                                </p>
+                            </a>
+                        </div>
 
+                    </div>
+                </div>
+
+            </div>
+        </section>
 
-    <section id="home-extras" class="section-block ">
 
         <div class="container">
+            <h2>How <strong>Technical Leaders</strong> Usually Perceive Apache 
Ignite</h2>
             <div class="row">
-                <section class="col-md-8" id="home-links">
-                    <h2>Quick <strong>Links</strong></h2>
-                    <ul>
-                        <li><a href="/docs/latest/">
-                            <svg>
-                                <use xlink:href="#index-icons--Docs"></use>
-                            </svg>
-                            <span>Documentation</span>
-                        </a></li>
-                        <li><a href="/docs-and-apis.html">
+                <div class="col-md-4 option">
+                    <a aria-label="Apache Ignite In-Memory Cache"
+                       href="/use-cases/in-memory-cache.html"
+                       onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_dep_options', 'event_label': 
'in-memory-cache'});"
+                       title="Apache Ignite In-Memory Cache">
+                        <div class="icon-wrapper" style="padding-top: 1rem;">
                             <svg>
-                                <use xlink:href="#index-icons--API"></use>
+                                <use 
xlink:href="#index-icons--Tachometer"></use>
                             </svg>
-                            <span>API References</span>
-                        </a></li>
-                        <li><a href="/events.html">
+                        </div>
+                        <h3>In-Memory Cache</h3>
+                        <p>
+                            Use Ignite as a low-latency and high-performance 
in-memory cache with Key-Value and ANSI SQL
+                            support.
+                        </p>
+                    </a>
+                </div>
+                <div class="col-md-4 option">
+                    <a aria-label="" title="Apache Ignite In-Memory Data Grid"
+                       href="/use-cases/in-memory-data-grid.html"
+                       onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_dep_options', 'event_label': 'data_grid'});"
+                       title="">
+                        <div class="icon-wrapper">
                             <svg>
-                                <use 
xlink:href="#index-icons--Community"></use>
+                                <use xlink:href="#index-icons--IMDG"></use>
                             </svg>
-                            <span>Community Events</span>
-                        </a></li>
-                        <li><a href="/use-cases/provenusecases.html">
+                        </div>
+                        <h3>In-Memory Data Grid</h3>
+                        <p>
+                            Gain 100x acceleration by using Ignite as an
+                            advanced in-memory data grid on top of RDBMS, 
Hadoop or other data stores.
+                        </p>
+                    </a>
+                </div>
+                <div class="col-md-4 option">
+                    <a aria-label="" title="Apache Ignite In-Memory Database"
+                       href="/use-cases/in-memory-database.html"
+                       onclick="gtag('event',  'homepage_click', 
{'event_category':'apache_ignite_dep_options', 'event_label': 'database'});"
+                       title="">
+                        <div class="icon-wrapper">
                             <svg>
-                                <use xlink:href="#index-icons--Company"></use>
+                                <use xlink:href="#index-icons--IMDB"></use>
                             </svg>
-                            <span>Companies Using Ignite</span>
-                        </a></li>
-                    </ul>
-                </section>
-
-                <section class="col-md-4" id="home-twitter">
-                    <!--Ignite events -->
-                    <h2>Latest <strong>Tweets</strong></h2>
-
-                    <div class="pre-scrollable">
-                        <a class="twitter-timeline timeline-Tweet-text" 
href="https://twitter.com/ApacheIgnite";
-                           data-chrome="noheader noborders" 
data-tweet-limit="6" data-cards="hidden">Tweets by
-                            ApacheIgnite</a>
-                    </div>
-                    <div class="follow-widget"><a 
href="https://twitter.com/ApacheIgnite"; class="twitter-follow-button"
-                                                  
data-show-count="true">Follow @ApacheIgnite</a>
-                    </div>
-                </section>
+                        </div>
+                        <h3>In-Memory Database</span></h3>
+                        <p>
+                            Scale out and up across RAM, NVRAM, Flash, and 
disk with Ignite as an
+                            in-memory database with distributed multi-tier 
storage.
+                        </p>
+                    </a>
+                </div>
             </div>
         </div>
     </section>
@@ -503,9 +517,9 @@ under the License.
 <script async src="https://platform.twitter.com/widgets.js"; 
charset="utf-8"></script>
 
 <script type="text/javascript">
-    jQuery('#diagramModal').on('show.bs.modal', function(event){
+    jQuery('#diagramModal').on('show.bs.modal', function (event) {
         const diagram = jQuery(event.relatedTarget).data('diagram');
-        jQuery(this).find('img').attr('src', 
'/images/svg-diagrams/'+diagram+'.svg');
+        jQuery(this).find('img').attr('src', '/images/svg-diagrams/' + diagram 
+ '.svg');
     });
 
 </script>

Reply via email to