From 6b6b01b93dec4eefdc93e3f37b92602554b27e83 Mon Sep 17 00:00:00 2001
From: Jarrad Hope <jarrad@status.im>
Date: Fri, 10 Jun 2016 13:51:32 +0200
Subject: [PATCH] switch sides needs more work

---
 src/index.html | 97 ++++++++++++++++++++++++++------------------------
 1 file changed, 51 insertions(+), 46 deletions(-)

diff --git a/src/index.html b/src/index.html
index f171863..83d3cb3 100755
--- a/src/index.html
+++ b/src/index.html
@@ -122,6 +122,16 @@
     <section class="section-table section-white">
       <div class="table-center">
         <div class="table-wrapper">
+          
+          <div class="table-right table-bottom">
+            <div class="phone-even">
+                <div class="phone-image phone-big">
+                    <div class="phone-inner-image phone-big-image-2">
+                    </div>
+                </div>
+            </div>
+          </div>
+
           <div class="table-left">
             <div class="section-heading-even">
                 <h2>Status is a Browser</h2>
@@ -156,14 +166,7 @@
             </div>
             </div>
           </div>
-          <div class="table-right table-bottom">
-            <div class="phone-even">
-                <div class="phone-image phone-big">
-                    <div class="phone-inner-image phone-big-image-2">
-                    </div>
-                </div>
-            </div>
-          </div>
+
         </div>
 
       </div>
@@ -179,6 +182,7 @@
     <section class="section-table">
       <div class="table-center">
         <div class="table-wrapper">
+
           <div class="table-one-third table-bottom">
             <div class="phone-odd">
                 <div class="phone-image phone-big">
@@ -190,51 +194,52 @@
 
           <div class="table-two-third">
             <div class="section-heading-odd">
-                <h2>Status is a Messenger</h2>
-                <p>Have more meaningful conversations, with the ability to send payments, smart contracts, and more, directly from within chats.<br><br></p>
-                    <div class="tags">
-                        <div class="tag tag-status">
-                            <div class="setstatus-pink">
-                                <span>!setStatus</span>
-                            </div>
-                            <p>Away</p>
-                        </div>
+              <h2>Status is a Messenger</h2>
+              <p>Have more meaningful conversations, with the ability to send payments, smart contracts, and more, directly from within chats.<br><br></p>
+                  <div class="tags">
+                      <div class="tag tag-status">
+                          <div class="setstatus-pink">
+                              <span>!setStatus</span>
+                          </div>
+                          <p>Away</p>
+                      </div>
 
-                        <div class="tag tag-transaction">
-                            <div class="transaction-green">
-                                <span>!transaction</span>
-                            </div>
-                            <p>346 <span>ETH</span> </p>
-                        </div>
+                      <div class="tag tag-transaction">
+                          <div class="transaction-green">
+                              <span>!transaction</span>
+                          </div>
+                          <p>346 <span>ETH</span> </p>
+                      </div>
 
-                        <div class="tag tag-name">
-                            <div class="name-brown">
-                                <span>!name</span>
-                            </div>
-                            <p>Alex Petrov</p>
-                        </div>
+                      <div class="tag tag-name">
+                          <div class="name-brown">
+                              <span>!name</span>
+                          </div>
+                          <p>Alex Petrov</p>
+                      </div>
 
-                        <div class="tag tag-password">
-                            <div class="password-blue">
-                                <span>!keypairPassword</span>
-                            </div>
-                            <div class="icon-lock"></div>
-                            <p>********</p>
-                        </div>
+                      <div class="tag tag-password">
+                          <div class="password-blue">
+                              <span>!keypairPassword</span>
+                          </div>
+                          <div class="icon-lock"></div>
+                          <p>********</p>
+                      </div>
 
-                        <div class="tag tag-location">
-                            <div class="location-purple">
-                                <span>!location</span>
-                            </div>
-                            <p>Two Bar Mountain,
-                                <br>Maricopa County,
-                                <br>AZ, US</p>
-                            <div class="location-map"></div>
-                        </div>
+                      <div class="tag tag-location">
+                          <div class="location-purple">
+                              <span>!location</span>
+                          </div>
+                          <p>Two Bar Mountain,
+                              <br>Maricopa County,
+                              <br>AZ, US</p>
+                          <div class="location-map"></div>
+                      </div>
 
-                    </div>
+                  </div>
             </div>
           </div>
+
         </div>
 
       </div>