You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@dlab.apache.org by an...@apache.org on 2019/12/09 09:28:20 UTC

[incubator-dlab] branch gh-pages updated: [DLAB-1364]: updated sliders content

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

ankovalyshyn pushed a commit to branch gh-pages
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git


The following commit(s) were added to refs/heads/gh-pages by this push:
     new b67c83c  [DLAB-1364]: updated sliders content
b67c83c is described below

commit b67c83c65e355cf7005977aa9fcd0503852eef33
Author: Andriana Kovalyshyn <An...@epam.com>
AuthorDate: Mon Dec 9 11:28:04 2019 +0200

    [DLAB-1364]: updated sliders content
---
 index.html           | 1564 ++++++++++++++++++++++++++------------------------
 package-lock.json    |   18 +-
 src/style/style.scss |    7 +-
 3 files changed, 824 insertions(+), 765 deletions(-)

diff --git a/index.html b/index.html
index 9b3b145..d2761df 100755
--- a/index.html
+++ b/index.html
@@ -7,13 +7,13 @@
     <meta name="MobileOptimized" content="width" />
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport"
-          content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui, minimum-scale=1.0, maximum-scale=1.0" />
+        content="width=device-width, initial-scale=1.0, user-scalable=no, minimal-ui, minimum-scale=1.0, maximum-scale=1.0" />
     <meta name="description"
-          content="DLab is a self-service Web Console, used to create and manage exploratory environments. It allows teams to spin up analytical environments with best of breed open-source tools just with a single click of the mouse." />
+        content="DLab is a self-service Web Console, used to create and manage exploratory environments. It allows teams to spin up analytical environments with best of breed open-source tools just with a single click of the mouse." />
 
     <meta property="og:title" content="DLab | Essential toolset for analytic" />
     <meta property="og:description"
-          content="DLab is a self-service Web Console, used to create and manage exploratory environments. It allows teams to spin up analytical environments with best of breed open-source tools just with a single click of the mouse." />
+        content="DLab is a self-service Web Console, used to create and manage exploratory environments. It allows teams to spin up analytical environments with best of breed open-source tools just with a single click of the mouse." />
     <meta property="og:type" content="object" />
     <meta property="og:url" content="http://dlab.opensource.epam.com/" />
     <meta property="og:image" content="http://dlab.opensource.epam.com/./src/images/background/login-background.jpg" />
@@ -23,883 +23,937 @@
 </head>
 
 <body style="display: none">
-<div id="wrap">
-    <div class="abstract abstract1"></div>
-    <div class="abstract abstract2"></div>
-    <div class="abstract abstract3"></div>
-    <header>
-        <nav>
-            <div>
-                <a class="logo"><img class="lozad" data-src="./src/images/logo_black.svg" alt="dlab-logo"></a>
+    <div id="wrap">
+        <div class="abstract abstract1"></div>
+        <div class="abstract abstract2"></div>
+        <div class="abstract abstract3"></div>
+        <header>
+            <nav>
+                <div>
+                    <a class="logo"><img class="lozad" data-src="./src/images/logo_black.svg" alt="dlab-logo"></a>
+                </div>
+                <input type="checkbox" id="menu-toggle" />
+                <label for="menu-toggle" class="label-toggle">
+                    <span></span>
+                    <span></span>
+                    <span></span>
+                </label>
+                <ul class="menu">
+                    <li class="has-children">
+                        <a href="#">Documents</a>
+                        <ul class="sub-menu">
+                            <li>
+                                <a href="https://github.com/apache/incubator-dlab/blob/master/README.md"
+                                    target="_blank">DLab Overview</a>
+                            </li>
+                            <li>
+                                <a href="https://github.com/apache/incubator-dlab/blob/master/USER_GUIDE.md"
+                                    target="_blank">User Guide</a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="has-children">
+                        <a>Apache</a>
+                        <ul class="sub-menu">
+                            <li><a href="https://www.apache.org/events/current-event" target="_blank">Events</a></li>
+                            <li><a href="https://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
+                            <li><a href="https://www.apache.org/licenses/" target="_blank">License</a></li>
+                            <li><a href="https://www.apache.org/security/" target="_blank">Security</a></li>
+                            <li><a href="https://www.apache.org/foundation/sponsorship.html"
+                                    target="_blank">Sponsorship</a></li>
+                            <li><a href="https://www.apache.org/" target="_blank">Foundation</a>
+                            <li>
+                        </ul>
+                    </li>
+                    <li class="has-children">
+                        <!-- <a href="#">Community</a> -->
+                        <ul class="community">
+                            <li>
+                                <ul class="social">
+                                    <li class="social-twitter"><a href="https://twitter.com/CommunityDlab"
+                                            target="_blank"></a></li>
+                                    <li class="social-youtube"><a href="https://www.youtube.com/c/DLabCommunity"
+                                            target="_blank"></a></li>
+                                    <li class="social-github"><a href="https://github.com/apache/incubator-dlab"
+                                            target="_blank"></a></li>
+                                </ul>
+                            </li>
+                        </ul>
+                    </li>
+                    <!-- <li><a href="#">About Us</a></li> -->
+                    <li class="get-started-nav"><a href="#">Get Started</a></li>
+                </ul>
+            </nav>
+        </header>
+        <article class="row content-desc animatedParent">
+            <h1 class="animated fadeInDownShort">Essential toolset for analytics</h1>
+            <div class="animated fadeInUp">
+                <p>Self-service, fail-safe exploratory environment for collaborative data science workflow</p>
+                <button class="get-started">Get Started</button>
             </div>
-            <input type="checkbox" id="menu-toggle" />
-            <label for="menu-toggle" class="label-toggle">
-                <span></span>
-                <span></span>
-                <span></span>
-            </label>
-            <ul class="menu">
-                <li class="has-children">
-                    <a href="#">Documents</a>
-                    <ul class="sub-menu">
-                        <li>
-                            <a href="https://github.com/apache/incubator-dlab/blob/master/README.md"
-                               target="_blank">DLab Overview</a>
-                        </li>
-                        <li>
-                            <a href="https://github.com/apache/incubator-dlab/blob/master/USER_GUIDE.md"
-                               target="_blank">User Guide</a>
-                        </li>
-                    </ul>
-                </li>
-                <li class="has-children">
-                    <a>Apache</a>
-                    <ul class="sub-menu">
-                        <li><a href="https://www.apache.org/events/current-event" target="_blank">Events</a></li>
-                        <li><a href="https://www.apache.org/foundation/thanks.html" target="_blank">Thanks</a></li>
-                        <li><a href="https://www.apache.org/licenses/" target="_blank">License</a></li>
-                        <li><a href="https://www.apache.org/security/" target="_blank">Security</a></li>
-                        <li><a href="https://www.apache.org/foundation/sponsorship.html"
-                               target="_blank">Sponsorship</a></li>
-                        <li><a href="https://www.apache.org/" target="_blank">Foundation</a>
-                        <li>
-                    </ul>
-                </li>
-                <li class="has-children">
-                    <!-- <a href="#">Community</a> -->
-                    <ul class="community">
-                        <li>
-                            <ul class="social">
-                                <li class="social-twitter"><a href="https://twitter.com/CommunityDlab"
-                                                              target="_blank"></a></li>
-                                <li class="social-youtube"><a href="https://www.youtube.com/c/DLabCommunity"
-                                                              target="_blank"></a></li>
-                                <li class="social-github"><a href="https://github.com/apache/incubator-dlab"
-                                                             target="_blank"></a></li>
-                            </ul>
-                        </li>
-                    </ul>
-                </li>
-                <!-- <li><a href="#">About Us</a></li> -->
-                <li class="get-started-nav"><a href="#">Get Started</a></li>
-            </ul>
-        </nav>
-    </header>
-    <article class="row content-desc animatedParent">
-        <h1 class="animated fadeInDownShort">Essential toolset for analytics</h1>
-        <div class="animated fadeInUp">
-            <p>Self-service, fail-safe exploratory environment for collaborative data science workflow</p>
-            <button class="get-started">Get Started</button>
-        </div>
-    </article>
-    <div class="controls-slider row animatedParent">
-        <div class="controls-nav controls-left animated fadeInLeft">
-            <mark data-slide="0" class="is-current-slide">Customizable authentication</mark>
-            <mark data-slide="1">Secured access to personal exploratory environment</mark>
-            <mark data-slide="2">Easy to use Web Interface</mark>
-        </div>
-        <div class="mac-wrap animated fadeInDownShort">
-            <div class="swiper-container">
-                <div class="swiper-wrapper">
-                    <div class="swiper-slide">
-                        <div class="swiper-lazy cover" data-background="./src/images/features/login-screen.png">
-                            <img class="lozad" data-src="./src/images/features/login-screen.png" alt="macSwiper">
+        </article>
+        <div class="controls-slider row animatedParent">
+            <div class="controls-nav controls-left animated fadeInLeft">
+                <mark data-slide="0" class="is-current-slide">Unified single sign-on experience between cloud and
+                    on-premise tools</mark>
+                <mark data-slide="1">Similar user experience across AWS, GCP, and Azure clouds</mark>
+                <mark data-slide="2">Easy to use Web Interface</mark>
+            </div>
+            <div class="mac-wrap animated fadeInDownShort">
+                <div class="swiper-container">
+                    <div class="swiper-wrapper">
+                        <div class="swiper-slide">
+                            <div class="swiper-lazy cover" data-background="./src/images/features/login-screen.png">
+                                <img class="lozad" data-src="./src/images/features/login-screen.png" alt="macSwiper">
+                            </div>
+                            <video controls preload="none">
+                                <source src="video/Dlab_w.mp4" type="video/mp4" />
+                            </video>
+                            <button class="play-it">Play &#9658;</button>
                         </div>
-                        <video controls preload="none">
-                            <source src="video/Dlab_w.mp4" type="video/mp4" />
-                        </video>
-                        <button class="play-it">Play &#9658;</button>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="swiper-lazy cover" data-background="./src/images/features/upload_key.png">
-                            <img class="lozad" data-src="./src/images/features/upload_key.png" alt="macSwiper">
+                        <div class="swiper-slide">
+                            <div class="swiper-lazy cover" data-background="./src/images/features/upload_key.png">
+                                <img class="lozad" data-src="./src/images/features/upload_key.png" alt="macSwiper">
+                            </div>
+                            <video controls preload="none">
+                                <source src="video/Dlab_w.mp4" type="video/mp4" />
+                            </video>
+                            <button class="play-it">Play &#9658;</button>
                         </div>
-                        <video controls preload="none">
-                            <source src="video/Dlab_w.mp4" type="video/mp4" />
-                        </video>
-                        <button class="play-it">Play &#9658;</button>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="swiper-lazy cover" data-background="./src/images/features/home-page.png">
-                            <img class="lozad" data-src="./src/images/features/home-page.png" alt="macSwiper">
+                        <div class="swiper-slide">
+                            <div class="swiper-lazy cover" data-background="./src/images/features/home-page.png">
+                                <img class="lozad" data-src="./src/images/features/home-page.png" alt="macSwiper">
+                            </div>
+                            <video controls preload="none">
+                                <source src="video/Dlab_w.mp4" type="video/mp4" />
+                            </video>
+                            <button class="play-it">Play &#9658;</button>
                         </div>
-                        <video controls preload="none">
-                            <source src="video/Dlab_w.mp4" type="video/mp4" />
-                        </video>
-                        <button class="play-it">Play &#9658;</button>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="swiper-lazy cover" data-background="./src/images/features/create-resource.png">
-                            <img class="lozad" data-src="./src/images/features/create-resource.png" alt="macSwiper">
+                        <div class="swiper-slide">
+                            <div class="swiper-lazy cover" data-background="./src/images/features/create-resource.png">
+                                <img class="lozad" data-src="./src/images/features/create-resource.png" alt="macSwiper">
+                            </div>
+                            <video controls preload="none">
+                                <source src="video/Dlab_w.mp4" type="video/mp4" />
+                            </video>
+                            <button class="play-it">Play &#9658;</button>
                         </div>
-                        <video controls preload="none">
-                            <source src="video/Dlab_w.mp4" type="video/mp4" />
-                        </video>
-                        <button class="play-it">Play &#9658;</button>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="swiper-lazy cover" data-background="./src/images/features/manage_git_creds.png">
-                            <img class="lozad" data-class="lozad" data-src="./src/images/features/manage_git_creds.png" alt="macSwiper">
+                        <div class="swiper-slide">
+                            <div class="swiper-lazy cover" data-background="./src/images/features/manage_git_creds.png">
+                                <img class="lozad" data-class="lozad"
+                                    data-src="./src/images/features/manage_git_creds.png" alt="macSwiper">
+                            </div>
+                            <video controls preload="none">
+                                <source src="video/Dlab_w.mp4" type="video/mp4" />
+                            </video>
+                            <button class="play-it">Play &#9658;</button>
                         </div>
-                        <video controls preload="none">
-                            <source src="video/Dlab_w.mp4" type="video/mp4" />
-                        </video>
-                        <button class="play-it">Play &#9658;</button>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="swiper-lazy cover" data-background="./src/images/features/report_page.png">
-                            <img class="lozad" data-src="./src/images/features/report_page.png" alt="macSwiper">
+                        <div class="swiper-slide">
+                            <div class="swiper-lazy cover" data-background="./src/images/features/report_page.png">
+                                <img class="lozad" data-src="./src/images/features/report_page.png" alt="macSwiper">
+                            </div>
+                            <video controls preload="none">
+                                <source src="video/Dlab_w.mp4" type="video/mp4" />
+                            </video>
+                            <button class="play-it">Play &#9658;</button>
                         </div>
-                        <video controls preload="none">
-                            <source src="video/Dlab_w.mp4" type="video/mp4" />
-                        </video>
-                        <button class="play-it">Play &#9658;</button>
                     </div>
                 </div>
             </div>
+            <div class="controls-nav controls-right animated fadeInRight">
+                <mark data-slide="3">Leverage the power of analytical tools</mark>
+                <mark data-slide="4">Project level collaboration environment across multiple Clouds</mark>
+                <mark data-slide="5">Aggregated billing with cost comparison across cloud providers </mark>
+            </div>
         </div>
-        <div class="controls-nav controls-right animated fadeInRight">
-            <mark data-slide="3">Leverage the power of analytical tools</mark>
-            <mark data-slide="4">Collaboration capabilities. Multiple Git repositories support</mark>
-            <mark data-slide="5">Control Cloud Services Usage</mark>
-        </div>
-    </div>
 
-    <div class="technologies">
-        <div class="row">
-            <figure><img class="lozad" data-src="./src/images/technologies/amazon.png" alt="Amazon Web Services"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/emr.png" alt="Amazon Elastic MapReduce, EMR"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/jupyter.png" alt="Jupyter Notebook"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/zeppelin.png" alt="Apache Zeppelin"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/python.png" alt="Python"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/mongodb.png"
-                         alt="MongoDB. Cross-platform document-oriented database program"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/tensorflow.png"
-                         alt="TensorFlow. An open source machine learning framework"></figure>
-            <figure><img class="lozad" data-src="./src/images/technologies/rstudio.png" alt="RStudio"></figure>
+        <div class="technologies">
+            <div class="row">
+                <figure><img class="lozad" data-src="./src/images/technologies/amazon.png" alt="Amazon Web Services">
+                </figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/emr.png"
+                        alt="Amazon Elastic MapReduce, EMR"></figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/jupyter.png" alt="Jupyter Notebook">
+                </figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/zeppelin.png" alt="Apache Zeppelin">
+                </figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/python.png" alt="Python"></figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/mongodb.png"
+                        alt="MongoDB. Cross-platform document-oriented database program"></figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/tensorflow.png"
+                        alt="TensorFlow. An open source machine learning framework"></figure>
+                <figure><img class="lozad" data-src="./src/images/technologies/rstudio.png" alt="RStudio"></figure>
+            </div>
         </div>
-    </div>
-    <section class="we-solve">
-        <h2 class="heading">Problems We Solve</h2>
-        <article class="row">
-            <div>
-                <figure>
-                    <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
-                           stroke-linejoin="round">
-                            <g transform="translate(-153.000000, -968.000000)" stroke="#485F76" stroke-width="2">
-                                <g transform="translate(67.000000, 817.000000)">
-                                    <g transform="translate(0.000000, 123.000000)">
-                                        <g transform="translate(87.000000, 29.000000)">
-                                            <path
+        <section class="we-solve">
+            <h2 class="heading">Problems We Solve</h2>
+            <article class="row">
+                <div>
+                    <figure>
+                        <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+                                stroke-linejoin="round">
+                                <g transform="translate(-153.000000, -968.000000)" stroke="#485F76" stroke-width="2">
+                                    <g transform="translate(67.000000, 817.000000)">
+                                        <g transform="translate(0.000000, 123.000000)">
+                                            <g transform="translate(87.000000, 29.000000)">
+                                                <path
                                                     d="M87,43.5 C87,67.524 67.524,87 43.5,87 C19.476,87 0,67.524 0,43.5 C0,19.476 19.476,0 43.5,0 C67.524,0 87,19.476 87,43.5 Z">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path
                                                     d="M9,69 L9,33 C9,31.895 9.895,31 11,31 L25,31 C26.105,31 27,31.895 27,33 L27,36 L77,36 C78.105,36 79,36.895 79,38 L79,69">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path
                                                     d="M17,30 L17,27 C17,25.895 17.895,25 19,25 L73,25 C74.105,25 75,25.895 75,27 L75,36">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path
                                                     d="M48.915,57.0671349 C49.278,59.0751349 48.441,60.9181349 47,62.0001349 L47,66.0011349 C47,67.6571349 45.657,69.0001349 44,69.0001349 L44,69.0001349 C42.343,69.0001349 41,67.6571349 41.001,65.9991349 L41.002,62.0021349 C39.786,61.0901349 39,59.6371349 39,58.0001349 C39,54.8871349 41.844,52.4391349 45.075,53.1121349 C47.015,53.5171349 48.563,55.1171349 48.915,57.0671349 Z">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path
                                                     d="M43.963,76.977 C43.963,76.977 30,74.167 30,63 L30,45 C30,45 32.99,47 37,47 C40.966,47 44.001,45 44.001,45 L45,45 C45,45 48.015,47 52,47 C55.942,47 58.928,45 58.928,45 L58.928,63 C58.928,75.084 43.963,76.977 43.963,76.977 Z">
-                                            </path>
+                                                </path>
+                                            </g>
                                         </g>
                                     </g>
                                 </g>
                             </g>
-                        </g>
-                    </svg>
-                    <figcaption>
-                        <p>Data access problem</p>
-                    </figcaption>
-                </figure>
-                <span></span>
-                <mark>+</mark>
-            </div>
-            <div>
-                <figure>
-                    <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-                            <g transform="translate(-446.000000, -968.000000)" stroke="#485F76" stroke-width="2">
-                                <g transform="translate(67.000000, 817.000000)">
-                                    <g transform="translate(294.000000, 123.000000)">
-                                        <g transform="translate(86.000000, 29.000000)">
-                                            <path
+                        </svg>
+                        <figcaption>
+                            <p>Data access problem</p>
+                        </figcaption>
+                    </figure>
+                    <span></span>
+                    <mark>+</mark>
+                </div>
+                <div>
+                    <figure>
+                        <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                                <g transform="translate(-446.000000, -968.000000)" stroke="#485F76" stroke-width="2">
+                                    <g transform="translate(67.000000, 817.000000)">
+                                        <g transform="translate(294.000000, 123.000000)">
+                                            <g transform="translate(86.000000, 29.000000)">
+                                                <path
                                                     d="M87,43.5 C87,67.524 67.524,87 43.5,87 C19.476,87 0,67.524 0,43.5 C0,19.476 19.476,0 43.5,0 C67.524,0 87,19.476 87,43.5 Z">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path
                                                     d="M13.188,44.362 C13.064,43.235 13,42.09 13,40.93 C13,23.848 26.848,10 43.93,10 C61.012,10 74.86,23.848 74.86,40.93 C74.86,42.003 74.806,43.063 74.699,44.108"
                                                     stroke-linecap="round"></path>
-                                            <path d="M43,6 L43,10" stroke-linecap="round"></path>
-                                            <path d="M35,7 L36.053,10.931" stroke-linecap="round"></path>
-                                            <path d="M26,10 L28.035,13.525" stroke-linecap="round"></path>
-                                            <path d="M19,16 L21.828,18.828" stroke-linecap="round"></path>
-                                            <path d="M13,23 L33.761,34.986" stroke-linecap="round"></path>
-                                            <path d="M10,32 L13.931,33.053" stroke-linecap="round"></path>
-                                            <path d="M9,42 L13,42" stroke-linecap="round"></path>
-                                            <path d="M79,42 L75,42" stroke-linecap="round"></path>
-                                            <path d="M77.931,32 L74,33.053" stroke-linecap="round"></path>
-                                            <path d="M74.544,23 L54,34.861" stroke-linecap="round"></path>
-                                            <path d="M68.828,16 L66,18.828" stroke-linecap="round"></path>
-                                            <path d="M53.053,7 L52,10.931" stroke-linecap="round"></path>
-                                            <path d="M61.035,10 L59,13.525" stroke-linecap="round"></path>
-                                            <path d="M61.035,10 L59,13.525" stroke-linecap="round"></path>
-                                            <path
+                                                <path d="M43,6 L43,10" stroke-linecap="round"></path>
+                                                <path d="M35,7 L36.053,10.931" stroke-linecap="round"></path>
+                                                <path d="M26,10 L28.035,13.525" stroke-linecap="round"></path>
+                                                <path d="M19,16 L21.828,18.828" stroke-linecap="round"></path>
+                                                <path d="M13,23 L33.761,34.986" stroke-linecap="round"></path>
+                                                <path d="M10,32 L13.931,33.053" stroke-linecap="round"></path>
+                                                <path d="M9,42 L13,42" stroke-linecap="round"></path>
+                                                <path d="M79,42 L75,42" stroke-linecap="round"></path>
+                                                <path d="M77.931,32 L74,33.053" stroke-linecap="round"></path>
+                                                <path d="M74.544,23 L54,34.861" stroke-linecap="round"></path>
+                                                <path d="M68.828,16 L66,18.828" stroke-linecap="round"></path>
+                                                <path d="M53.053,7 L52,10.931" stroke-linecap="round"></path>
+                                                <path d="M61.035,10 L59,13.525" stroke-linecap="round"></path>
+                                                <path d="M61.035,10 L59,13.525" stroke-linecap="round"></path>
+                                                <path
                                                     d="M43.581,51.163 C37.737,51.163 33,46.426 33,40.582 C33,34.738 37.737,30 43.581,30 C49.425,30 54.162,34.738 54.162,40.582 C54.162,46.426 49.425,51.163 43.581,51.163 Z"
                                                     stroke-linecap="round"></path>
-                                            <path
+                                                <path
                                                     d="M53.356798,84.6389532 C49.106798,75.9159532 50.604798,65.0979532 57.850798,57.8509532 C65.284798,50.4169532 76.478798,49.0329532 85.312798,53.6989532"
                                                     stroke-linecap="round"></path>
-                                            <path d="M81.88,49 L81,52.284" stroke-linecap="round"></path>
-                                            <path d="M68,49 L68.903,52.372" stroke-linecap="round"></path>
-                                            <path d="M56,56 L69.435,69.435" stroke-linecap="round"></path>
-                                            <path d="M49,68 L52.478,68.932" stroke-linecap="round"></path>
-                                            <path d="M49,81.822 L52.069,81" stroke-linecap="round"></path>
-                                            <path
+                                                <path d="M81.88,49 L81,52.284" stroke-linecap="round"></path>
+                                                <path d="M68,49 L68.903,52.372" stroke-linecap="round"></path>
+                                                <path d="M56,56 L69.435,69.435" stroke-linecap="round"></path>
+                                                <path d="M49,68 L52.478,68.932" stroke-linecap="round"></path>
+                                                <path d="M49,81.822 L52.069,81" stroke-linecap="round"></path>
+                                                <path
                                                     d="M68.4845166,79.6474869 C66.2515166,76.5214869 66.5375166,72.1504869 69.3435166,69.3434869 C72.0785166,66.6094869 76.2995166,66.2674869 79.4055166,68.3184869"
                                                     stroke-linecap="round"></path>
-                                            <path
+                                                <path
                                                     d="M68.3671189,79.4779883 C66.2621189,76.3649883 66.5881189,72.0999883 69.3441189,69.3439883 C72.0781189,66.6089883 76.2991189,66.2679883 79.4051189,68.3179883"
                                                     stroke-linecap="round"></path>
-                                            <path
+                                                <path
                                                     d="M3,53.7893778 C11.86,49.0153778 23.149,50.3693778 30.631,57.8513778 C38.016,65.2363778 39.43,76.3313778 34.874,85.1373778"
                                                     stroke-linecap="round"></path>
-                                            <path d="M40.284,81.88 L37,81" stroke-linecap="round"></path>
-                                            <path d="M40.372,68 L37,68.903" stroke-linecap="round"></path>
-                                            <path d="M32.435,56 L19,69.435" stroke-linecap="round"></path>
-                                            <path d="M20.932,49 L20,52.478" stroke-linecap="round"></path>
-                                            <path d="M7,49 L7.873,52.256" stroke-linecap="round"></path>
-                                            <path
+                                                <path d="M40.284,81.88 L37,81" stroke-linecap="round"></path>
+                                                <path d="M40.372,68 L37,68.903" stroke-linecap="round"></path>
+                                                <path d="M32.435,56 L19,69.435" stroke-linecap="round"></path>
+                                                <path d="M20.932,49 L20,52.478" stroke-linecap="round"></path>
+                                                <path d="M7,49 L7.873,52.256" stroke-linecap="round"></path>
+                                                <path
                                                     d="M9,68.5994575 C12.135,66.2424575 16.607,66.4904575 19.461,69.3434575 C22.305,72.1884575 22.56,76.6414575 20.226,79.7754575"
                                                     stroke-linecap="round"></path>
-                                            <path
+                                                <path
                                                     d="M9,68.4669318 C12.124,66.2529318 16.48,66.5449318 19.279,69.3439318 C22.013,72.0779318 22.355,76.2989318 20.304,79.4049318"
                                                     stroke-linecap="round"></path>
+                                            </g>
                                         </g>
                                     </g>
                                 </g>
                             </g>
-                        </g>
-                    </svg>
-                    <figcaption>
-                        <p>Problems with tools</p>
-                    </figcaption>
-                </figure>
-                <span></span>
-                <mark>+</mark>
-            </div>
-            <div>
-                <figure>
-                    <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
-                           stroke-linejoin="round">
-                            <g transform="translate(-738.000000, -968.000000)" stroke="#485F76" stroke-width="2">
-                                <g transform="translate(67.000000, 817.000000)">
-                                    <g transform="translate(586.000000, 123.000000)">
-                                        <g transform="translate(86.000000, 29.000000)">
-                                            <g transform="translate(6.000000, 36.000000)">
-                                                <path
+                        </svg>
+                        <figcaption>
+                            <p>Problems with tools</p>
+                        </figcaption>
+                    </figure>
+                    <span></span>
+                    <mark>+</mark>
+                </div>
+                <div>
+                    <figure>
+                        <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+                                stroke-linejoin="round">
+                                <g transform="translate(-738.000000, -968.000000)" stroke="#485F76" stroke-width="2">
+                                    <g transform="translate(67.000000, 817.000000)">
+                                        <g transform="translate(586.000000, 123.000000)">
+                                            <g transform="translate(86.000000, 29.000000)">
+                                                <g transform="translate(6.000000, 36.000000)">
+                                                    <path
                                                         d="M31,21.826 L31,5 C31,3.896 30.105,3 29,3 L2,3 C0.895,3 0,3.896 0,5 L0,16 C0,17.105 0.895,18 2,18 L24,18 L29.349,22.585 C29.998,23.141 31,22.68 31,21.826 Z">
-                                                </path>
-                                                <path d="M7,8 L25,8"></path>
-                                                <path d="M7,13 L19,13"></path>
-                                                <path
+                                                    </path>
+                                                    <path d="M7,8 L25,8"></path>
+                                                    <path d="M7,13 L19,13"></path>
+                                                    <path
                                                         d="M77,28.172 L77,31 C77,32.105 76.105,33 75,33 L53,33 L47.651,37.585 C47.002,38.141 46,37.68 46,36.826 L46,20 C46,18.896 46.895,18 48,18 L75,18 C76.105,18 77,18.896 77,20 L77,28.172">
-                                                </path>
-                                                <path d="M71,23 L53,23"></path>
-                                                <path d="M65,28 L53,28"></path>
-                                                <path d="M23,28 L34,28"></path>
-                                                <path d="M42,43 L53,43"></path>
-                                                <path d="M39,4 L51,4"></path>
-                                                <path d="M39,0 L47,0"></path>
-                                            </g>
-                                            <g>
-                                                <path
+                                                    </path>
+                                                    <path d="M71,23 L53,23"></path>
+                                                    <path d="M65,28 L53,28"></path>
+                                                    <path d="M23,28 L34,28"></path>
+                                                    <path d="M42,43 L53,43"></path>
+                                                    <path d="M39,4 L51,4"></path>
+                                                    <path d="M39,0 L47,0"></path>
+                                                </g>
+                                                <g>
+                                                    <path
                                                         d="M78.842,68.867 C70.946,79.848 58.058,87 43.5,87 C19.476,87 0,67.524 0,43.5 C0,19.475 19.476,0 43.5,0 C67.525,0 87,19.475 87,43.5 C87,50.315 85.433,56.764 82.639,62.507">
-                                                </path>
-                                                <path d="M71,70 L71,76.932"></path>
-                                                <path
+                                                    </path>
+                                                    <path d="M71,70 L71,76.932"></path>
+                                                    <path
                                                         d="M18,38.096 L18,23 C18,21.343 19.343,20 21,20 L68,20 C69.657,20 71,21.343 71,23 L71,54.068">
-                                                </path>
-                                                <path d="M18,77.904 L18,54"></path>
-                                                <path d="M66,70 L66,80.932"></path>
-                                                <polyline points="23 38.178 23 28 66 28 66 54.068"></polyline>
-                                                <path d="M23,81.822 L23,55"></path>
-                                                <path d="M41,24 L48,24"></path>
+                                                    </path>
+                                                    <path d="M18,77.904 L18,54"></path>
+                                                    <path d="M66,70 L66,80.932"></path>
+                                                    <polyline points="23 38.178 23 28 66 28 66 54.068"></polyline>
+                                                    <path d="M23,81.822 L23,55"></path>
+                                                    <path d="M41,24 L48,24"></path>
+                                                </g>
                                             </g>
                                         </g>
                                     </g>
                                 </g>
                             </g>
-                        </g>
-                    </svg>
-                    <figcaption>
-                        <p>Increased IT handholding</p>
-                    </figcaption>
-                </figure>
-                <span></span>
-                <mark>+</mark>
-            </div>
-            <div>
-                <figure>
-                    <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
-                         xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
-                            <g transform="translate(-1032.000000, -968.000000)" stroke="#485F76" stroke-width="2">
-                                <g transform="translate(67.000000, 817.000000)">
-                                    <g transform="translate(880.000000, 123.000000)">
-                                        <g transform="translate(86.000000, 29.000000)">
-                                            <path
+                        </svg>
+                        <figcaption>
+                            <p>Increased IT handholding</p>
+                        </figcaption>
+                    </figure>
+                    <span></span>
+                    <mark>+</mark>
+                </div>
+                <div>
+                    <figure>
+                        <svg width="89px" height="89px" viewBox="0 0 89 89" version="1.1"
+                            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                            <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+                                <g transform="translate(-1032.000000, -968.000000)" stroke="#485F76" stroke-width="2">
+                                    <g transform="translate(67.000000, 817.000000)">
+                                        <g transform="translate(880.000000, 123.000000)">
+                                            <g transform="translate(86.000000, 29.000000)">
+                                                <path
                                                     d="M87,43.5 C87,67.524 67.524,87 43.5,87 C19.476,87 0,67.524 0,43.5 C0,19.476 19.476,0 43.5,0 C67.524,0 87,19.476 87,43.5 Z">
-                                            </path>
-                                            <path d="M73,40 C73.066,40.815 73.1,41.639 73.1,42.472 L73.1,58.567">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path d="M73,40 C73.066,40.815 73.1,41.639 73.1,42.472 L73.1,58.567">
+                                                </path>
+                                                <path
                                                     d="M27,17.955 C31.738,14.823 37.417,13 43.521,13 C56.548,13 67.636,21.303 71.781,32.906">
-                                            </path>
-                                            <path d="M14,60.402 L14,42.755 C14,35.189 16.801,28.277 21.423,23">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path d="M14,60.402 L14,42.755 C14,35.189 16.801,28.277 21.423,23">
+                                                </path>
+                                                <path
                                                     d="M62,29 C65.007,32.891 66.821,37.719 66.821,42.865 L66.821,67.008">
-                                            </path>
-                                            <path
+                                                </path>
+                                                <path
                                                     d="M21,47.37 L21,43 C21,30.573 31.574,20 44,20 C48.514,20 52.784,21.395 56.391,23.768">
-                                            </path>
-                                            <path d="M21,68.249 L21,53"></path>
-                                            <path d="M59,53 L59,75.011"></path>
-                                            <path
+                                                </path>
+                                                <path d="M21,68.249 L21,53"></path>
+                                                <path d="M59,53 L59,75.011"></path>
+                                                <path
                                                     d="M37,29.447 C38.95,28.519 41.132,28 43.436,28 C51.72,28 58.436,34.716 58.436,43 L58.436,47.37">
-                                            </path>
-                                            <path d="M29,74.318 L29,42.655 C29,38.977 30.323,35.609 32.52,33">
-                                            </path>
-                                            <path d="M51,67 L51,77.239"></path>
-                                            <path
+                                                </path>
+                                                <path d="M29,74.318 L29,42.655 C29,38.977 30.323,35.609 32.52,33">
+                                                </path>
+                                                <path d="M51,67 L51,77.239"></path>
+                                                <path
                                                     d="M37,50.245 L37,43.5 C37,39.358 39.858,36 44,36 C48.142,36 51,39.358 51,43.5 L51,62.261">
-                                            </path>
-                                            <path d="M37,77.255 L37,55"></path>
-                                            <path d="M44,76 L44,81"></path>
-                                            <path d="M44,51 L44,71"></path>
-                                            <path d="M44,44 L44,46"></path>
+                                                </path>
+                                                <path d="M37,77.255 L37,55"></path>
+                                                <path d="M44,76 L44,81"></path>
+                                                <path d="M44,51 L44,71"></path>
+                                                <path d="M44,44 L44,46"></path>
+                                            </g>
                                         </g>
                                     </g>
                                 </g>
                             </g>
-                        </g>
-                    </svg>
-                    <figcaption>
+                        </svg>
+                        <figcaption>
+                            <p>Lack of security</p>
+                        </figcaption>
+                    </figure>
+                    <span></span>
+                    <mark>+</mark>
+                </div>
+            </article>
+            <div class="problems-slider">
+                <div>
+                    <div class="min-visible">
+                        <p>Data access problem</p>
+                        <img class="lozad" data-src="./src/images/ps_icon_1.svg" alt="Solve data access problem">
+                    </div>
+                    <ul class="list-points">
+                        <li>Access to full datasets is on “need to know” basis</li>
+                        <li>Access to production data is limited</li>
+                        <li>Data access is governed by corporate/BU/department policies</li>
+                    </ul>
+                </div>
+                <div>
+                    <div class="min-visible">
+                        <p>Problems with tools</p>
+                        <img class="lozad" data-src="./src/images/ps_icon_2.svg" alt="Solve problems with tools">
+                    </div>
+                    <ul class="list-points">
+                        <li>Installation of tools difficult and expensive (lack of ops &amp; security skills)</li>
+                        <li>Latest &amp; greatest tool versions aren’t available in the shared environment</li>
+                        <li>Lack of collaboration: everyone has its own silo</li>
+                    </ul>
+                </div>
+                <div>
+                    <div class="min-visible">
+                        <p>Increased IT handholding</p>
+                        <img class="lozad" data-src="./src/images/ps_icon_3.svg" alt="Increased IT handholding">
+                    </div>
+                    <ul class="list-points">
+                        <li>Data sciences are bound to local machines, due to the cost of IT support</li>
+                        <li>Lack of self-services leads to stream of requests to ops teams</li>
+                        <li>Resources allocation monitoring and security control in the shared environments</li>
+                    </ul>
+                </div>
+                <div>
+                    <div class="min-visible">
                         <p>Lack of security</p>
-                    </figcaption>
+                        <img class="lozad" data-src="./src/images/ps_icon_4.svg" alt="Solve lack of security">
+                    </div>
+                    <ul class="list-points">
+                        <li>Local data copies are not secure (DS get copies of data on their local machines)</li>
+                        <li>Cloud security policies for data protection are difficult to implement</li>
+                        <li>Cutting edge tools require enterprise hardening (tools have to be secured)</li>
+                    </ul>
+                </div>
+            </div>
+        </section>
+
+        <section class="solutions">
+            <h2 class="heading">Our Solution</h2>
+            <div class="row animatedParent">
+                <figure class="left animated fadeInLeft"><img class="lozad"
+                        data-src="./src/images/solutions/self_service_illustr.svg" alt="Self-service and customization">
                 </figure>
-                <span></span>
-                <mark>+</mark>
+                <article class="right animated fadeInRight">
+                    <h3>Self-service and customization</h3>
+                    <ul class="list-points">
+                        <li>Self-provisioning of the environment</li>
+                        <li>Plug-in proprietary components; change tool versions</li>
+                        <li>No dedicated IT Support is involved</li>
+                    </ul>
+                </article>
             </div>
-        </article>
-        <div class="problems-slider">
-            <div>
-                <div class="min-visible">
-                    <p>Data access problem</p>
-                    <img class="lozad" data-src="./src/images/ps_icon_1.svg" alt="Solve data access problem">
-                </div>
-                <ul class="list-points">
-                    <li>Access to full datasets is on “need to know” basis</li>
-                    <li>Access to production data is limited</li>
-                    <li>Data access is governed by corporate/BU/department policies</li>
-                </ul>
+            <div class="row animatedParent">
+                <article class="left animated fadeInLeft">
+                    <h3>Secured and fail safe</h3>
+                    <ul class="list-points">
+                        <li>Break it and simply re-provision a fresh environment</li>
+                        <li>Provides a client’s security perimeter</li>
+                        <li>Security policies and access controls</li>
+                    </ul>
+                </article>
+                <figure class="right animated fadeInRight"><img class="lozad"
+                        data-src="./src/images/solutions/secured_illustr.svg" alt="Secured and fail safe"></figure>
             </div>
-            <div>
-                <div class="min-visible">
-                    <p>Problems with tools</p>
-                    <img class="lozad" data-src="./src/images/ps_icon_2.svg" alt="Solve problems with tools">
-                </div>
-                <ul class="list-points">
-                    <li>Installation of tools difficult and expensive (lack of ops &amp; security skills)</li>
-                    <li>Latest &amp; greatest tool versions aren’t available in the shared environment</li>
-                    <li>Lack of collaboration: everyone has its own silo</li>
-                </ul>
+            <div class="row animatedParent">
+                <figure class="left animated fadeInLeft"><img class="lozad"
+                        data-src="./src/images/solutions/collaborative_illustr.svg" alt="Collaborative workflow">
+                </figure>
+                <article class="right animated fadeInRight">
+                    <h3>Collaborative workflow</h3>
+                    <ul class="list-points">
+                        <li>Collaboration between data science team members</li>
+                        <li>Collaboration between data science and engineering teams</li>
+                        <li>Easy path from R&amp;D to Production</li>
+                    </ul>
+                </article>
             </div>
-            <div>
-                <div class="min-visible">
-                    <p>Increased IT handholding</p>
-                    <img class="lozad" data-src="./src/images/ps_icon_3.svg" alt="Increased IT handholding">
-                </div>
-                <ul class="list-points">
-                    <li>Data sciences are bound to local machines, due to the cost of IT support</li>
-                    <li>Lack of self-services leads to stream of requests to ops teams</li>
-                    <li>Resources allocation monitoring and security control in the shared environments</li>
-                </ul>
+            <div class="row animatedParent">
+                <article class="left animated fadeInLeft">
+                    <h3>Exploratory environment</h3>
+                    <ul class="list-points">
+                        <li>Best open source data tools</li>
+                        <li>Horizontally scalable compute</li>
+                        <li>Easy access to data and metadata</li>
+                        <li>Training / workshops</li>
+                    </ul>
+                </article>
+                <figure class="right animated fadeInRight"><img class="lozad"
+                        data-src="./src/images/solutions/exploratory_illustr.svg" alt="Exploratory environment">
+                </figure>
             </div>
-            <div>
-                <div class="min-visible">
-                    <p>Lack of security</p>
-                    <img class="lozad" data-src="./src/images/ps_icon_4.svg" alt="Solve lack of security">
-                </div>
-                <ul class="list-points">
-                    <li>Local data copies are not secure (DS get copies of data on their local machines)</li>
-                    <li>Cloud security policies for data protection are difficult to implement</li>
-                    <li>Cutting edge tools require enterprise hardening (tools have to be secured)</li>
-                </ul>
+            <div class="row animatedParent">
+                <figure class="left animated fadeInLeft"><img class="lozad"
+                        data-src="./src/images/solutions/flexible_illustr.svg" alt="Flexible deployment architecture">
+                </figure>
+                <article class="right animated fadeInRight">
+                    <h3>Flexible deployment architecture</h3>
+                    <ul class="list-points">
+                        <li>PPublic cloud: Azure &amp; AWS, GCP (initial version)</li>
+                        <li>No platform or vendor lock-in</li>
+                    </ul>
+                </article>
             </div>
-        </div>
-    </section>
+        </section>
 
-    <section class="solutions">
-        <h2 class="heading">Our Solution</h2>
-        <div class="row animatedParent">
-            <figure class="left animated fadeInLeft"><img class="lozad" data-src="./src/images/solutions/self_service_illustr.svg"
-                                                          alt="Self-service and customization"></figure>
-            <article class="right animated fadeInRight">
-                <h3>Self-service and customization</h3>
-                <ul class="list-points">
-                    <li>Self-provisioning of the environment</li>
-                    <li>Plug-in proprietary components; change tool versions</li>
-                    <li>No dedicated IT Support is involved</li>
-                </ul>
-            </article>
-        </div>
-        <div class="row animatedParent">
-            <article class="left animated fadeInLeft">
-                <h3>Secured and fail safe</h3>
-                <ul class="list-points">
-                    <li>Break it and simply re-provision a fresh environment</li>
-                    <li>Provides a client’s security perimeter</li>
-                    <li>Security policies and access controls</li>
-                </ul>
-            </article>
-            <figure class="right animated fadeInRight"><img class="lozad" data-src="./src/images/solutions/secured_illustr.svg"
-                                                            alt="Secured and fail safe"></figure>
-        </div>
-        <div class="row animatedParent">
-            <figure class="left animated fadeInLeft"><img class="lozad" data-src="./src/images/solutions/collaborative_illustr.svg"
-                                                          alt="Collaborative workflow"></figure>
-            <article class="right animated fadeInRight">
-                <h3>Collaborative workflow</h3>
-                <ul class="list-points">
-                    <li>Collaboration between data science team members</li>
-                    <li>Collaboration between data science and engineering teams</li>
-                    <li>Easy path from R&amp;D to Production</li>
-                </ul>
-            </article>
-        </div>
-        <div class="row animatedParent">
-            <article class="left animated fadeInLeft">
-                <h3>Exploratory environment</h3>
-                <ul class="list-points">
-                    <li>Best open source data tools</li>
-                    <li>Horizontally scalable compute</li>
-                    <li>Easy access to data and metadata</li>
-                    <li>Training / workshops</li>
-                </ul>
-            </article>
-            <figure class="right animated fadeInRight"><img class="lozad" data-src="./src/images/solutions/exploratory_illustr.svg"
-                                                            alt="Exploratory environment"></figure>
-        </div>
-        <div class="row animatedParent">
-            <figure class="left animated fadeInLeft"><img class="lozad" data-src="./src/images/solutions/flexible_illustr.svg"
-                                                          alt="Flexible deployment architecture"></figure>
-            <article class="right animated fadeInRight">
-                <h3>Flexible deployment architecture</h3>
-                <ul class="list-points">
-                    <li>Public cloud: Azure &amp; AWS</li>
-                    <li>No platform or vendor lock-in</li>
-                </ul>
-            </article>
-        </div>
-    </section>
-
-    <section class="features">
-        <h2 class="heading">Features</h2>
+        <section class="features">
+            <h2 class="heading">Features</h2>
 
-        <div class="mac-screen-wrap">
-            <div class="swiper-container screen-slider-thumbs">
-                <div data-slide="0" class="swiper-slide swiper-slide-active">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_1.png" alt="Customizable authentication"></a>
-                    <span>Customizable authentication</span>
-                </div>
-                <div data-slide="1" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_2.png" alt="Secured access to environment"></a>
-                    <span>Secured access to environment</span>
-                </div>
-                <div data-slide="2" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_3.png" alt="Easy to use Web Interface"></a>
-                    <span>Easy to use Web Interface</span>
-                </div>
-                <div data-slide="3" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_4.png"
-                            alt="Leverage the power of analytical tools"></a>
-                    <span>Leverage the power of analytical tools</span>
-                </div>
-                <div data-slide="4" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_5.png"
-                            alt="Data visualization with data science libraries"></a>
-                    <span>Data visualization with data science libraries</span>
-                </div>
-                <div data-slide="5" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_6.png" alt="Manage analytical environment"></a>
-                    <span>Manage analytical environment</span>
-                </div>
-                <div data-slide="6" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_7.png"
-                            alt="Install libraries and dependencies"></a>
-                    <span>Install libraries and dependencies</span>
-                </div>
-                <div data-slide="7" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_8.png"
-                            alt="Multiple Git repositories support"></a>
-                    <span>Multiple Git repositories support</span>
-                </div>
-                <div data-slide="8" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_9.png" alt="Control Cloud Services Usage"></a>
-                    <span>Control Cloud Services Usage</span>
-                </div>
-                <div data-slide="9" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_10.png"
-                            alt="Manage Cloud services quota limits"></a>
-                    <span>Manage Cloud services quota limits</span>
-                </div>
-                <div data-slide="10" class="swiper-slide">
-                    <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_11.png"
-                            alt="Role permissions administration:"></a>
-                    <span>Role permissions administration</span>
+            <div class="mac-screen-wrap">
+                <div class="swiper-container screen-slider-thumbs">
+                    <div data-slide="0" class="swiper-slide swiper-slide-active">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_1.png"
+                                alt="Customizable authentication"></a>
+                        <span>Customizable authentication</span>
+                    </div>
+                    <div data-slide="1" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_2.png"
+                                alt="Similar user experience across AWS, GCP, and Azure clouds"></a>
+                        <span>Similar user experience across AWS, GCP, and Azure clouds</span>
+                    </div>
+                    <div data-slide="2" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_3.png"
+                                alt="Easy to use Web Interface"></a>
+                        <span>Easy to use Web Interface</span>
+                    </div>
+                    <div data-slide="3" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_4.png"
+                                alt="Leverage the power of analytical tools"></a>
+                        <span>Leverage the power of analytical tools</span>
+                    </div>
+                    <div data-slide="4" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_5.png"
+                                alt="Data visualization with data science libraries"></a>
+                        <span>Data visualization with data science libraries</span>
+                    </div>
+                    <div data-slide="5" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_6.png"
+                                alt="Easy Life Cycle management"></a>
+                        <span>Easy Life Cycle management</span>
+                    </div>
+                    <div data-slide="6" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_7.png"
+                                alt="Install libraries and dependencies"></a>
+                        <span>Install libraries and dependencies</span>
+                    </div>
+                    <div data-slide="7" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_8.png"
+                                alt="Multiple Git repositories support"></a>
+                        <span>Multiple Git repositories support</span>
+                    </div>
+                    <div data-slide="8" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_9.png"
+                                alt="Control Cloud Services Usage"></a>
+                        <span>Control Cloud Services Usage</span>
+                    </div>
+                    <div data-slide="9" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_10.png"
+                                alt="Manage Cloud services quota limits"></a>
+                        <span>Manage Cloud services quota limits</span>
+                    </div>
+                    <div data-slide="10" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_11.png"
+                                alt="Role permissions administration"></a>
+                        <span>Role permissions administration</span>
+                    </div>
+                    <div data-slide="11" class="swiper-slide">
+                        <a><img class="lozad" data-src="./src/images/features/thumb-icons/ps_icon_11.png"
+                                alt="Project level collaboration environment across multiple Clouds"></a>
+                        <span>Project level collaboration environment across multiple Clouds</span>
+                    </div>
                 </div>
-            </div>
-            <div class="swiper-container screen-slider-top">
-                <div class="swiper-wrapper">
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                <div class="swiper-container screen-slider-top">
+                    <div class="swiper-wrapper">
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/login-screen.png"
+                                            alt="Customizable authentication" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/login-screen.png" alt="Customizable authentication" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Customizable authentication</h3>
+                                    <ul class="list-points">
+                                        <li>Unified single sign-on experience between cloud and on-premise tools</li>
+                                        <li>SAML and OAuth2.0 support</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Customizable authentication</h3>
-                                <ul class="list-points">
-                                    <li>Open LDAP</li>
-                                    <li>Active Directory</li>
-                                    <li>Cloud Identity and Access Management service user validation</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/upload_key.png"
+                                            alt="Secured access to personal exploratory environment" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/upload_key.png"
-                                         alt="Secured access to personal exploratory environment"/>
-                                </figure>
+                                <figcaption>
+                                    <h3>Secured access to personal exploratory environment</h3>
+                                    <ul class="list-points">
+                                        <li>Gateway node to access analytical environment through secured tunnel</li>
+                                        <li>Private key for identity control and encryption</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Secured access to personal exploratory environment</h3>
-                                <ul class="list-points">
-                                    <li>Gateway node to access analytical environment through secured tunnel</li>
-                                    <li>Private key for identity control and encryption</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/home-page.png"
+                                            alt="Easy to use Web Interface" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/home-page.png" alt="Easy to use Web Interface" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Easy to use Web Interface</h3>
+                                    <ul class="list-points">
+                                        <li>Single-click life-cycle management of analytical tools and computational
+                                            resources</li>
+                                        <li>Dashboard and in-grid filtering</li>
+                                        <li>Built-in “how-to” pages</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Easy to use Web Interface</h3>
-                                <ul class="list-points">
-                                    <li>Single-click life-cycle management of analytical tools and computational
-                                        resources</li>
-                                    <li>Dashboard and in-grid filtering</li>
-                                    <li>Built-in “how-to” pages</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/create-resource.png"
+                                            alt="Leverage the power of analytical tools" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/create-resource.png"
-                                         alt="Leverage the power of analytical tools" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Leverage the power of analytical tools</h3>
+                                    <ul class="list-points">
+                                        <li>Jupyter</li>
+                                        <li>Zeppelin</li>
+                                        <li>RStudio</li>
+                                        <li>Tensor Flow</li>
+                                        <li>Deep Learning</li>
+                                        <li>Add computational power to your jobs by deploying elastic Spark cluster on
+                                            memory, storage, compute, GPU optimized instances</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Leverage the power of analytical tools</h3>
-                                <ul class="list-points">
-                                    <li>Jupyter</li>
-                                    <li>Zeppelin</li>
-                                    <li>RStudio</li>
-                                    <li>Tensor Flow</li>
-                                    <li>Deep Learning</li>
-                                    <li>Add computational power to your jobs by deploying elastic Spark cluster on
-                                        memory, storage, compute, GPU optimized instances</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/compability_lang.png"
+                                            alt="Run your analytics effectively" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/compability_lang.png"
-                                         alt="Run your analytics effectively" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Run your analytics effectively</h3>
+                                    <ul class="list-points">
+                                        <li>Python v2/v3, Scala, Apache SparkR support</li>
+                                        <li>Data visualization with pre-provisioned data science libraries</li>
+                                        <li>Cloud Storage compatibility</li>
+                                        <li class="inner-level">Amazon S3</li>
+                                        <li class="inner-level">Azure Blob Storage, Azure Data Lake</li>
+                                        <li class="inner-level">Google Buckets</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Run your analytics effectively</h3>
-                                <ul class="list-points">
-                                    <li>Python v2/v3, Scala, Apache SparkR support</li>
-                                    <li>Data visualization with pre-provisioned data science libraries</li>
-                                    <li>Cloud Storage compatibility</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/manage_env.png"
+                                            alt="Easy Life Cycle management" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/manage_env.png" alt="Manage analytical environment" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Easy Life Cycle management</h3>
+                                    <ul class="list-points">
+                                        <li>Once setup, create a snapshot and save time setting up new environment</li>
+                                        <li>Start / Stop / Terminate notebooks</li>
+                                        <li>Configure start/stop schedule for analytical tool and computational
+                                            resources</li>
+                                        <li>Add/Remove computational resources (Cloud provider’s Data Engine Service or
+                                            Apache Spark standalone cluster)</li>
+                                        <li>Simply create an AMI image based on required tool and save time for further
+                                            provisioning and configuration</li>
+                                        <li>Fine-tune default Spark configuration</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Manage analytical environment</h3>
-                                <ul class="list-points">
-                                    <li>Start / Stop / Terminate notebooks</li>
-                                    <li>Add / Remove computational resources</li>
-                                    <!--<li>Enrich analytical experience installing libraries and dependencies</li>-->
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/manage_libs.png"
+                                            alt="Easy Life Cycle management" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/manage_libs.png"
-                                         alt="Manage analytical environment" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Easy Life Cycle management</h3>
+                                    <ul class="list-points">
+                                        <li>Enrich analytical experience installing libraries and dependencies</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Manage analytical environment</h3>
-                                <ul class="list-points">
-                                    <li>Enrich analytical experience installing libraries and dependencies</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/manage_git_creds.png"
+                                            alt="Collaboration capabilities" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/manage_git_creds.png"
-                                         alt="Collaboration capabilities" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Collaboration capabilities</h3>
+                                    <ul class="list-points">
+                                        <li>Shared codebase</li>
+                                        <li>Shared Storage</li>
+                                        <li>Shared Wiki</li>
+                                        <li>DLab Web UI for repositories access management</li>
+                                        <li>Build in UnGit for easy to use source collaboration</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Collaboration capabilities</h3>
-                                <ul class="list-points">
-                                    <li>Shared codebase</li>
-                                    <li>Shared Storage</li>
-                                    <li>Shared Wiki</li>
-                                    <li>DLab Web UI for repositories access management</li>
-                                    <li>Build in UnGit for easy to use source collaboration</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
 
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/report_page.png"
+                                            alt="Control Cloud Services Usage" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/report_page.png" alt="Control Cloud Services Usage" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Aggregated billing with cost comparison across cloud providers</h3>
+                                    <ul class="list-points">
+                                        <li>In-grid billing functionality</li>
+                                        <li>Details billing report</li>
+                                        <li>Admin mode to see all users</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Control Cloud Services Usage</h3>
-                                <ul class="list-points">
-                                    <li>In-grid billing functionality</li>
-                                    <li>Details billing report</li>
-                                    <li>Admin mode to see all users</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/manage_environment.png"
+                                            alt="Manage Cloud services quota limits" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/manage_environment.png"
-                                         alt="Manage Cloud services quota limits" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Manage Cloud services quota limits</h3>
+                                    <ul class="list-points">
+                                        <li>Set cost limits for DLab’s infrastructure</li>
+                                        <li>Set limits per user</li>
+                                        <li>Alert users on reaching quota</li>
+                                        <li>Stop/terminate environment when quota gets depleted</li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Manage Cloud services quota limits</h3>
-                                <ul class="list-points">
-                                    <li>Set cost limits for DLab’s infrastructure</li>
-                                    <li>Set limits per user</li>
-                                    <li>Alert users on reaching quota</li>
-                                    <li>Stop/terminate environment when quota gets depleted</li>
-                                </ul>
-                            </figcaption>
                         </div>
-                    </div>
-                    <div class="swiper-slide">
-                        <div class="mac-browser">
-                            <div class="fake-browser-ui">
-                                <div class="frame">
-                                    <span class="red-dot"></span>
-                                    <span class="yellow-dot"></span>
-                                    <span class="green-dot"></span>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/manage_roles.png"
+                                            alt="Role permissions administration" />
+                                    </figure>
                                 </div>
-                                <figure>
-                                    <img class="lozad" data-src="./src/images/features/manage_roles.png"
-                                         alt="Role permissions administration" />
-                                </figure>
+                                <figcaption>
+                                    <h3>Role permissions administration</h3>
+                                    <ul class="list-points">
+                                        <li>Assign users to DLab groups</li>
+                                        <li>Grant users ability to create analytical tools/clusters/leverage particular
+                                            instance shapes</li>
+                                        <li>Admin mode to manage infrastructure of the whole team</li>
+                                    </ul>
+                                </figcaption>
+                            </div>
+                        </div>
+                        <div class="swiper-slide">
+                            <div class="mac-browser">
+                                <div class="fake-browser-ui">
+                                    <div class="frame">
+                                        <span class="red-dot"></span>
+                                        <span class="yellow-dot"></span>
+                                        <span class="green-dot"></span>
+                                    </div>
+                                    <figure>
+                                        <img class="lozad" data-src="./src/images/features/manage_roles.png"
+                                            alt="Project level collaboration" />
+                                    </figure>
+                                </div>
+                                <figcaption>
+                                    <h3>Project level collaboration environment across multiple Clouds</h3>
+                                    <ul class="list-points">
+                                        <li>Connect you analytical environment to multiple cloud endpoints </li>
+                                        <li>Project level resource management </li>
+                                    </ul>
+                                </figcaption>
                             </div>
-                            <figcaption>
-                                <h3>Role permissions administration</h3>
-                                <ul class="list-points">
-                                    <li>Assign users to DLab groups</li>
-                                    <li>Grant users ability to create analytical tools/clusters/leverage particular
-                                        instance shapes</li>
-                                    <li>Admin mode to manage infrastructure of the whole team</li>
-                                </ul>
-                            </figcaption>
                         </div>
                     </div>
+                    <div class="swiper-button-next swiper-button-black"></div>
+                    <div class="swiper-button-prev swiper-button-black"></div>
                 </div>
-                <div class="swiper-button-next swiper-button-black"></div>
-                <div class="swiper-button-prev swiper-button-black"></div>
             </div>
+        </section>
+    </div>
+    <footer>
+        <article>
+            <h2>Let your data scientists think about data and nothing but data</h2>
+            <button class="get-started">Get Started</button>
+        </article>
+        <div class="asf-container">
+            <p class="row">
+                Disclaimer: Apache DLab is an effort undergoing incubation at The Apache Software
+                Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted
+                projects until a further review indicates that the infrastructure, communications, and decision making
+                process have stabilized in a manner consistent with other successful ASF projects. While incubation
+                status is not necessarily a reflection of the completeness or stability of the code, it does indicate
+                that the project has yet to be fully endorsed by the ASF.
+            </p>
+        </div>
+
+        <div class="row logo-wrap">
+            <ul class="social">
+                <li class="social-twitter"><a href="https://twitter.com/CommunityDlab" target="_blank"></a></li>
+                <li class="social-youtube"><a href="https://www.youtube.com/c/DLabCommunity" target="_blank"></a></li>
+                <li class="social-github"><a href="https://github.com/apache/incubator-dlab" target="_blank"></a></li>
+            </ul>
         </div>
-    </section>
-</div>
-<footer>
-    <article>
-        <h2>Let your data scientists think about data and nothing but data</h2>
-        <button class="get-started">Get Started</button>
-    </article>
-    <div class="asf-container">
-        <p class="row">
-            Disclaimer: Apache DLab is an effort undergoing incubation at The Apache Software
-            Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted
-            projects until a further review indicates that the infrastructure, communications, and decision making
-            process have stabilized in a manner consistent with other successful ASF projects. While incubation
-            status is not necessarily a reflection of the completeness or stability of the code, it does indicate
-            that the project has yet to be fully endorsed by the ASF.
+        <p class="copyright">
+            Copyright © 2018-<span id="current_year"></span> The Apache Software Foundation.
+            Apache DLab and DLab feather logo are trademarks of
+            The Apache Software Foundation
         </p>
-    </div>
+    </footer>
 
-    <div class="row logo-wrap">
-        <ul class="social">
-            <li class="social-twitter"><a href="https://twitter.com/CommunityDlab" target="_blank"></a></li>
-            <li class="social-youtube"><a href="https://www.youtube.com/c/DLabCommunity" target="_blank"></a></li>
-            <li class="social-github"><a href="https://github.com/apache/incubator-dlab" target="_blank"></a></li>
-        </ul>
-    </div>
-    <p class="copyright">
-        Copyright © 2018-<span id="current_year"></span> The Apache Software Foundation.
-        Apache DLab and DLab feather logo are trademarks of
-        The Apache Software Foundation
-    </p>
-</footer>
+    <div id="details-overlay" class="overlay">
+        <div class="overlay-wrap">
+            <article class="sources">
+                <a class="close-butt">&times;</a>
+                <a class="dlab-logo"></a>
+                <h2>You can download DLab from GitHub</h2>
+                <p>Our DLab sources is free to use!</p>
+                <div>
+                    <a class="git-ref" href="https://github.com/apache/incubator-dlab" target="_blank"></a>
+                </div>
 
-<div id="details-overlay" class="overlay">
-    <div class="overlay-wrap">
-        <article class="sources">
-            <a class="close-butt">&times;</a>
-            <a class="dlab-logo"></a>
-            <h2>You can download DLab from GitHub</h2>
-            <p>Our DLab sources is free to use!</p>
-            <div>
-                <a class="git-ref" href="https://github.com/apache/incubator-dlab" target="_blank"></a>
-            </div>
+                <h2>Apache License</h2>
+                <p>Version 2.0, January 2004</p>
+                <div>
+                    <a class="apache-ref" href="http://www.apache.org/licenses" target="_blank"></a>
+                </div>
+            </article>
 
-            <h2>Apache License</h2>
-            <p>Version 2.0, January 2004</p>
-            <div>
-                <a class="apache-ref" href="http://www.apache.org/licenses" target="_blank"></a>
+            <div class="contact-us">
+                <a class="incubator-logo" href="https://incubator.apache.org/projects/dlab.html" target="_blank"><img
+                        src="./src/images/sources/incubator_feather_egg_logo_sm.png" alt="EPAM Logo"></a>
+                <h2>Fail-safe exploratory environment for collaborative data science workflow</h2>
             </div>
-        </article>
-
-        <div class="contact-us">
-            <a class="incubator-logo" href="https://incubator.apache.org/projects/dlab.html" target="_blank"><img
-                    src="./src/images/sources/incubator_feather_egg_logo_sm.png" alt="EPAM Logo"></a>
-            <h2>Fail-safe exploratory environment for collaborative data science workflow</h2>
         </div>
     </div>
-</div>
-<script src="./dist/main.js"></script>
-<script type="text/javascript">
+    <script src="./dist/main.js"></script>
+    <script type="text/javascript">
 
-</script>
+    </script>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 272474a..690f995 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -881,7 +881,7 @@
     },
     "camelcase-keys": {
       "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
+      "resolved": "http://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
       "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
       "dev": true,
       "requires": {
@@ -3634,7 +3634,7 @@
     },
     "load-json-file": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
+      "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz",
       "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=",
       "dev": true,
       "requires": {
@@ -3803,7 +3803,7 @@
     },
     "meow": {
       "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
+      "resolved": "http://registry.npmjs.org/meow/-/meow-3.7.0.tgz",
       "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
       "dev": true,
       "requires": {
@@ -3937,7 +3937,7 @@
     },
     "minimist": {
       "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
+      "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz",
       "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
       "dev": true
     },
@@ -3982,7 +3982,7 @@
     },
     "mkdirp": {
       "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
+      "resolved": "http://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
       "dev": true,
       "requires": {
@@ -3991,7 +3991,7 @@
       "dependencies": {
         "minimist": {
           "version": "0.0.8",
-          "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
+          "resolved": "http://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
           "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
           "dev": true
         }
@@ -4421,7 +4421,7 @@
     },
     "os-homedir": {
       "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "resolved": "http://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
       "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
       "dev": true
     },
@@ -4647,7 +4647,7 @@
     },
     "pify": {
       "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
       "dev": true
     },
@@ -5241,7 +5241,7 @@
     },
     "safe-regex": {
       "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "resolved": "http://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
       "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
       "dev": true,
       "requires": {
diff --git a/src/style/style.scss b/src/style/style.scss
index fe60c66..c20f3c7 100755
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -609,6 +609,10 @@ ul.list-points {
             background: #1cbc79;
             border-radius: 50%;
         }
+
+        &.inner-level {
+            padding: 0 60px;
+        }
     }
 }
 
@@ -1682,7 +1686,8 @@ footer {
 
                         .list-points {
                             li {
-                                font-size: 18px
+                                font-size: 18px;
+
                             }
                         }
                     }


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@dlab.apache.org
For additional commands, e-mail: commits-help@dlab.apache.org