Modified: ignite/site/branches/ignite-redisign/events.html
URL: 
http://svn.apache.org/viewvc/ignite/site/branches/ignite-redisign/events.html?rev=1872472&r1=1872471&r2=1872472&view=diff
==============================================================================
--- ignite/site/branches/ignite-redisign/events.html (original)
+++ ignite/site/branches/ignite-redisign/events.html Tue Jan  7 21:50:13 2020
@@ -47,10 +47,17 @@ under the License.
 
     <main id="main" role="main" class="container">
         <section id="news" class="page-section">
-            <h1 class="first">Meetups & Events</h1>
-            <div class="col-sm-12 col-md-12 col-xs-12" style="padding-left: 0; 
padding-right: 20px;">
-
-                               <section 
id="how-to-boost-and-scale-postgres-from-sharding-to-in-memory-data-grids" 
class="page-section news-section">
+            <h1 class="first">Upcoming Apache Ignite Events</h1>       
+                       
+<div class="row new-event margin-headline">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/conferences.svg" alt="Conference">
+                       <p>Conference</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+                       <section 
id="how-to-boost-and-scale-postgres-from-sharding-to-in-memory-data-grids">
                     <div><h3 style="display:inline-block;">How to boost and 
scale Postgres - from sharding to in-memory data grids
                         <a 
href="/events.html#how-to-boost-and-scale-postgres-from-sharding-to-in-memory-data-grids"><i
 class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -78,9 +85,18 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                             
-                               
-                               <section 
id="in-memory-computing-essentials-for-software-engineers" class="page-section 
news-section">
+                </section>             
+       </div>
+</div>
+<div class="row new-event margin-headline">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/conferences.svg" alt="Conferences">
+                       <p>Conference</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+                       <section 
id="in-memory-computing-essentials-for-software-engineers">
                     <div><h3 style="display:inline-block;">In-Memory Computing 
Essentials for Software Engineers
                         <a 
href="/events.html#in-memory-computing-essentials-for-software-engineers"><i 
class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -108,12 +124,18 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                                     
-                               
-                               
-                               
-                               
-                               <section 
id="in-memory-computing-essentials-for-java-developers" class="page-section 
news-section">
+                </section>             
+       </div>
+</div>                 
+<div class="row new-event margin-headline">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+                       <section 
id="in-memory-computing-essentials-for-java-developers">
                     <div><h3 style="display:inline-block;">In-Memory Computing 
Essentials for Java Developers
                         <a 
href="/events.html#in-memory-computing-essentials-for-java-developers"><i 
class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -141,11 +163,40 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                             
-                               
-                               
-                               
-                               <section 
id="data-streaming-using-apache-flink-and-apache-ignite" class="page-section 
news-section">
+                </section>             
+       </div>
+</div>                 
+
+<div class="row new-event margin-headline">
+       <div class="col-md-12 text-center">
+               <p>Browse the <a href="meetup-groups.html">Apache Ignite 
groups</a> and find one near your area.</p>
+       </div>
+</div>
+
+<h2 class="sub-head-events">Past Events</h2>   
+  <!-- Nav tabs -->
+ <ul id="past-events" class="nav nav-tabs">
+     <li  class="active"><a href="#2019" aria-controls="profile" 
data-toggle="tab">2019</a></li>
+     <li><a href="#2018" aria-controls="profile" 
data-toggle="tab">2018</a></li>
+        <li><a href="#2017" aria-controls="profile" 
data-toggle="tab">2017</a></li>
+        <li><a href="#2016" aria-controls="profile" 
data-toggle="tab">2016</a></li>
+        <li><a href="#2015" aria-controls="profile" 
data-toggle="tab">2015</a></li>
+        <li><a href="#2014" aria-controls="profile" 
data-toggle="tab">2014</a></li>
+ </ul>
+       
+ <!-- Tab panes -->
+ <div class="tab-content">
+
+       <div class="tab-pane active" id="2019">
+<div class="row new-event margin-headline">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+                       <section 
id="data-streaming-using-apache-flink-and-apache-ignite">
                     <div><h3 style="display:inline-block;">Data Streaming 
Using Apache Flink and Apache Ignite
                         <a 
href="/events.html#data-streaming-using-apache-flink-and-apache-ignite"><i 
class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -173,25 +224,32 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                             
-                               
-
-                               <section 
id="in-memory-computing-essentials-for-software-engineers-dec-2" 
class="page-section news-section">
+                </section>             
+       </div>
+</div>         
+               <div class="row new-event margin-headline">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+               <section 
id="in-memory-computing-essentials-for-software-engineers-dec-2">
                     <div><h3 style="display:inline-block;">In-Memory Computing 
Essentials for Software Engineers
                         <a 
href="/events.html#in-memory-computing-essentials-for-software-engineers-oct"><i
 class="fa fa-anchor"></i></a>
                     </h3></div>
-                    <span class="news-date">The Silicon Valley Java User 
Group, Speaker: Denis Magda</span><br/><br/>
+                    <span class="news-date">The Silicon Valley Java User 
Group, Speaker: Denis Magda</span><br/><br/> 
                     <span class="news-date">DECEMBER 18, 2019</span>
 
                     <p>Attendees will be introduced to the fundamental 
capabilities of in-memory computing platforms that are proven to boost 
application performance and solve scalability problems by storing and 
processing massive data sets in RAM and on disk.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/en-US/sv-jug/events/265881743/"; target="_blank" 
rel="noopener">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.meetup.com/en-US/sv-jug/events/265881743/";
@@ -203,10 +261,18 @@ under the License.
                         </div>
                         <!-- AddToAny END -->
                     </div>
-                    <p style="margin:0;">&nbsp;</p>
-                </section>                             
-
-                               <section 
id="in-memory-computing-essentials-for-software-engineers-dec-1" 
class="page-section news-section">
+           </section>  
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+               <section 
id="in-memory-computing-essentials-for-software-engineers-dec-1">
                     <div><h3 style="display:inline-block;">How and why Apache 
Ignite<sup>®</sup> is changing from an In-Memory Data Grid into an In-Memory 
Database
                         <a 
href="/events.html#in-memory-computing-essentials-for-software-engineers-oct"><i
 class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -217,13 +283,12 @@ under the License.
                                        
                                        <a 
href="https://www.google.com/maps/place/51°30'07.1%22N+0°07'07.9%22W/@51.501965,-0.118852,17z/data=!3m1!4b1!4m5!3m4!1s0x0:0x0!8m2!3d51.501965!4d-0.118852"
 target="_blank" rel="noopener">Where to Find Us</a>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.eventbrite.com/e/open-source-database-best-practices-registration-82082285325";
 target="_blank" rel="noopener">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.eventbrite.com/e/open-source-database-best-practices-registration-82082285325";
@@ -236,9 +301,18 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                             
-
-                               <section 
id="how-to-migrate-your-data-schema-to-apache-ignite-deec-4-19" 
class="page-section news-section">
+                </section>
+       </div>
+</div>                                 
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinar">
+                       <p>Webinar</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+               <section 
id="how-to-migrate-your-data-schema-to-apache-ignite-deec-4-19">
                     <div><h3 style="display:inline-block;">How to Migrate Your 
Data Schema to Apache Ignite 
                         <a 
href="/events.html#how-to-migrate-your-data-schema-to-apache-ignite-deec-4-19"><i
 class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -247,13 +321,12 @@ under the License.
 
                     <p>In this webinar, we will discuss the pros and cons of 
SQL and JCache APIs approaches to work with your data in Apache Ignite. Talk 
includes Ignite SQL capabilities, consistency guarantees, complications of 
distributed SQL and how affinity co-location can minimize them.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/how-migrate-your-data-schema-apache-ignite";
 target="_blank" rel="noopener">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/webinars/how-migrate-your-data-schema-apache-ignite";
@@ -266,9 +339,18 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                                     
-                               
-                               <section 
id="apache-ignite-moscow-meetup-dec-3-19" class="page-section news-section">
+                </section>
+       </div>
+</div>                 
+<div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs">
+               <div class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-xl-10 col-md-10 col-sm-12">
+               <section id="apache-ignite-moscow-meetup-dec-3-19">
                     <div><h3 style="display:inline-block;">Apache Ignite 
Moscow Meetup 
                         <a 
href="/events.html#apache-ignite-moscow-meetup-dec-3-19"><i class="fa 
fa-anchor"></i></a>
                     </h3></div>
@@ -277,12 +359,12 @@ under the License.
 
                     <p>Andrei Gora, Apache Ignite PMC, will talk about typical 
problems that arise when moving to a distributed model of data storage and 
processing, namely, the organization of consistent data placement in a 
distributed system. Denis Garus (Sbertech) will present Ignite Sandbox and tell 
about data protection in a distributed Java environment. After the talks, we 
plan to discuss what does community expect from Ignite 3.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://gridgain.timepad.ru/event/1124829/"; target="_blank" 
rel="noopener">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -296,9 +378,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                                     
-
-                               <section 
id="ignite-pearls-insight-and-creativity-in-distributed-programming" 
class="page-section news-section">
+                </section>
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="ignite-pearls-insight-and-creativity-in-distributed-programming">
                     <div><h3 style="display:inline-block;">Ignite Pearls - 
Insight and Creativity in Distributed Programming
                         <a 
href="/events.html#ignite-pearls-insight-and-creativity-in-distributed-programming"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -307,12 +397,12 @@ under the License.
 
                     <p>This presentation is a live Scala coding talk full of 
small case studies, real examples, and interesting exercises for learning about 
how to do a modern distributed programming with Apache Ignite.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/en-US/ny-scala/events/266240908/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -326,9 +416,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                                     
-                               
-                               <section id="apache-ignite-pumpkin-meetup" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="apache-ignite-pumpkin-meetup">
                     <div><h3 style="display:inline-block;">Apache Ignite 
Pumpkin Meetup
                         <a href="/events.html#apache-ignite-pumpkin-meetup" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -337,12 +435,12 @@ under the License.
 
                     <p>We are going to have a cozy Halloween talk about “how 
to use” (first speaker) and “how does it work” (second speaker). As 
usual, there will be tea and coffee, a snack and a raffle of useful books. 
Evgeny Zhuravlev will present talk “Architecture and optimization of working 
with memory for processing big data”. Apache Ignite Committer Maxim Muzafarov 
will tell about his experience of working with Rebalance feature. </p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a href=" 
https://gridgain.timepad.ru/event/1091051/"; target="_blank" rel="noopener" 
aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -356,9 +454,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                               
-                               <section 
id="in-memory-computing-essentials-for-software-engineers-oct" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="in-memory-computing-essentials-for-software-engineers-oct">
                     <div><h3 style="display:inline-block;">In-Memory Computing 
Essentials for Software Engineers
                         <a 
href="/events.html#in-memory-computing-essentials-for-software-engineers-oct" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -367,12 +473,12 @@ under the License.
 
                     <p>Free books+swag, caviar, liquors, cheeses & other 
eclectic delicacies! Attendees will be introduced to the fundamental 
capabilities of in-memory computing platforms that are proven to boost 
application performance and solve scalability problems by storing and 
processing massive data sets in RAM and on disk.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/es-ES/mysqlnyc/events/265780229/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -386,9 +492,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                             
-                               
-                               <section 
id="ensembles-of-ml-algorithms-and-distributed-online-machine-learning-with-apache-ignite"
 class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup Logo">
+                       <p>Meetups</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="ensembles-of-ml-algorithms-and-distributed-online-machine-learning-with-apache-ignite">
                     <div><h3 style="display:inline-block;">Ensembles of ML 
algorithms and Distributed Online Machine Learning with Apache Ignite
                         <a 
href="/events.html#ensembles-of-ml-algorithms-and-distributed-online-machine-learning-with-apache-ignite"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -397,13 +511,11 @@ under the License.
 
                     <p>Alexey Zinovyev, Apache<sup>®</sup> Ignite® 
Committer, will tell about Apache Ignite ML module and how can it  speedup your 
ML training. Also He will speak about using Ignite as a backend for distributed 
TensorFlow calculations.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://aceu19.apachecon.com/session/ensembles-ml-algorithms-and-distributed-online-machine-learning-apache-ignite-0";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
-                    </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    </div>                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://aceu19.apachecon.com/session/ensembles-ml-algorithms-and-distributed-online-machine-learning-apache-ignite-0";
@@ -416,9 +528,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                               
-                               <section id="whats-new-in-gridgain-web-console" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinars</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="whats-new-in-gridgain-web-console">
                     <div><h3 style="display:inline-block;">Updated Apache 
Ignite Apache® Ignite® Web Console live demo
                         <a 
href="/events.html#whats-new-in-gridgain-web-console" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -427,13 +547,11 @@ under the License.
 
                     <p>GridGain Web Console is now 100% free for Apache® 
Ignite™ and GridGain®  users. During the session we will cover the basics of 
installation and discuss new features and capabilities added to the most recent 
release as well as architectural changes.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/whats-new-in-gridgain-web-console";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
-                    </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    </div>                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/webinars/whats-new-in-gridgain-web-console";
@@ -446,9 +564,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                               
-                <section id="why-did-we-developed-another-one-kafka-connector" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="why-did-we-developed-another-one-kafka-connector">
                     <div><h3 style="display:inline-block;">Why did we 
developed another one Kafka connector
                         <a 
href="/events.html#why-did-we-developed-another-one-kafka-connector" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -457,12 +583,12 @@ under the License.
 
                     <p>In his talk Alexey will tell, when the connectors are 
more convenient than developing from scratch, briefly will go through the 
existing connectors. After that Alexey will tell how he wrote his version based 
on Apache Ignite and certified by Confluent.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://leroy-merlin.timepad.ru/event/1069622/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -476,9 +602,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-
-                               <section 
id="data-distribution-in-apache-ignite" class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="data-distribution-in-apache-ignite">
                     <div><h3 style="display:inline-block;">Data Distribution 
in Apache Ignite
                         <a 
href="/events.html#data-distribution-in-apache-ignite" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -487,12 +621,12 @@ under the License.
 
                     <p>Andrei Gora, committer and PMC of the Apache Ignite 
project, will talk about typical problems that arise when moving to a 
distributed model of data storage and processing, namely, the organization of a 
consistent data placement in a distributed system. Special attention will be 
paid to the rendezvous hashing algorithm, the features of its use in Apache 
Ignite (Rendezvous affinity function) and possible alternatives.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/ru-RU/Scalability-Camp/events/264936752/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -506,9 +640,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-
-                               <section 
id="moving-apache-ignite-into-production-best-practices-for-disaster-recovery-and-high-availability"
 class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="moving-apache-ignite-into-production-best-practices-for-disaster-recovery-and-high-availability">
                     <div><h3 style="display:inline-block;">Moving Apache® 
Ignite® into Production: Best Practices For Disaster Recovery and High 
Availability
                         <a 
href="/events.html#moving-apache-ignite-into-production-best-practices-for-deploying-apache-ignite-in-the-cloud"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -517,12 +659,12 @@ under the License.
 
                     <p>Learn some of the best practices and the different 
options for maximizing availability and preventing data loss. This session 
explains in detail the various challenges including cluster and data center 
failures, and the best practices for implementing disaster recovery (DR) for 
distributed in-memory computing based on real-world deployments.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/moving-apache-ignite-production-best-practices-disaster-recovery-and-high";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -536,9 +678,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section> 
-                               
-                               <section 
id="continuous-machine-and-deep-learning-at-scale-with-apache-ignite" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/conferences.svg" alt="Conference">
+                       <p>Conference</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="continuous-machine-and-deep-learning-at-scale-with-apache-ignite">
                     <div><h3 style="display:inline-block;">Continuous Machine 
and Deep Learning at Scale with Apache Ignite
                         <a 
href="/events.html#continuous-machine-and-deep-learning-at-scale-with-apache-ignite"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -547,13 +697,11 @@ under the License.
 
                     <p>During this session Denis, Apache Ignite PMC chair,  
will tell, how Apache Ignite and GridGain help to address these limitations 
with model training and execution, and help achieve near-real-time, continuous 
learning. It will be explained how ML/DL work with Apache Ignite, and how to 
get started.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://apachecon.com/acna19/s/#/scheduledEvent/1125 " target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
-                    </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    </div>                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://apachecon.com/acna19/s/#/scheduledEvent/1125 "
@@ -566,9 +714,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                               
-                               <section 
id="moving-apache-ignite-into-production-best-practices-for-deploying-apache-ignite-in-the-cloud"
 class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinars</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="moving-apache-ignite-into-production-best-practices-for-deploying-apache-ignite-in-the-cloud">
                     <div><h3 style="display:inline-block;">Moving Apache® 
Ignite® into Production: Best Practices for Deploying Apache Ignite in the 
Cloud
                         <a 
href="/events.html#moving-apache-ignite-into-production-best-practices-for-deploying-apache-ignite-in-the-cloud"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -577,13 +733,12 @@ under the License.
 
                     <p>This webinar discusses deploying Apache Ignite into 
production in public and private clouds. Companies have faced many challenges 
when deploying in-memory computing platforms such as Apache Ignite in the 
cloud, but they have also discovered many best practices that have made success 
possible.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/moving-apacher-ignitetm-production-best-practices-deploying-apache-ignite-in";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/webinars/moving-apacher-ignitetm-production-best-practices-deploying-apache-ignite-in";
@@ -596,9 +751,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>                             
-                               
-                               <section id="cloud-deployment-best-practices" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="cloud-deployment-best-practices">
                     <div><h3 style="display:inline-block;">Cloud deployment 
best practices
                         <a href="/events.html#cloud-deployment-best-practices" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -607,12 +770,12 @@ under the License.
 
                     <p>Cloud deployments offer the potential for almost 
infinite resources and flexible scalability. But there are so many options! It 
can be overwhelming to know which services are best for your use case. Building 
distributed systems only adds to the complexity. Come learn some best practices 
on how to best structure and deploy IMDB/IMDG applications in a cloud 
environment.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/meetups/nyc-in-memory-computing-meetup-10";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -626,9 +789,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section> 
-                               
-                               <section 
id="the-insiders-checklist-for-hardening-an-in-memory-computing-cluster" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="the-insiders-checklist-for-hardening-an-in-memory-computing-cluster">
                     <div><h3 style="display:inline-block;">The Insiders 
Checklist for Hardening an In-Memory Computing Cluster
                         <a 
href="/events.html#the-insiders-checklist-for-hardening-an-in-memory-computing-cluster"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -637,13 +808,12 @@ under the License.
 
                     <p> In this talk Denis Magda, GridGain's VP of product 
management and Apache® Ignite™ PMC Chair, will walk through the various 
components of Apache Ignite and GridGain -- including memory storage, 
networking layer, compute grid -- to help explain many of best practices and 
the reasoning behind them.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/meetups/bay-area-in-memory-computing-meetup-10";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/meetups/bay-area-in-memory-computing-meetup-10";
@@ -656,9 +826,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>               
-                               
-                               <section 
id="htap-via-integration-of-ignite-spark" class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="htap-via-integration-of-ignite-spark">
                     <div><h3 style="display:inline-block;">HTAP via 
integration of Apache Ignite and Apache Spark
                         <a 
href="/events.html#htap-via-integration-of-ignite-spark" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -669,12 +847,12 @@ under the License.
                         and using Apache Ignite as a storage engine for Apache 
Spark in particular to
                         handle HTAP workloads.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://cyberagent.connpass.com/event/134260/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -688,9 +866,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-
-                <section 
id="moving-apache-ignite-production-initial-checklist" class="page-section 
news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinar</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="moving-apache-ignite-production-initial-checklist">
                     <div><h3 style="display:inline-block;">Moving Apache 
Ignite into Production: An Initial Checklist
                         <a 
href="/events.html#moving-apache-ignite-production-initial-checklist" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -701,12 +887,12 @@ under the License.
 
                     <p>This webinar is the first in a series that will guide 
you through the best development, monitoring, and troubleshooting practices for 
deploying Apache Ignite across different topologies and use cases.</p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/moving-apache-ignite-production-initial-checklist";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -720,11 +906,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-
-
-
-                <section id="sparkaisummit-north-america-2019" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/conferences.svg" alt="Conferences">
+                       <p>Conference</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="sparkaisummit-north-america-2019">
                     <div><h3 style="display:inline-block;">Distributed ML/DL 
with Ignite ML Module Using Apache Spark as Database
                         <a 
href="/events.html#sparkaisummit-north-america-2019" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -743,13 +935,12 @@ under the License.
                         not only for KMeans and LinReg.
                     </p>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://databricks.com/sparkaisummit/north-america/sessions-single-2019?id=143";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://databricks.com/sparkaisummit/north-america/sessions-single-2019?id=143";
@@ -762,8 +953,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="apacher-ignitetm-nodejs-developers" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinar</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="apacher-ignitetm-nodejs-developers">
                     <div><h3 style="display:inline-block;">Apache Ignite for 
Node.js Developers
                         <a 
href="/events.html#apacher-ignitetm-nodejs-developers" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -783,13 +983,12 @@ under the License.
                         <li>Performing SQL, SQL Fields and Scan Queries</li>
                     </ul>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/apacher-ignitetm-nodejs-developers";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/webinars/apacher-ignitetm-nodejs-developers";
@@ -802,8 +1001,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="open-data-science-meetup-saint-petersburg-russia" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="open-data-science-meetup-saint-petersburg-russia">
                     <div><h3 style="display:inline-block;">Using TensorFlow 
with Apache Ignite
                         <a 
href="/events.html#open-data-science-meetup-saint-petersburg-russia" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -818,12 +1026,12 @@ under the License.
                         <li>Inference TensorFlow models on Apache Ignite 
cluster</li>
                     </ul>
 
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/meetups/open-data-science-meetup-saint-petersburg-russia";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -837,10 +1045,19 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="whats-new-in-apache-ignite-27" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinar</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="whats-new-in-apache-ignite-27">
                     <div><h3 style="display:inline-block;">What’s New in 
Apache Ignite 2.7
-                        <a href="/events.html#whats-new-in-apache-ignite-27" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
+                        <a href="/events.html#whats-new-in-apache-ignite-27" 
aria-label="Webinar"><i class="fa fa-anchor"></i></a>
                     </h3></div>
                     <span class="news-date">Webinar, Speaker - Denis 
Magda</span><br/><br/>
                     <span class="news-date">Feb 13, 2019</span>
@@ -849,12 +1066,12 @@ under the License.
                         You will learn how the new capabilities of Apache 
Ignite work. You will also understand more about some
                         of the other changes made to Apache Ignite, and the 
reasoning behind them. Come with your questions, and learn from the questions 
of your peers.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
-                            <a 
href="https://www.gridgain.com/resources/webinars/whats-new-in-apache-ignite-27";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
+                            <a 
href="https://www.gridgain.com/resources/webinars/whats-new-in-apache-ignite-27";
 target="_blank" rel="noopener" aria-label="Webinar">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -868,8 +1085,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="EffectiveMySQL-257849652" class="page-section 
news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="EffectiveMySQL-257849652">
                     <div><h3 style="display:inline-block;">Turbocharge your 
MySQL queries in-memory with In-Memory Computing
                         <a href="/events.html#EffectiveMySQL-257849652" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -882,13 +1108,12 @@ under the License.
                         PostgreSQL, supports MySQL indexes, supports compound 
indexes, and various forms of
                         MySQL queries including distributed MySQL joins.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/EffectiveMySQL/events/257849652/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.meetup.com/EffectiveMySQL/events/257849652/";
@@ -901,8 +1126,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="gridgain-cloud-deploy-apache-ignite-in-minutes" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinar</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="gridgain-cloud-deploy-apache-ignite-in-minutes" >
                     <div><h3 style="display:inline-block;">GridGain Cloud: 
Deploy Apache Ignite in Minutes
                         <a 
href="/events.html#gridgain-cloud-deploy-apache-ignite-in-minutes" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -914,13 +1148,11 @@ under the License.
                         Learn how to deploy Ignite as a service with just a 
few clicks, and how to use Ignite as a
                         distributed cache or in-memory database (IMDB) as a 
service.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/gridgain-cloud-deploy-apache-ignite-in-minutes";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
-                    </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    </div>                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/webinars/gridgain-cloud-deploy-apache-ignite-in-minutes";
@@ -933,8 +1165,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section 
id="in-memory-computing-best-practices-developing-new-apps-channels-and-apis" 
class="page-section news-section">
+                </section>     
+       </div>
+</div> 
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/webinars.svg" alt="Webinars">
+                       <p>Webinar</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="in-memory-computing-best-practices-developing-new-apps-channels-and-apis">
                     <div><h3 style="display:inline-block;">In-Memory Computing 
Best Practices: Developing New Apps, Channels and APIs
                         <a 
href="/events.html#in-memory-computing-best-practices-developing-new-apps-channels-and-apis"
 aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -947,13 +1188,12 @@ under the License.
                         This session, the third in the In-Memory Computing 
Best Practices Series, dives into how in-memory
                         computing acts as a foundation for digital business.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/webinars/in-memory-computing-best-practices-developing-new-apps-channels-and-apis";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.gridgain.com/resources/webinars/in-memory-computing-best-practices-developing-new-apps-channels-and-apis";
@@ -966,8 +1206,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section 
id="Stanford-Data-Science-Machine-Learning-Meetup-256812708" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section 
id="Stanford-Data-Science-Machine-Learning-Meetup-256812708">
                     <div><h3 style="display:inline-block;">Workshop: Machine 
Learning 101 with In-Memory Computing
                         <a 
href="/events.html#Stanford-Data-Science-Machine-Learning-Meetup-256812708" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -986,12 +1235,12 @@ under the License.
                         <li>Solve optimizations problems by simulating the 
process of biological evolution.</li>
                         <li>Apply machine learning algorithms supported by 
Apache Ignite.</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Stanford-Data-Science-Machine-Learning-Meetup/events/256812708";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1005,8 +1254,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="open-source-data-science-256974934" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="open-source-data-science-256974934">
                     <div><h3 style="display:inline-block;">Workshop: In-Memory 
Computing Essentials for Data Scientists
                         <a 
href="/events.html#open-source-data-science-256974934" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1025,12 +1283,12 @@ under the License.
                         <li>Solve optimizations problems by simulating the 
process of biological evolution.</li>
                         <li>Apply machine learning algorithms supported by 
Apache Ignite.</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/open-source-data-science/events/256974934/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1044,8 +1302,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="NYC-In-Memory-Computing-Meetup-257355223" 
class="page-section news-section">
+                </section>     
+       </div>
+</div>
+               <div class="row new-event">
+       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                       <img src="images/meetup.svg" alt="Meetup">
+                       <p>Meetup</p>
+               </div>
+       </div>
+       <div class="col-md-10">
+               <section id="NYC-In-Memory-Computing-Meetup-257355223">
                     <div><h3 style="display:inline-block;">Relational DBMSs: 
Faster Transactions and Analytics with In-Memory Computing
                         <a 
href="/events.html#NYC-In-Memory-Computing-Meetup-257355223" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1062,12 +1329,12 @@ under the License.
                         <li>How to use Apache Ignite as an In-Memory Data Grid 
that stores data in memory and boosts applications performance by offloading 
reads from a Relational DBMS.</li>
                         <li>The strategic benefits of using Apache Ignite 
instead of Memcache, Redis, GigaSpaces, or Oracle Coherence.</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/NYC-In-Memory-Computing-Meetup/events/257355223"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1081,8 +1348,19 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Amsterdam-Kubernetes-Meetup-256234544" 
class="page-section news-section">
+                </section>     
+       </div>
+</div> 
+       </div>
+       <div class="tab-pane" id="2018">
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="Amsterdam-Kubernetes-Meetup-256234544">
                     <div><h3 style="display:inline-block;">Distributed 
Database DevOps Dilemmas? Kubernetes to the rescue!
                         <a 
href="/events.html#Amsterdam-Kubernetes-Meetup-256234544" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1100,13 +1378,11 @@ under the License.
                         <li>Database Availability - what’s the role of 
Kubernetes and the database</li>
                         <li>Utilizing both RAM and disk - set up Apache Ignite 
in a way to get in-memory performance with the durability of disk</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Amsterdam-Kubernetes-Meetup/events/256234544"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
-                    </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
-
+                    </div>                    <div>
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
                              
data-a2a-url="https://www.meetup.com/Amsterdam-Kubernetes-Meetup/events/256234544";
@@ -1119,8 +1395,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Hamburg-Kubernetes-Meetup-256200849" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="Hamburg-Kubernetes-Meetup-256200849">
                     <div><h3 style="display:inline-block;">Distributed 
Database DevOps Dilemmas? Kubernetes to the rescue!
                         <a 
href="/events.html#Hamburg-Kubernetes-Meetup-256200849" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1138,12 +1423,12 @@ under the License.
                         <li>Database Availability - what’s the role of 
Kubernetes and the database</li>
                         <li>Utilizing both RAM and disk - set up Apache Ignite 
in a way to get in-memory performance with the durability of disk</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Hamburg-Kubernetes-Meetup/events/256200849/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1157,8 +1442,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Munchen-Kubernetes-Meetup-256177844" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="Munchen-Kubernetes-Meetup-256177844">
                     <div><h3 style="display:inline-block;">Distributed 
Database DevOps Dilemmas? Kubernetes to the rescue!
                         <a 
href="/events.html#Munchen-Kubernetes-Meetup-256177844" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1176,12 +1470,12 @@ under the License.
                         <li>Database Availability - what’s the role of 
Kubernetes and the database</li>
                         <li>Utilizing both RAM and disk - set up Apache Ignite 
in a way to get in-memory performance with the durability of disk</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Munchen-Kubernetes-Meetup/events/256177844/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1195,8 +1489,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="NYC-In-Memory-Computing-Meetup-256580648" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="NYC-In-Memory-Computing-Meetup-256580648">
                     <div><h3 style="display:inline-block;">Memory-Centric 
Architecture - A New Approach to Distributed Systems
                         <a 
href="/events.html#NYC-In-Memory-Computing-Meetup-256580648" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1213,12 +1516,12 @@ under the License.
                         two worlds - disk-first and memory-first approaches.
 
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/NYC-In-Memory-Computing-Meetup/events/256580648/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1232,8 +1535,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Kafka-ATL-256500714" class="page-section 
news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section id="Kafka-ATL-256500714">
                     <div><h3 style="display:inline-block;">Stream Processing 
Best Practices - In the Cloud and with Apache Ignite
                         <a href="/events.html#Kafka-ATL-256500714" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1250,12 +1562,12 @@ under the License.
                         <li>Recommended approaches for deployment, monitoring 
and management</li>
                         <li>Tips and tricks for performance and scalability 
tuning</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Kafka-ATL/events/256500714/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1269,8 +1581,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Apache-Kafka-DC-256476441" class="page-section 
news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section id="Apache-Kafka-DC-256476441">
                     <div><h3 style="display:inline-block;">Best Practices for 
Stream Processing with Kafka and Apache Ignite
                         <a href="/events.html#Apache-Kafka-DC-256476441" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1287,12 +1608,12 @@ under the License.
                         <li>Recommended approaches for deployment, monitoring 
and management</li>
                         <li>Tips and tricks for performance and scalability 
tuning</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Apache-Kafka-DC/events/256476441"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1306,8 +1627,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="moscow-apache-ignite-meetup-818220" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="moscow-apache-ignite-meetup-818220">
                     <div><h3 style="display:inline-block;">Apache Ignite 
performance measurement. How we do benchmarks
                         <a 
href="/events.html#moscow-apache-ignite-meetup-818220" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1319,12 +1649,12 @@ under the License.
                         created using the example of Transparent Data 
Encryption in Apache Ignite.
 
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.gridgain.com/resources/meetups/moscow-apache-ignite-meetup"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1338,8 +1668,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="KafkaBayArea--255670377" class="page-section 
news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section id="KafkaBayArea--255670377">
                     <div><h3 style="display:inline-block;">Best Practices for 
Stream Processing with Kafka and Apache Ignite
                         <a href="/events.html#KafkaBayArea--255670377" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1355,12 +1694,12 @@ under the License.
                         <li>Recommended approaches for deployment, monitoring 
and management</li>
                         <li>Tips and tricks for performance and scalability 
tuning</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/KafkaBayArea/events/255670377/"; target="_blank" 
rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1374,8 +1713,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Bay-Area-In-Memory-Computing-255491989" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="Bay-Area-In-Memory-Computing-255491989">
                     <div><h3 style="display:inline-block;">In-Memory Computing 
Essentials for Data Scientist
                         <a 
href="/events.html#Bay-Area-In-Memory-Computing-255491989" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1385,12 +1733,12 @@ under the License.
                         Lucas will talk about the fundamental capabilities of 
in-memory computing platforms that specifically boost high-load applications 
and services.
                         These cost-effective capabilities bring existing IT 
architecture to the next level by storing and processing massive quantities of 
data both in RAM and, optionally, on disk.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Bay-Area-In-Memory-Computing/events/255491989/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1404,8 +1752,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="DevOps-Exchange-SanFrancisco-254969027" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="DevOps-Exchange-SanFrancisco-254969027">
                     <div><h3 style="display:inline-block;">Distributed 
Database DevOps Dilemmas? Kubernetes to the rescue!
                         <a 
href="/events.html#DevOps-Exchange-SanFrancisco-254969027" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1417,12 +1774,12 @@ under the License.
                         leaning on relational databases as a data layer. 
However, it is more difficult to do the same when a distributed SQL database or
                         other kinds of distributed storage is used instead. In 
this presentation, attendees will learn how Kubernetes can orchestrate a 
distributed database.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/DevOps-Exchange-SanFrancisco/events/254969027"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1436,8 +1793,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="NYC-In-Memory-Computing-Meetup-254701726" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="NYC-In-Memory-Computing-Meetup-254701726">
                     <div><h3 style="display:inline-block;">Powering up banks 
and financial institutions with distributed systems
                         <a 
href="/events.html#NYC-In-Memory-Computing-Meetup-254701726" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1448,12 +1814,12 @@ under the License.
                         platforms that are important for financial 
applications -- including ACID compliance, SQL compatibility,
                         persistence, replication, security, fault tolerance, 
fraud detection and more.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/NYC-In-Memory-Computing-Meetup/events/254701726/"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1467,8 +1833,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="futureofdata-newyork-253873404" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section id="futureofdata-newyork-253873404">
                     <div><h3 style="display:inline-block;">Best practices for 
stream ingestion, processing and analytics using in-memory computing
                         <a href="/events.html#futureofdata-newyork-253873404" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1485,12 +1860,12 @@ under the License.
                         <li>Implement and tune Apache Ignite or GridGain and 
Spark together</li>
                         <li>Design to ensure performance for real-time 
reports</li>
                     </ul>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/futureofdata-newyork/events/253873404"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1504,8 +1879,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Metis-New-York-Data-Science-254379968" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="Metis-New-York-Data-Science-254379968">
                     <div><h3 style="display:inline-block;">Apache Ignite: The 
In-Memory Hammer In Your Data Science Toolkit
                         <a 
href="/events.html#Metis-New-York-Data-Science-254379968" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1515,12 +1899,12 @@ under the License.
                         In this presentation we will look at some of the main 
components of Apache Ignite, such as the Compute Grid,
                         Data Grid and the Machine Learning Grid. Through 
examples, attendees will learn how Apache Ignite can be used for data analysis.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://www.meetup.com/Metis-New-York-Data-Science/events/254379968"; 
target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div>
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1534,8 +1918,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="it-dev-connections-dallas" class="page-section 
news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section id="it-dev-connections-dallas">
                     <div><h3 style="display:inline-block;">Scale Out and 
Conquer: Architectural Decisions Behind Distributed In-Memory Systems
                         <a href="/events.html#it-dev-connections-dallas" 
aria-label="Event Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1547,12 +1940,12 @@ under the License.
                         data-sharding algorithms, effective data models for 
distributed environments, synchronization and
                         coordination in distributed systems, and local 
scalability issues of speeding up local processing on cluster nodes.
                     </p>
-                    <div class="col-sm-12 col-md-9 col-xs-12 news-readmore">
+                    <div class="news-readmore">
                         <p>
                             <a 
href="https://tmt.knect365.com/it-dev-connections/speakers/denis-magda-1#far-east-room_scale-out-and-conquer-architectural-decisions-behind-distributed-in-memory-systems";
 target="_blank" rel="noopener" aria-label="Event Meetup">Read more</a>
                         </p>
                     </div>
-                    <div class="col-sm-12 col-md-3 col-xs-12 ">
+                    <div >
 
                         <!-- AddToAny BEGIN -->
                         <div class="a2a_kit a2a_kit_size_28 a2a_default_style 
news-socialmedia-icons"
@@ -1566,8 +1959,17 @@ under the License.
                         <!-- AddToAny END -->
                     </div>
                     <p style="margin:0;">&nbsp;</p>
-                </section>
-                <section id="Bay-Area-In-Memory-Computing-254629901" 
class="page-section news-section">
+                </section>     
+                       </div>
+               </div>
+               <div class="row new-event">
+                       <div class="col-xl-2 col-md-2 hidden-sm hidden-xs"><div 
class="round-icon-block">
+                                       <img src="images/meetup.svg" 
alt="Meetup Logo">
+                                       <p>Meetups</p>
+                               </div>
+                       </div>
+                       <div class="col-md-10">
+                               <section 
id="Bay-Area-In-Memory-Computing-254629901">
                     <div><h3 style="display:inline-block;">Best Practices for 
Stream Ingestion, Processing and Analytics Using In-Memory Computing
                         <a 
href="/events.html#Bay-Area-In-Memory-Computing-254629901" aria-label="Event 
Meetup"><i class="fa fa-anchor"></i></a>
                     </h3></div>
@@ -1583,12 +1985,12 @@ under the License.
                         <li>Implement and tune Apache Ignite or GridGain and 
Spark together</li>
                         <li>Design to ensure performance for real-time 
reports</li>
                     </ul>

[... 5282 lines stripped ...]

Reply via email to