Switch to 3d blissify preview
diff --git a/index.html b/index.html
index b9e7b90..d7d2b3e 100644
--- a/index.html
+++ b/index.html
@@ -99,18 +99,28 @@
<!-- Article style section -->
<div class="py-5">
<div class="container">
- <div class="row py-5" style="" id="about">
- <div class="col-md-5 order-2 order-md-1 animate-in-left">
- <div>
- <img src="images/phone_front.svg" style="max-height: 65%;max-width: 50%; box-shadow: 0 0px 12px 10px rgba(0, 155, 255, 0.2), 0 0px 15px 10px rgba(0, 155, 255, 0.19);" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto glow ">
+ <div class="row" style="" id="about">
+ <div class="col-md-6 order-2 order-md-1 animate-in-left d-flex flex-grow-1 align-items-center justify-content-center">
+ <div class="flex-grow-1 justify-content-center align-items-center">
+ <div class="device iphone animate-in-left d-flex flex-grow-1 align-items-center justify-content-center">
+ <div class="device-screen">
+ <img src="" alt="">
+ </div>
+ <video muted="" playsinline="" autoplay="" loop="" preload="metadata">
+ <source src="videos/bliss-phone-demo.webm" type="video/webm">
+ <source src="videos/bliss-phone-demo.mp4" type="video/mp4">
+ </video>
+ </div>
+ <!--
+ <img src="images/phone_front.svg" style="max-height: 65%;max-width: 50%; box-shadow: 0 0px 12px 10px rgba(0, 155, 255, 0.2), 0 0px 15px 10px rgba(0, 155, 255, 0.19);" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto glow ">
<div>
<video style="max-width: 45%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" preload="" muted="" autoplay="autoplay" oncanplay="this.muted=true" loop="loop" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto" width="90%" height="39%">
<source src="videos/bliss-phone-demo.webm" type="video/webm">
<source src="videos/bliss-phone-demo.mp4" type="video/mp4"> Your browser does not support VP9 or H.264 video content. </video>
- </div>
+ -->
</div>
</div>
- <div class="col-md-7 align-self-center order-1 order-md-2 my-3 text-md-left text-center">
+ <div class="col-md-6 align-self-center order-1 order-md-2 my-3 text-md-left text-center">
<h3 class="display-3">About Bliss</h3>
<p class="my-4 text-light">We are a volunteer based non-profit organization that works to maintain various development projects. We provide the training and mentorship to help our team members dreams become reality. <br>Our main focus is to provide a quality OS that can run on all your devices, preserving customizations and options by syncing across all platforms. With all the bells and whistles, you can imagine. We believe you'll soon learn why we call it Bliss.</p>
<a class="btn btn-outline-primary" href="#features">Learn more</a>
@@ -703,7 +713,7 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in the same page -->
<script src="js/smooth-scroll.js"></script>
-
+
</body>
</html>
\ No newline at end of file