commit 55030612fcf0f7a317c2e8db381df86c5a07e7a4
author Unknown <electrikjesus@gmail.com> Sat Nov 04 20:28:12 2017 -0400
committer Unknown <electrikjesus@gmail.com> Sat Nov 04 20:28:12 2017 -0400
tree 452912fe24869214f988c98018d5aec10a218c36
parent 4c2d1147b223c98737f1176bc00edffa8dc7cc5f

Update header to animation

index.html

diff --git a/index.html b/index.html
index 12901a7..92abab0 100644
--- a/index.html
+++ b/index.html
@@ -59,10 +59,44 @@
                 <div class="row cover top"> 
                     <div class="col-xs-12"> 
                         <div class="row"> 
-                            <div class="col-xs-12 headline vcenter" style="margin-top: 3rem;"> 
-                                <img class="centered text-center" src="https://i.imgur.com/nzsZTTY.png"> 
-                                <h1 class="text-center">This is Bliss OS</h1> 
-                                <p class="lead text-center">An Open-Source OS, based on Android, for phones, tablets &amp; PCs</p> 
+                            <div class="col-md-6" align="right">
+                                <p class="lead"><br></p> 
+                                <div class="row">
+                                    <h1>Bliss OS</h1>
+                                    <p class="lead">An Open-Source OS, based on Android, that works on</p> 
+                                </div>
+                            </div>
+                            <div class="col-md-6"> 
+                                <div class="row">
+                                    <div class="animation" data-animation-step="1">
+                                        <div class="device">
+                                            <div class="screen-stand">
+                                                <div class="leg"></div>
+                                                <div class="foot"></div>
+                                            </div>
+                                            <div class="display">
+                                                <div class="slide1">
+                                                    <div>Most Intel/x86
+                                                        <br>
+                                                        <em>PCs, Tablets & Laptops</em>
+                                                    </div>
+                                                </div>
+                                                <div class="slide2">
+                                                    <div>Most Android
+                                                        <br>
+                                                        <em>tablets</em>
+                                                    </div>
+                                                </div>
+                                                <div class="slide3">
+                                                    <div>Most Android
+                                                        <br>
+                                                        <em>phones</em>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>                             
                         </div>                         
                         <div class="row"> 
@@ -882,6 +916,7 @@
             <script src="js/script.js"></script>             
             <script src="js/jquery-2.1.1.js"></script>             
             <script src="js/jquery.mixitup.min.js"></script>             
-            <script src="js/main.js"></script>             
+            <script src="js/main.js"></script>
+            <script src="js/mainani.js"></script>
         </body>         
     </html>