Silent is golden

index.html

@@ -69,26 +69,37 @@
 
 <div class="main" style="background-image: url('images/video_bg.jpg')">
 
-    <video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
+    <!--<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
 
       <source src="video/bcna-planet.webm" type="video/webm">
 
       <source src="video/bcna-planet.mp4" type="video/mp4">
 
       Video not supported
 
-    </video>    
+    </video>    -->
 
     <div class="cover green" data-color="black"></div>
 
-    <div class="container">
-
+    <div class="container">        
         <h1 class="logo cursive">
             Come back soon!
         </h1>
 
         <div class="content">
-            <h3 class="motto">We're working on a fresh new look that showcases our latest road-map updates. <br>Stay tuned for our relaunch!</h3>
+          <!--<ul class="grid">
+            <li><h6>Total Supply</h6>
+              <div id="totalSupply" style="text-align: right;"><h3>1 535 308.243197 BCNA</h3></div>
+            </li>
+            <li><h6>Total validators</h6>
+              <div style="text-align: right;"><h3>96 VALIDATORS</h3></div>
+            </li>
+            <li><h6>APR %</h6>
+              <div style="text-align: right;"><h3>xxx%</h3></div>
+            </li> 
+          </ul>-->
+
+
             <div class="subscribe">
                 <h5 class="info-text">
                     Subscribe to our newsletter. We keep you posted! 
@@ -129,5 +140,51 @@ <h5 class="info-text">
  </body>
    <script src="js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js" type="text/javascript"></script>
+<!--<script>
+$.getJSON( "https://lcd.bitcanna.io/cosmos/bank/v1beta1/supply/by_denom?denom=ubcna", function( data ) {
+  console.log(data)
+  let finalSupply = JSON.stringify(data)
+  $('#totalSupply').text(finalSupply.amount.amount / 1000000);
+});
+</script>-->
+<style>
+.card {
+  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+  transition: 0.3s;
+  width: 40%;
+  border-radius: 5px;
+  border-style: dotted;
+  color: white;
+}
+
+.card:hover {
+  box-shadow: 0 2px 16px 0 rgba(0,0,0,0.2);
+}
+
+img {
+  border-radius: 5px 5px 0 0;
+}
+
+.containerCard {
+  padding: 2px 16px;  
+}
+
+.grid{
+  display:grid;
+  grid-template-columns:1fr 1fr 1fr ; 
+  grid-template-rows:100px ;
+  grid-row-gap:12px;
+  grid-column-gap:12px;
+  padding:0;  
+}
 
-</html>
+.grid>*{
+  padding:12px;
+  margin:0;
+  color:#fff;  
+    border-radius: 5px;
+  border-style: solid;
+  color: white;
+} 
+</style>
+</html>