Updates for footer, social links

and removed beer animation
diff --git a/index.html b/index.html
index 705420b..2cdcd44 100644
--- a/index.html
+++ b/index.html
@@ -10,6 +10,7 @@
   <meta name="description" content="Open Source OS for all devices, based on AOSP">
   <meta name="keywords" content="blissroms, bliss, os, x86, aosp, android, rom, teambliss">
   <!-- CSS dependencies -->
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
   <link rel="stylesheet" href="neon.css">
   <!-- Script: Make my navbar transparent when the document is scrolled to top -->
@@ -27,9 +28,8 @@
       <div class="row">
         <div class="col-md-12"><a class="navbar-brand" href="#"><b><b>Bliss ROMs</b></b></a></div>
       </div>
-      <div class="row"></div>
-      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
-      <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
+      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="true" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
+      <div class="navbar-collapse text-center justify-content-end collapse show" id="navbar2SupportedContent" style="">
         <ul class="navbar-nav">
           <li class="nav-item mx-2">
             <a class="nav-link" href="#features"><b><b>Features</b></b></a>
@@ -60,7 +60,7 @@
         </div>
         <div class="col-md-8 d-flex justify-content-center align-items-center flex-grow-1" align="center" style="max-height: 100%;max-width: 100%;vertical-align: middle;display: inline-flex;float: none; margin-top: -8%;">
           <div class=" d-inline-flex justify-content-center align-items-center mx-auto">
-            <div class="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="2">
+            <div class="animation mx-auto d-inline-flex justify-content-center align-items-center" data-animation-step="3">
               <div class="device mx-auto mt-5">
                 <div class="screen-stand"></div>
                 <div class="display">
@@ -106,7 +106,7 @@
         </div>
         <div class="col-md-7 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 non-profit organization that works with volunteers to maintain various development projects. We provide the training and mentorship to help our team members dreams become reality.&nbsp;<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.&nbsp;We believe you'll soon learn why we call it Bliss.</p>
+          <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.&nbsp;<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.&nbsp;We believe you'll soon learn why we call it Bliss.</p>
           <a class="btn btn-outline-primary" href="#features">Learn more</a>
         </div>
       </div>
@@ -117,7 +117,7 @@
     <div class="d-flex justify-content-center align-items-center px-0 container-fluid mx-auto">
       <div class="row mx-auto d-flex align-items-center justify-content-center">
         <div class="col-md-12">
-          <div class="row mx-5">
+          <div class="row mx-auto">
             <div class="align-self-center col-lg-7 text-md-left text-center">
               <h3 class="display-3" contenteditable="true">Moar Bliss</h3>
               <p class="my-4 text-light">Bliss comes in a few variants. On top of our traditional device builds of Bliss ROM, our GSI/Treble builds will work on most treble compatible devices (Android Pie+) And our x86 variant (Bliss OS) is made to work with the Linux kernel, and supports booting with MBR/UEFI type bootloaders. So just about any Windows/Linux PC or tablet released in the last 4 years. We are always developing with usability in mind, and supporting more and more devices each week.&nbsp;<br></p>
@@ -162,21 +162,14 @@
   <!-- Features -->
   <!-- Carousel reviews -->
   <div class="section">
-    <div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75">
+    <div class="container d-flex justify-content-center align-items-center flex-grow-1 mx-auto w-75 py-4">
       <div class="row">
-        <div class="px-5 col-md-6 text-center mx-auto">
+        <div class="col-md-6 text-center mx-auto px-5 pt-4">
           <h3 class="my-3 highlight_secondary team-header text-white"> </h3><br>
           <h2 class="my-3 highlight_secondary team-header text-white">We volunteer our time.</h2>
           <p class="mb-3">We are a 501(c3) nonprofit, run by people that donate their free time towards the project. We do our best to bring a quality OS to your device, while working a real job on the side in most cases. Please consider showing us we're on the right track by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-primary">Buy Us a Beer</a>
-          <p class="mt-2"></p>
         </div>
-        <div class="col-md-6 py-2">
-          <div class="beer-animation-wrapper mt-4">
-            <div class="beer" style="	transform:  translateX(12em) ;">
-              <div class="foam"></div>
-            </div>
-          </div>
-        </div>
+        <div class="col-md-6 py-5"><img class="img-fluid d-block d-flex align-items-center justify-content-center flex-grow-1 mx-auto" src="images/beer.svg" width="300"></div>
       </div>
     </div>
   </div>
@@ -233,10 +226,17 @@
                           </div>
                         </div>
                       </div>
+                      <div class="modal-social text-right pt-2">
+                        <div class="row">
+                          <div class="col-sm-6 col-md-12">
+                            <a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
+                          </div>
+                        </div>
+                      </div>
                     </div>
                     <div class="modal-footer text-center bg-dark">
                       <a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
-                      </a><a class="btn btn-primary mt-0" href="https://downloads.blissroms.com/BlissRoms/Pie/">Download Now</a>
+                      </a><a class="btn btn-primary mt-0" href="https://downloads.blissroms.com/BlissRoms/Pie/">Go To Downloads</a>
                     </div>
                   </div>
                 </div>
@@ -278,14 +278,19 @@
                             <a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=99GBH7ZW77P54&amp;source=url">Donate $10</a>
                           </div>
                         </div>
+                        <div class="row">
+                          <div class="col-sm-6 col-md-12 pt-2">
+                            <a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
+                          </div>
+                        </div>
                       </div>
                     </div>
                     <div class="modal-footer text-center bg-dark">
                       <a href="http://downloads.blissroms.com" class="btn btn-link" data-dismiss="modal"><span class="glyphicon glyphicon-chevron-right"></span>
                       </a>
                       <div class="btn-group pi-draggable">
-                        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Download Now&nbsp;</button>
-                        <div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 38px, 0px);">
+                        <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> Go To Downloads</button>
+                        <div class="dropdown-menu" x-placement="top-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, -2px, 0px);">
                           <a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Nougat (7.x)</a>
                           <div class="dropdown-divider"></div>
                           <a class="dropdown-item" href="https://sourceforge.net/projects/blissos-x86/files/Official/bleeding_edge/archived">Oreo (10.x)</a>
@@ -319,11 +324,11 @@
               <p class="" style="">This is the paid version of Bliss OS for businesses and educational institutions, specifically developed on a per device basis for your needs</p>
               <ul class="pl-3">
                 <li>Tech Support Contract Included</li>
-                <li>Extra Kernel options *</li>
+                <li>Extra Kernel &amp; device options *</li>
                 <li>Full Source Code Available</li>
                 <li contenteditable="true">Extra Tools and Options Available</li>
               </ul>
-              <p class="my-3" style=""><b>*</b> Custom kernel development is available at hourly rates</p>
+              <p class="my-3" style=""><b>*</b> Custom kernel and device development is available at hourly rates</p>
               <a class="btn btn-primary mt-3" href="" data-target="#popup-modal3" data-toggle="modal">Contact Us</a>
               <div id="popup-modal3" class="modal fade">
                 <div class="modal-dialog">
@@ -427,43 +432,108 @@
       </div>
     </div>
   </div>
-  <!-- Footer -->
-  <div class="py-5 bg-dark">
+  <div class="py-4 text-center">
     <div class="container">
       <div class="row">
-        <div class="col-md-9">
-          <p class="lead">Sign up to our newsletter for the latest news</p>
-          <form class="form-inline">
-            <div class="form-group">
-              <input type="email" class="form-control" placeholder="Your e-mail here"> </div>
-            <button type="submit" class="btn ml-2 btn-outline-primary">Subscribe</button>
-          </form>
-        </div>
-        <div class="col-4 col-md-1 align-self-center my-3">
-          <a href="https://www.facebook.com" target="blank"><i class="fa fa-fw fa-facebook fa-3x text-white"></i></a>
-        </div>
-        <div class="col-4 col-md-1 align-self-center my-3">
-          <a href="https://twitter.com" target="blank"><i class="fa fa-fw fa-twitter fa-3x text-white"></i></a>
-        </div>
-        <div class="col-4 col-md-1 align-self-center my-3">
-          <a href="https://www.instagram.com" target="blank"><i class="fa fa-fw fa-instagram fa-3x text-white"></i></a>
+        <div class="mx-auto col-md-8">
+          <h1 class="mb-3" contenteditable="true">Bliss Family Projects</h1>
+          <p class="lead">The Bliss Family projects we currently support can be found below: </p>
         </div>
       </div>
       <div class="row">
-        <div class="col-12 my-3 text-center">
-          <p class="text-muted">© Copyright 2019 Bliss Family of ROMs - All rights reserved.</p>
+        <div class="col-lg-4 p-3">
+          <div class="card">
+            <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/invictrix.jpg" width="150">
+              <h1>Invictrīx ROM</h1>
+              <a href="https://t.me/InvictusROM" target="_blank"><i class="fab fa-telegram"></i></a>
+              <a href="https://plus.google.com/communities/109716291977795337501" target="_blank"><i class="fab fa-google-plus"></i></a>
+              <p class="mb-0">Invictrīx ROM emphasizes performance, offering heavy optimizations along with a unique dark themed style.</p>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 p-3 col-md-6">
+          <div class="card">
+            <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/soap.jpg" width="150">
+              <h1>SOAP ROM</h1>
+              <a href="https://plus.google.com/u/0/107610198397215674589" target="_blank"><i class="fab fa-google-plus"></i></a>
+              <p class="mb-0">SOAP is an AOSP ROM that focuses on being a slim and clean ROM.</p>
+            </div>
+          </div>
+        </div>
+        <div class="col-lg-4 p-3 col-md-6">
+          <div class="card">
+            <div class="card-body p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="images/xtremis.jpg" width="150">
+              <h1>Xtremis Project</h1>
+              <a href="#" target="_blank"><i class="fab fa-telegram"></i></a>
+              <a href="#" target="_blank"><i class="fab fa-google-plus"></i></a>
+              <p class="mb-0">Currently pre-release, this project is progressing steadily and will soon have more details to share. Please check in later.</p>
+            </div>
+          </div>
         </div>
       </div>
     </div>
   </div>
-  <!-- JavaScript dependencies -->
-  <script src="js/mainani.js" type="text/javascript"></script>
-  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
-  <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>
-
+  <div class="py-3 bg-dark">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-3 col-6 p-3">
+          <h5> <b>Socials</b></h5>
+          <ul class="list-unstyled">
+            <li> <a href="https://t.me/Team_Bliss_Community">BlissROMs Telegram</a> </li>
+            <li> <a href="https://t.me/blissx86" contenteditable="true">Bliss OS Telegram</a> </li>
+            <li> <a href="https://www.facebook.com/BlissFamilyOfROMs/">Bliss Facebook</a> </li>
+            <li> <a href="https://twitter.com/Bliss_Roms">Bliss Twitter</a> </li>
+            <li> <a href="https://plus.google.com/communities/118265887490106132524">Bliss G+</a> </li>
+          </ul>
+        </div>
+        <div class="col-lg-3 col-6 p-3">
+          <h5> <b>Sources</b></h5>
+          <ul class="list-unstyled">
+            <li> <a href="https://review.blissroms.com">BlissROMs Gerrit Review</a> </li>
+            <li> <a href="https://github.com/BlissRoms">BlissROMs GitHub</a> </li>
+            <li> <a href="https://github.com/BlissRoms-Devices">BlissROMs-Devices GitHub</a> </li>
+            <li> <a href="https://github.com/BlissRoms-Kernels">BlissROMs-Kernels GitHub</a> </li>
+            <li> <a href="https://github.com/BlissRoms-Vendor">BlissROMs-Vendor GitHub</a> </li>
+            <li> <a href="https://github.com/BlissRoms-x86">Bliss OS GitHub</a> </li>
+            <li> <a href="https://github.com/BlissRoms-pine64">BlissROMs-PINE64 GitHub</a> </li>
+          </ul>
+        </div>
+        <div class="col-lg-3 col-6 p-3">
+          <h5>Subreddits</h5>
+          <ul class="list-unstyled">
+            <li> <a href="https://www.reddit.com/r/BlissRoms">BlissROMs</a> </li>
+            <li> <a href="https://www.reddit.com/r/BlissOS">Bliss OS</a> </li>
+            <li> <a href="https://www.reddit.com/r/TeamBliss">TeamBliss</a> </li>
+          </ul>
+        </div>
+        <div class="col-lg-3 col-md-3 p-3">
+          <h5> <b>Follow us</b> </h5>
+          <div class="row">
+            <div class="col-md-12 d-flex align-items-center justify-content-between my-2"> <a href="https://www.facebook.com/BlissFamilyOfROMs/">
+                <i class="d-block fa fa-facebook-official text-muted fa-lg mr-2"></i>
+              </a> <a href="https://www.instagram.com/blissroms/">
+                <i class="d-block fa fa-instagram text-muted fa-lg mx-2"></i>
+              </a> <a href="https://plus.google.com/communities/118265887490106132524">
+                <i class="d-block fa fa-google-plus-official text-muted fa-lg mx-2"></i>
+              </a> <a href="https://github.com/BlissRoms">
+                <i class="d-block fa fa-github-square text-muted mx-2 fa-github-square"></i>
+              </a> <a href="https://www.reddit.com/r/BlissRoms">
+                <i class="d-block fa fa-reddit text-muted fa-lg mx-2"></i>
+              </a> <a href="https://twitter.com/Bliss_Roms">
+                <i class="d-block fa fa-twitter text-muted fa-lg ml-2"></i>
+              </a> </div>
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-12 text-center">
+          <p class="mb-0 mt-2">© 2019 Bliss Family of ROMs. All rights reserved</p>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- Footer -->
+  
 </body>
 
 </html>
\ No newline at end of file