From 04be79a2d04eb4f78e5fdf93eb523bed4b455f69 Mon Sep 17 00:00:00 2001
From: HarshKhandeparkar <mjkgoa@gmail.com>
Date: Mon, 8 Jun 2020 02:48:03 +0530
Subject: [PATCH] feat: general looks improvement

---
 index.html | 79 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 41 insertions(+), 38 deletions(-)

diff --git a/index.html b/index.html
index ededacd..08e4420 100644
--- a/index.html
+++ b/index.html
@@ -43,14 +43,14 @@
   <!-- globalParallax -->
   <div class="parallax" id="global-parallax">
     <img src="./img/lbry_background_art.png" alt="bg-img" class="parallax-img" />
-    <div class="parallax-mask" style="background-color: #026dab; opacity: 0.7;"></div>
+    <div class="parallax-mask" style="background-color: rgb(30, 100, 230); opacity: 0.5;"></div>
     
     <!-- globalParallaxContent -->
     <div class="parallax-content">
       <!-- jumbotron -->
       <div class="jumbotron text-white" style="background-color: transparent;">
         <div class="container text-sm-center pt-5">
-          <h1 class="display-2" Ideas>Welcome to LBRY </h1>
+          <h1 class="display-2" Ideas style="font-weight: bold;">Welcome to LBRY </h1>
           <p class="lead">LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY LBRY</p>
           <div class="btn-group mt-4" role="group" aria-label="Callout buttons">
             <a type="button" class="btn btn-primary btn-lg" href="https://lbry.com/get">Download LBRY</a>
@@ -60,7 +60,7 @@
       </div>
       <!-- /jumbotron -->
 
-      <div class="pt-4 above-parallax">
+      <div class="container pt-4 above-parallax" style="border-radius: 1rem 1rem 0 0;">
         <!-- about -->
         <div id="about" class="row">
           <div class="col-lg order-lg-2">
@@ -92,6 +92,8 @@
         </div>
         <!-- /about -->
 
+        <hr />
+
         <!-- part2 -->
         <h1 id="part2" class="display-4 text-center my-5 text-muted">lbryians</h1>
         <div class="row">
@@ -146,46 +148,47 @@
         <hr /><!-- /signup form -->
 
       </div>
+
+      <!-- footer -->
+      <div class="container above-parallax">
+        <div class="row py-3">
+          <div class="col-md-7">
+            <ul class="nav">
+              <li class="nav-item">
+                <a class="nav-link" href="#">Terms and Condition</a>
+              </li>
+              <li class="nav-item">
+                <a class="nav-link" href="#">Privacy Policy</a>
+              </li>
+              <li class="nav-item">
+                <div class="btn-group dropup">
+                  <button type="button" class="btn btn-outline-secondary">Other Sites</button>
+                  <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split"
+                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                    <span class="sr-only">Toggle Dropdown</span>
+                  </button>
+                  <div class="dropdown-menu">
+                    <a class="dropdown-item" href="#">LBRY.com</a>
+                    <a class="dropdown-item" href="#">LBRY.tech</a>
+                    <a class="dropdown-item" href="#">LBRY.fund</a>
+                    <a class="dropdown-item" href="#">LBRY.tv</a>
+                  </div>
+                </div>
+              </li>
+            </ul>
+          </div>
+          <div class="col-md text-md-right">
+            <small>&copy; 2020 LBRY.org &amp; LBRY Foundation</small>
+          </div>
+        </div>
+      </div>
+      <!-- /footer -->
+
     </div>
     <!-- /globalParallaxContent -->
   </div>
   <!-- /globalParallax -->
 
-  <!-- footer -->
-  <div class="container">
-    <div class="row py-3">
-      <div class="col-md-7">
-        <ul class="nav">
-          <li class="nav-item">
-            <a class="nav-link" href="#">Terms and Condition</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#">Privacy Policy</a>
-          </li>
-          <li class="nav-item">
-            <div class="btn-group dropup">
-              <button type="button" class="btn btn-outline-secondary">Other Sites</button>
-              <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split"
-                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                <span class="sr-only">Toggle Dropdown</span>
-              </button>
-              <div class="dropdown-menu">
-                <a class="dropdown-item" href="#">LBRY.com</a>
-                <a class="dropdown-item" href="#">LBRY.tech</a>
-                <a class="dropdown-item" href="#">LBRY.fund</a>
-                <a class="dropdown-item" href="#">LBRY.tv</a>
-              </div>
-            </div>
-          </li>
-        </ul>
-      </div>
-      <div class="col-md text-md-right">
-        <small>&copy; 2020 LBRY.org &amp; LBRY Foundation</small>
-      </div>
-    </div>
-  </div>
-  <!-- /footer -->
-
   <!-- JS DEPENDENCIES -->
   <script src="./lib/jquery/jquery-3.5.1.min.js" defer></script>
   <script src="./lib/bootstrap/js/bootstrap.bundle.min.js" defer></script>