From a5bdf1fcf6531596ea123ea03feed7e53209fa13 Mon Sep 17 00:00:00 2001
From: "Bartlomiej Pluta (PGS Software)" <bpluta@pgs-soft.com>
Date: Mon, 9 Apr 2018 10:27:58 +0200
Subject: [PATCH] Add footer to pricing section

---
 src/index.html           | 17 ++++++++++++++---
 src/scss/_pricing.scss   | 10 ++++++++++
 src/scss/_variables.scss |  1 +
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/index.html b/src/index.html
index e4465ef..683ece3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -345,7 +345,7 @@
                         <p class="price__value">$59</p>
                         <p class="price__period">Per month</p>
                         <hr class="price__splitter">
-                        <p class="price__description">Professional License<br />Email Support</p>
+                        <p class="price__description">Professional License<br/>Email Support</p>
                         <a href="#" class="rounded-button price__rounded-button--purchase">
                             Purchase
                         </a>
@@ -357,7 +357,7 @@
                         <p class="price__value">$99</p>
                         <p class="price__period">Per month</p>
                         <hr class="price__splitter">
-                        <p class="price__description">1-12 Team Members<br />Phone Support</p>
+                        <p class="price__description">1-12 Team Members<br/>Phone Support</p>
                         <a href="#" class="rounded-button price__rounded-button--purchase">
                             Purchase
                         </a>
@@ -369,13 +369,24 @@
                         <p class="price__value">$159</p>
                         <p class="price__period">Per month</p>
                         <hr class="price__splitter">
-                        <p class="price__description">Unlimited Team Members<br />24/7 Phone Support</p>
+                        <p class="price__description">Unlimited Team Members<br/>24/7 Phone Support</p>
                         <a href="#" class="rounded-button price__rounded-button--purchase">
                             Purchase
                         </a>
                     </div>
                 </div>
             </div>
+            <div class="row justify-content-center">
+                <div class="col-10">
+                    <p class="pricing__footer">
+                        Duis lobortis arcu sed arcu tincidunt feugiat. Nulla nisi mauris, facilisis vitae aliquet id,
+                        imperdiet quis
+                        nibh. Donec eget elit eu libero tincidunt consequat nec elementum orci. Cum sociis natoque penatibus
+                        et
+                        magnis dis parturient montes, nascetur ridiculus mus.
+                    </p>
+                </div>
+            </div>
         </div>
     </section>
 </div>
diff --git a/src/scss/_pricing.scss b/src/scss/_pricing.scss
index d57caab..79d7d5f 100644
--- a/src/scss/_pricing.scss
+++ b/src/scss/_pricing.scss
@@ -15,12 +15,14 @@
 .price {
   position: relative;
   margin-top: 110px;
+  margin-bottom: 125px;
   background-color: rgba(255, 255, 255, 0.06);
   height: 450px;
   transition: $hover-duration;
 
   &:hover {
     margin-top: 70px;
+    margin-bottom: 75px;
     background-color: rgba(0, 0, 0, 0.06);
     transition: $hover-duration;
     height: 530px;
@@ -90,3 +92,11 @@
   font-size: 16px;
   text-transform: uppercase;
 }
+
+.pricing__footer {
+  font-family: Source Sans Pro, sans-serif;
+  font-size: 14px;
+  font-weight: 300;
+  color: $light-text;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 722d973..ee743e1 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -3,6 +3,7 @@ $primary-dark: #635c73;
 $primary-light: #a599c8;
 $regular-text: #848e97;
 $dark-text: #323232;
+$light-text: #a291a5;
 
 $background-light: #f4f4f4;
 $background-violet: #4a3b4e;