Add the Buy us a Beer section
diff --git a/index.html b/index.html
index 43ef4aa..e86f7d3 100644
--- a/index.html
+++ b/index.html
@@ -15,6 +15,7 @@
<link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700,300" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/styles_filter.css">
+ <link rel="stylesheet" href="css/animations.css">
<script src="js/modernizr.js"></script>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script> (adsbygoogle = window.adsbygoogle || []).push({
@@ -316,6 +317,25 @@
</div>
<!-- End #Contact -->
</div>
+ <div class="row">
+ <div class="container">
+ <div class="row">
+ <div class="px-5 col-md-6 text-center mx-auto">
+ <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 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 trach by clicking the button below. </p> <a href="https://www.paypal.me/TeamBliss" class="btn btn-rounded family-projects--btn">Buy Us a Beer</a>
+ <p class="mt-2"></p>
+ </div>
+ <div class="col-md-6 py-2">
+ <div class="beer-animation-wrapper">
+ <div class="beer" style=" transform: translateX(12em) ;">
+ <div class="foam"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
<!-- break -->
<div id="team" class="row cover bottom text-center section">
<h2 class="highlight_secondary team-header">Our Team</h2>