Author: dmagda
Date: Fri Jan 19 03:05:05 2018
New Revision: 1821584

URL: http://svn.apache.org/viewvc?rev=1821584&view=rev
Log:
updating the index page

Added:
    ignite/site/trunk/index-2.html

Added: ignite/site/trunk/index-2.html
URL: 
http://svn.apache.org/viewvc/ignite/site/trunk/index-2.html?rev=1821584&view=auto
==============================================================================
--- ignite/site/trunk/index-2.html (added)
+++ ignite/site/trunk/index-2.html Fri Jan 19 03:05:05 2018
@@ -0,0 +1,584 @@
+<!--
+ ▄▄▄       ██▓███   ▄▄▄       ▄████▄   
██░ ██ ▓█████     ██▓  ▄████  
███▄    █  ██▓▄▄▄█████▓▓█████
+▒████▄    ▓██░  ██▒▒████▄    
▒██▀ ▀█  ▓██░ ██▒▓█   ▀    ▓██▒ 
██▒ ▀█▒ ██ ▀█   █ ▓██▒▓  ██▒ ▓▒▓█ 
  ▀
+▒██  ▀█▄  ▓██░ ██▓▒▒██  ▀█▄  ▒▓█ 
   ▄ ▒██▀▀██░▒███      
▒██▒▒██░▄▄▄░▓██  ▀█ ██▒▒██▒▒ 
▓██░ ▒░▒███
+░██▄▄▄▄██ ▒██▄█▓▒ 
▒░██▄▄▄▄██ ▒▓▓▄ ▄██▒░▓█ ░██ 
▒▓█  ▄    ░██░░▓█  ██▓▓██▒  
▐▌██▒░██░░ ▓██▓ ░ ▒▓█  ▄
+ ▓█   ▓██▒▒██▒ ░  ░ ▓█   ▓██▒▒ 
▓███▀ ░░▓█▒░██▓░▒████▒   
░██░░▒▓███▀▒▒██░   ▓██░░██░  
▒██▒ ░ ░▒████▒
+ ▒▒   ▓▒█░▒▓▒░ ░  ░ ▒▒   ▓▒█░░ ░▒ 
▒  ░ ▒ ░░▒░▒░░ ▒░ ░   ░▓   ░▒   ▒ ░ 
▒░   ▒ ▒ ░▓    ▒ ░░   ░░ ▒░ ░
+  ▒   ▒▒ ░░▒ ░       ▒   ▒▒ ░  ░  ▒    ▒ ░▒░ 
░ ░ ░  ░    ▒ ░  ░   ░ ░ ░░   ░ ▒░ ▒ ░    ░   
  ░ ░  ░
+  ░   ▒   ░░         ░   ▒   ░         ░  ░░ ░   ░     
  ▒ ░░ ░   ░    ░   ░ ░  ▒ ░  ░         ░
+      ░  ░               ░  ░░ ░       ░  ░  ░   ░  ░    
░        ░          ░  ░              ░  ░
+-->
+
+<!--
+Licensed to the Apache Software Foundation (ASF) under one
+or more contributor license agreements.  See the NOTICE file
+distributed with this work for additional information
+regarding copyright ownership.  The ASF licenses this file
+to you under the Apache License, Version 2.0 (the
+"License"); you may not use this file except in compliance
+with the License.  You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing,
+software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, either express or implied.  See the License for the
+specific language governing permissions and limitations
+under the License.
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+    <link rel="canonical" href="https://ignite.apache.org/"; />
+    <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" />
+    <meta http-equiv="Expires" content="0" />
+    <title>Open source memory-centric distributed database, caching, and 
processing platform - Apache Ignite&trade;</title>
+    <meta name="description" content="Apache Ignite&trade; is an open source 
memory-centric distributed database, caching, and processing platform
+    used for transactional, analytical, and streaming workloads, delivering 
in-memory speed at petabyte scale">
+    <link media="all" rel="stylesheet" href="css/all.css?v=1514336027">
+    <link 
href="https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css"; 
rel="stylesheet">
+    <link 
href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
 rel='stylesheet' type='text/css'>
+
+</head>
+<body>
+<div id="ignite-header">
+    <!--#include virtual="/includes/header.html" -->
+</div>
+
+<div id="wrapper" class="wrapper-main-banner">
+    <div id="main-banner" class="main-banner">
+        <div class="container">
+            <div class="row">
+                <div id="banner" class="banner">
+                    <div class="col-md-12 col-sm-12 col-xs-12">
+                        <div class="text" style="padding-top: 
60px;font-size:30px;">Database and Caching Platform</div>
+                        <div class="text" style="font-size:26px;color:#f00;">
+                            memory-centric &middot; <nobr>multi-model</nobr> 
&middot; distributed
+                        </div>
+
+                        <div class="banner-buttons">
+                            <div class="banner-buttons-left"><a 
href="/whatisignite.html">
+                                <div class="banner-learn-more">
+                                    <p>What is Ignite&trade;</p>
+                                </div>
+                            </a></div>
+                            <div class="banner-buttons-right"><a 
href="https://apacheignite.readme.io/docs/getting-started"; target="_blank">
+                                <div class="banner-getting-started">
+                                    <p>Getting Started</p>
+                                </div>
+                            </a></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<div class="github-stats-bar">
+    <div class="container" style="text-align: center;">
+        <div class="row">
+            <div class="col-sm-12 col-md-6 col-xs-12 github-stats" >
+                <a style="color: white;" href=" 
https://github.com/apache/ignite";><i class="fa fa-github fa-2x github-image" 
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>
+
+                <!-- Github Fork -->
+                <a class="github-button" 
href="https://github.com/apache/ignite/fork"; data-icon="octicon-repo-forked" 
data-size="large" data-show-count="true" aria-label="Fork apache/ignite on 
GitHub">Fork</a>
+
+                <!-- Github Watch -->
+                <a class="github-button" 
href="https://github.com/apache/ignite/subscription"; data-icon="octicon-eye" 
data-size="large" data-show-count="true" aria-label="Watch apache/ignite on 
GitHub">Watch</a>
+
+            </div>
+            <div class="col-sm-12 col-md-6 col-xs-12 twitter-follow">
+                <a href="https://twitter.com/ApacheIgnite"; 
class="twitter-follow-button" data-show-count="true">Follow @ApacheIgnite</a>
+            </div>
+        </div>
+    </div>
+</div>
+
+<main id="main" role="main">
+    <div class="container">
+        <div class="section-heading" style="padding-top:30px; margin-bottom: 
5px">
+            <h1>APACHE IGNITE&trade;</h1>
+        </div>
+
+        <p style="text-align:center;font-size:21px;">
+            a memory-centric distributed
+            <strong>database</strong>, <strong>caching</strong>, and 
<strong>processing</strong> platform for<br/>
+            transactional, analytical, and streaming workloads,
+            delivering in-memory speeds at petabyte scale
+        </p>
+        <hr style="margin-top: 30px;">
+
+        <!-- Ignite Benefits section -->
+        <section id="benefits" class="page-section" style=" border: none; 
margin-top: -120px;">
+            <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-left">
+                <a href="/provenusecases.html" title="Apache Ignite&trade; is 
in use at">
+                    <div class="ignite-used-by-panel">
+                        <p class="feature-icon"></p>
+                        <h2>Ignite is Used by</h2>
+                    </div>
+                </a>
+                <p>
+
+                    <a 
href="https://www.imcsummit.org/2017/eu/sessions/journey-use-imdg-strengthen-electronic-banking-offering-ing-be";
 target="_blank">ING</a>,
+                    <a 
href="https://www.imcsummit.org/us/sessions/high-availability-and-disaster-recovery-imdg";
 target="_blank">Sberbank</a>,
+                    <a 
href="https://www.imcsummit.org/us/sessions/ignite-compute-grid-in-cloud"; 
target="_blank">HomeAway</a>,
+                    <br/>
+                    <a 
href="https://www.imcsummit.org/us/sessions/implementation-investment-book-record-ibor-using-apache-ignitegridgain";
 target="_blank">Wellington</a>,
+
+                    <a href=" https://www.youtube.com/embed/bOTR8GfVwGk"; 
target="_blank">FSB</a>,
+                    <a href="https://www.youtube.com/watch?v=1D8hyLWMtfM"; 
target="_blank"><nobr>The Glue</nobr></a>,
+
+                    <br/>
+                    <a 
href="https://www.imcsummit.org/us/sessions/how-in-memory-solutions-can-assist-saas-integrations";
 target="_blank"><nobr>24 Hour Fitness</nobr></a>,
+                    <a 
href="https://www.imcsummit.org/2017/eu/sessions/using-memory-grid-compute-achieve-scalability-and-high-performance-legacy-travel";
 target="_blank"><nobr>JacTravel</nobr></a>,
+
+                    <br/>
+                    and <a href="/provenusecases.html">many more</a>
+                </p>
+            </div>
+            <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-center">
+                <a href="/use-cases/caching/database-caching.html" 
title="Database caching with Apache Ignite&trade;">
+                    <div class="keep-your-database-panel">
+                        <p class="feature-icon"></p>
+                        <h2>Keep Your Database</h2>
+                    </div>
+                </a>
+                <p>
+                    Accelerate existing Relational and NoSQL databases with 
<nobr>Ignite&trade;</nobr>
+                    <nobr>in-memory data grid</nobr> and caching capabilities
+                </p>
+
+            </div>
+            <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-right">
+                <a href="/use-cases/database/distributed-database.html" 
title="ACID compliant transactions ensuring guaranteed consistency">
+                    <div class="sql-at-nosql-scale-panel">
+                        <p class="feature-icon"></p>
+                        <h2 style="font-size:24px;">SQL at NoSQL Scale</h2>
+                    </div>
+                </a>
+                <p>
+                    Achieve <nobr>horizontal scalability</nobr>, <nobr>strong 
consistency</nobr>, and <nobr>high availability</nobr>
+                    with <nobr>Ignite&trade;</nobr> <nobr>distributed 
SQL</nobr>
+                    <!--while accessing clustered data using Ignite 
distributed SQL-->
+                </p>
+
+            </div>
+            <p style="margin:0;">&nbsp;</p>
+        </section>
+    </div>
+
+    <div style="background: #f1f1f1;">
+        <div class="container">
+            <div class="section-heading" style="padding-top:30px;">
+                <h1>MAIN FEATURES</h1>
+            </div>
+            <hr>
+
+            <section id="features" class="page-section" style=" border: none;">
+                <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-left">
+                    <a href="/features/sql.html" title="Apache Ignite&trade; 
as SQL Database">
+                        <div class="key-value-panel">
+                            <p class="feature-icon"></p>
+                            <h2>Distributed SQL</h2>
+                        </div>
+                    </a>
+                    <p>
+                        Distributed memory-centric SQL database with support 
for joins
+                    </p>
+                </div>
+                <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-center">
+                    <a href="features/datagrid.html" title="Apache 
Ignite&trade; is an In-Memory Key Value Store">
+                        <div class="distributed-sql-panel">
+                            <p class="feature-icon"></p>
+                            <h2>Distributed Key-Value</h2>
+                        </div>
+                    </a>
+                    <p>
+                        Read, write, transact with fastest 
<nobr>key-value</nobr> data grid and cache
+                    </p>
+
+                </div>
+                <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-right">
+                    <a href="https://apacheignite.readme.io/docs/transactions"; 
title="ACID compliant transactions ensuring guaranteed consistency" 
target="_blank">
+                        <div class="acid-transactions-panel">
+                            <p class="feature-icon"></p>
+                            <h2>ACID Transactions</h2>
+                        </div>
+                    </a>
+                    <p>
+                        Enforce full ACID compliance across distributed data 
sets
+                    </p>
+
+                </div>
+                <p style="margin:0;">&nbsp;</p>
+            </section>
+            <section id="features-2" class="page-section" style="border:none; 
padding-top:110px;">
+                <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-left">
+                    <hr>
+                    <a href="/features/durablememory.html" title="Apache 
Ignite&trade; Memory-Centric Architecture">
+                        <div class="durable-memory-panel">
+                            <p class="feature-icon"></p>
+                            <h2>Durable Memory</h2>
+                        </div>
+                    </a>
+                    <p>
+                        Store and process distributed data <br/>in memory and 
on disk
+                    </p>
+
+                </div>
+                <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-center">
+                    <hr>
+                    <a href="/collocatedprocessing.html" title="Collocate 
computations with data using Apache Ignite&trade;">
+                        <div class="collocated-processing-panel">
+                            <p class="feature-icon"></p>
+                            <h2>Collocated Processing</h2>
+                        </div>
+                    </a>
+                    <p>
+                        Avoid data noise by sending computations to cluster 
nodes
+                    </p>
+                </div>
+                <div class="col-sm-4 col-md-4 col-xs-12 feature-box 
feature-box-right">
+                    <hr>
+                    <a href="/features/machinelearning.html" title="Apache 
Ignite&trade; supports machine learning capabilities">
+                        <div class="machine-learning-panel">
+                            <p class="feature-icon"></p>
+                            <h2>Machine Learning <sup><span style="font-size: 
16px;">&beta;eta</span></sup></h2>
+                        </div>
+                    </a>
+                    <p>
+                        Train and deploy distributed machine learning models
+                    </p>
+                </div>
+                <p style="margin:0;">&nbsp;</p>
+            </section>
+        </div>
+    </div>
+    <div class="container">
+        <div id="comparison-matrix" class="section-heading" 
style="padding-top:30px;">
+            <h2>HOW IGNITE COMPARES</h2>
+            <hr>
+        </div>
+        <section id="comparison-matrix-section" class="page-section" 
style="border: none">
+            <table class="comparison-matrix" name="comparison-matrix" 
style="top: 0px;">
+                <thead>
+                <tr>
+                    <th data-toggle="tooltip" title="Feature Name">Feature</th>
+                    <th data-toggle="tooltip" title="Relational 
Database">RDBMS</th>
+                    <th data-toggle="tooltip" title="NoSQL Database">NoSQL</th>
+                    <th data-toggle="tooltip" title="In-Memory Data 
Grid">IMDG</th>
+                    <th data-toggle="tooltip" title="Apache 
Ignite&trade;">Ignite&trade;</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>Scalability</td>
+                    <td><span class="cross-mark">&#x2717;</span> vertical</td>
+                    <td><span class="check-mark">&#x2713;</span> 
horizontal</td>
+                    <td><span class="check-mark">&#x2713;</span> 
horizontal</td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span> horizontal</b></td>
+                </tr>
+                <tr>
+                    <td>Availability</td>
+                    <td><span class="cross-mark">&#x2717;</span> failover 
only</td>
+                    <td><span class="check-mark">&#x2713;</span> high</td>
+                    <td><span class="check-mark">&#x2713;</span> high</td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span> high</b></td>
+                </tr>
+                <tr>
+                    <td>Consistency</td>
+                    <td><span class="check-mark">&#x2713;</span> strong</td>
+                    <td><span class="cross-mark">&#x2717;</span> eventual</td>
+                    <td><span class="check-mark">&#x2713;</span> strong</td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span> strong</b></td>
+                </tr>
+                <tr>
+                    <td>In-Memory</td>
+                    <td><span class="check-mark">&#x2713;</span> caching 
only</td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td><span class="check-mark">&#x2713;</span> in-memory 
store</td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span> in-memory store</b></td>
+                </tr>
+                <tr>
+                    <td>Persistence</td>
+                    <td><span class="check-mark">&#x2713;</span></td>
+                    <td><span class="check-mark">&#x2713;</span></td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span></b></td>
+                </tr>
+                <tr>
+                    <td>SQL</td>
+                    <td><span class="check-mark">&#x2713;</span></td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span></b></td>
+                </tr>
+                <tr>
+                    <td>Key-Value</td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td><span class="check-mark">&#x2713;</span></td>
+                    <td><span class="check-mark">&#x2713;</span></td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span></b></td>
+                </tr>
+                <tr>
+                    <td>Collocated Processing</td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td><span class="cross-mark">&#x2717;</span></td>
+                    <td><span class="check-mark">&#x2713;</span></td>
+                    <td class="highlight-ignite-comparison"><span 
class="check-mark">&#x2713;</span></b></td>
+                </tr>
+                </tbody>
+            </table>
+
+            <table class="comparison-matrix-mobile" 
name="comparison-matrix-sm">
+                <thead>
+                <tr><th>Scalability</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="cross-mark">&#x2717;</span> vertical</span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="check-mark">&#x2713;</span> 
horizontal</span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="check-mark">&#x2713;</span> 
horizontal</span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span> <b>horizontal</b></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>Availability</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="cross-mark">&#x2717;</span> failover 
only</span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="check-mark">&#x2713;</span> high</span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="check-mark">&#x2713;</span> high</span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span> <b>high</b></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>Consistency</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="check-mark">&#x2713;</span> strong</span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="cross-mark">&#x2717;</span> eventual</span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="check-mark">&#x2713;</span> strong</span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span> <b>strong</b></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>In-Memory</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="check-mark">&#x2713;</span> caching 
only</span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="check-mark">&#x2713;</span> in-memory 
store</span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span> <b>in-memory store</b></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>Persistence</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>SQL</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>Key-Value</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span></span></td></tr>
+                </tbody>
+                <thead>
+                <tr><th>Collocated-Processing</th></tr>
+                </thead>
+                <tbody>
+                <tr><td><span class="left">RDBMS</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr><td><span class="left">NoSQL</span><span 
class="right"><span class="cross-mark">&#x2717;</span></span></td></tr>
+                <tr><td><span class="left">IMDG</span><span 
class="right"><span class="check-mark">&#x2713;</span></span></td></tr>
+                <tr class="ignite"><td><span 
class="left"><b>Ignite&trade;</b></span><span class="right"><span 
class="check-mark">&#x2713;</span></span></td></tr>
+                </tbody>
+            </table>
+        </section>
+    </div>
+    <div style="background: #f1f1f1;">
+        <div class="container">
+            <div id="screencast" class="section-heading" 
style="padding-top:30px;">
+                <h2>SCREENCASTS</h2>
+                <hr>
+            </div>
+            <section id="screencast-section" class="page-section" 
style="border: none;">
+                <div class="col-sm-12 col-md-4 col-xs-12 screencast-left" >
+                    <div class="relative">
+                        <!-- Trigger Modal -->
+                        <a href="#sql-db-modal" data-toggle="modal"><img 
src="/images/video-screen-2-opt.jpg" width="300" height="180">
+                            <p class="video-image-text">DISTRIBUTED SQL 
<br/>DATABASE </p></a>
+                    </div>
+                    <span class="screencast-duration">02:59</span>
+
+                    <!-- Modal HTML -->
+                    <div id="sql-db-modal" class="modal fade">
+                        <div class="modal-dialog">
+                            <div class="modal-content video-modal-content" >
+                                <div class="modal-header">
+                                    <button type="button" class="close" 
data-dismiss="modal" aria-hidden="true">×</button>
+                                    <h4 class="modal-title">Apache 
Ignite&trade; Distributed SQL Database</h4>
+                                </div>
+                                <div class="modal-body">
+                                    <iframe class="lazy_load" id="sql-db" 
width="668" height="400" 
data-src-lazy="https://www.youtube.com/embed/FKS8A86h-VY?rel=0"; frameborder="0" 
allowfullscreen></iframe>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-12 col-md-4 col-xs-12 screencast-center">
+                    <div class="relative">
+                        <!-- Trigger Modal -->
+                        <a href="#data-grid-modal" data-toggle="modal"><img 
src="/images/video-screen-2-opt.jpg" width="300" height="180">
+                            <p class="video-image-text">KEY-VALUE 
OPERATIONS<br/>AND ACID TRANSACTIONS </p></a>
+                    </div>
+                    <span class="screencast-duration">03:49</span>
+
+                    <!-- Modal HTML -->
+                    <div id="data-grid-modal" class="modal fade">
+                        <div class="modal-dialog">
+                            <div class="modal-content video-modal-content">
+                                <div class="modal-header">
+                                    <button type="button" class="close" 
data-dismiss="modal" aria-hidden="true">×</button>
+                                    <h4 class="modal-title">Apache 
Ignite&trade; Distributed Cache Operations and Transactions</h4>
+                                </div>
+                                <div class="modal-body">
+                                    <iframe class="lazy_load" id="data-grid" 
width="668" height="400" 
data-src-lazy="https://www.youtube.com/embed/pFbDWpOiMOU?rel=0"; frameborder="0" 
allowfullscreen></iframe>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-sm-12 col-md-4 col-xs-12 screencast-right">
+                    <div class="relative">
+                        <!-- Trigger Modal -->
+                        <a href="#clustering-modal" data-toggle="modal"><img 
src="/images/video-screen-2-opt.jpg" width="300" height="180">
+                            <p class="video-image-text">GETTING STARTED<br/> 
WITH COMPUTE GRID</p></a>
+                    </div>
+                    <span class="screencast-duration">03:50</span>
+                    <!-- Modal HTML -->
+                    <div id="clustering-modal" class="modal fade">
+                        <div class="modal-dialog">
+                            <div class="modal-content video-modal-content">
+                                <div class="modal-header">
+                                    <button type="button" class="close" 
data-dismiss="modal" aria-hidden="true">×</button>
+                                    <h4 class="modal-title">Apache 
Ignite&trade; Advanced Clustering</h4>
+                                </div>
+                                <div class="modal-body">
+                                    <iframe class="lazy_load" id="clustering" 
width="668" height="400" 
data-src-lazy="https://www.youtube.com/embed/J775J77_-B8?rel=0"; frameborder="0" 
allowfullscreen></iframe>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <p>&nbsp;</p>
+            </section>
+        </div>
+    </div>
+    <div class="container">
+        <div id="news"class="section-heading" style="padding-top:30px;">
+            <h2>LATEST NEWS</h2>
+            <hr>
+        </div>
+        <section id="events-tweets" class="page-section" style="border: none;">
+            <!--Ignite events -->
+            <div class="col-sm-8 col-md-8 col-xs-12 social-media">
+                <h3><i class="fa fa-calendar" 
aria-hidden="true"></i>&nbsp;&nbsp;Upcoming Events</h3>
+                <div class="row event-row">
+                    <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                        <div class="event-date">Jan 25</div>
+                        <hr class="vertical">
+                    </div>
+                    <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                        <a 
href="https://www.meetup.com/NYC-In-Memory-Computing-Meetup/events/246047934/"; 
target="_blank" class="event-link">
+                            Building consistent and highly available 
distributed systems with Apache Ignite and GridGain</a><br/>
+                        <span class="event-details">NYC In-Memory Computing 
Meetup, Speaker - Akmal Chaudhri</span>
+                    </div>
+                </div>
+                <hr class="vertical">
+                <div class="row event-row">
+                    <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                        <div class="event-date">Jan 31</div>
+                    </div>
+                    <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                        <a 
href="https://www.meetup.com/BigDataApps/events/244915185/"; target="_blank" 
class="event-link">
+                            Apache Spark and Apache Ignite: Where Fast Data 
Meets the IoT</a><br/>
+                        <span class="event-details">Big Data Application 
Meetup, Speaker - Denis Magda</span>
+                    </div>
+                </div>
+                <hr class="vertical">
+                <div class="row event-row">
+                    <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                        <div class="event-date">Jan 31</div>
+                    </div>
+                    <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                        <a 
href="https://www.gridgain.com/resources/webinars/ignite-fire-in-your-sql-app"; 
target="_blank" class="event-link">
+                            Ignite The Fire In Your SQL App</a><br/>
+                        <span class="event-details">Webinar, Akmal 
Chaudhri</span>
+                    </div>
+                </div>
+                <hr class="vertical">
+                <div class="row event-row">
+                    <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                        <div class="event-date">Jan 31</div>
+                    </div>
+                    <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                        <a 
href="https://www.meetup.com/Los-Angeles-Kubernetes-Meetup/events/244966244/"; 
target="_blank" class="event-link">
+                            Deploy like a Boss: Using Kubernetes and Apache 
Ignite!</a><br/>
+                        <span class="event-details">Los Angeles Kubernetes 
Meetup, Dani Traphagen</span>
+                    </div>
+                </div>
+                <hr class="vertical">
+                <div class="row event-row">
+                    <div class="col-sm-6 col-md-2 col-xs-12 event-date-col">
+                        <div class="event-date">Feb 07</div>
+                    </div>
+                    <div class="col-sm-6 col-md-10 col-xs-12 event-title">
+                        <a 
href="https://developerweeksfbayarea2018.sched.com/event/D6C7/apache-ignite-service-grid-foundation-of-your-microservices-based-solution";
 target="_blank" class="event-link">
+                            Apache Ignite Service Grid: Foundation of Your 
Microservices-Based Solution</a><br/>
+                        <span class="event-details">DeveloperWeek 2018, 
Speaker - Denis Magda</span>
+                    </div>
+                </div>
+                <p style="margin-top: 10px;"><a href="/events.html">Read 
more</a></p>
+            </div>
+
+            <!-- Twitter feeds -->
+            <div class="col-sm-4 col-md-4 col-xs-12 social-media">
+                <h3><i class="fa fa-twitter" 
aria-hidden="true"></i>&nbsp;Tweets</h3>
+                <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>
+            <p>&nbsp;</p>
+        </section>
+    </div>
+</main>
+
+<!--#include virtual="/includes/footer.html" -->
+</div>
+<!--#include virtual="/includes/scripts.html" -->
+<!--
+<script type="text/javascript" src="js/jquery.main.js"></script>
+-->
+</body>
+</html>


Reply via email to