replaced features with dapps

src/css/main.css

@@ -1597,7 +1597,7 @@ input.email-form__input--email:disabled {
 
 .dapp__inner {
   background-color: white;
-  height: 220px;
+  height: 240px;
   margin: 10px;
   box-shadow: 0px 4px 18px 0px rgba(189, 208, 223, 0.26);
   border-radius: 8px;
@@ -1662,25 +1662,25 @@ input.email-form__input--email:disabled {
   background-size: cover; }
 
 .dapp.dapp--one .dapp__image {
-  background-image: url(../img/new-site/image-messaging.png); }
+  background-image: url(../img/new-site/uport-avatar@2x.png); }
 
 .dapp.dapp--two .dapp__image {
-  background-image: url(../img/new-site/image-payments.png); }
+  background-image: url(../img/new-site/gnosis-avatar@2x.png); }
 
 .dapp.dapp--three .dapp__image {
-  background-image: url(../img/new-site/image-contracts.png); }
+  background-image: url(../img/new-site/oasis-avatar@2x.png); }
 
 .dapp.dapp--four .dapp__image {
-  background-image: url(../img/new-site/image-wallet.png); }
+  background-image: url(../img/new-site/ethlance-avatar@2x.png); }
 
 .dapp.dapp--five .dapp__image {
-  background-image: url(../img/new-site/image-multiuser.png); }
+  background-image: url(../img/new-site/aragon-avatar@2x.png); }
 
 .dapp.dapp--six .dapp__image {
-  background-image: url(../img/new-site/image-exchange.png); }
+  background-image: url(../img/new-site/etherisc-avatar@2x.png); }
 
 .dapp.dapp--seven .dapp__image {
-  background-image: url(../img/new-site/image-devtools.png); }
+  background-image: url(../img/new-site/ujo-avatar@2x.png); }
 
 @media (max-width: 922px) {
   .dapps {

src/index.html

@@ -150,6 +150,86 @@
           </div>
 
           <div class="slide slide--two">
+              <div class="slide__inner">
+                <div class="slide__header">
+                  <h2 class="slide__title">Decentralised Apps at your fingertips</h2>
+                  <p class="slide__description">With Status your mobile device becomes a light client node on the Ethereum Network, enabling you to access Ethereum’s entire ecosystem from anywhere</p>
+                </div>
+
+                <div class="dapps">
+
+                  <div class="dapp dapp--one">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">uPort</h3>
+                      <p class="dapp__description">Declare digital independence. uPort brings a self-sovereign identity system to Ethereum</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--two">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">Gnosis</h3>
+                      <p class="dapp__description">Crowd sourced wisdom. Make complex predictions with an easy to use prediction market</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--three">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">Oasis Exchange</h3>
+                      <p class="dapp__description">Enjoy a near-instant decentralized digital asset exchange between ETH and ERC20 tokens</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--four">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">Ethlance</h3>
+                      <p class="dapp__description">The decentralized jobs marketplace. Hire or work for cryptocurrency, with no fees</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--five">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">Aragon</h3>
+                      <p class="dapp__description">Create unstoppable companies and organizations. Create value without borders or intermediaries</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--six">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">Etherisc</h3>
+                      <p class="dapp__description">Decentralized insurance. Buy a policy on the go, and be paid claims in near-real time</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--seven">
+                    <div class="dapp__inner">
+                      <h3 class="dapp__title">Ujo</h3>
+                      <p class="dapp__description">A home for artists. Create and control your creative content and share it with the world</p>
+                      <div class="dapp__image"></div>
+                    </div>
+                  </div>
+
+                  <div class="dapp dapp--plus">
+                    <a class="dapp--plus__link" href="http://slack.status.im/" target="_blank">
+                      <div class="dapp__icon"><div class="dapp__icon-inner"></div></div>
+                      <p class="dapp__description">Status is an open source platform, and anyone can list their DApp.</p>
+                    </a>
+                  </div>
+
+                </div>
+                <div class="slide__footer">
+                  Coming soon to Android and iOS.
+                </div>
+
+              </div>
+          </div>
+
+          <!--div class="slide slide--two">
               <div class="slide__inner">
                 <div class="slide__header">
                   <h2 class="slide__title">A Mobile Ethereum Interface</h2>
@@ -227,7 +307,7 @@
                 </div>
 
               </div>
-          </div>
+          </div-->
 
           <div class="slide slide--three">
               <div class="slide__inner">

src/scss/slide--two.scss

@@ -68,7 +68,7 @@
 
 .dapp__inner {
   background-color: $colorWhite;
-  height: 220px;
+  height: 240px;
   margin: 10px;
   box-shadow: 0px 4px 18px 0px rgba(189,208,223,0.26);
   border-radius: 8px;
@@ -143,31 +143,31 @@
 }
 
 .dapp.dapp--one .dapp__image {
-  background-image: url(../img/new-site/image-messaging.png);
+  background-image: url(../img/new-site/uport-avatar@2x.png);
 }
 
 .dapp.dapp--two .dapp__image {
-  background-image: url(../img/new-site/image-payments.png);
+  background-image: url(../img/new-site/gnosis-avatar@2x.png);
 }
 
 .dapp.dapp--three .dapp__image {
-  background-image: url(../img/new-site/image-contracts.png);
+  background-image: url(../img/new-site/oasis-avatar@2x.png);
 }
 
 .dapp.dapp--four .dapp__image {
-  background-image: url(../img/new-site/image-wallet.png);
+  background-image: url(../img/new-site/ethlance-avatar@2x.png);
 }
 
 .dapp.dapp--five .dapp__image {
-  background-image: url(../img/new-site/image-multiuser.png);
+  background-image: url(../img/new-site/aragon-avatar@2x.png);
 }
 
 .dapp.dapp--six .dapp__image {
-  background-image: url(../img/new-site/image-exchange.png);
+  background-image: url(../img/new-site/etherisc-avatar@2x.png);
 }
 
 .dapp.dapp--seven .dapp__image {
-  background-image: url(../img/new-site/image-devtools.png);
+  background-image: url(../img/new-site/ujo-avatar@2x.png);
 }
 
 @media (max-width: 922px) {