Add footer to pricing section

src/index.html

@@ -376,6 +376,17 @@
                     </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>

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;
+}

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;