Footer improvements including simple toggle

css/footer.css

@@ -12,8 +12,51 @@
 }
 
 .footer-container {
+    display: flex;
     position: absolute;
     width: 90%;
+    justify-content: space-around;
+}
+
+.footer-row {
+    position: relative;
+    display: flex;
+    width: inherit;
+    background-color: #222;
+    justify-content: space-around;
+    height: 70px;
+    flex-direction: row;
+    align-content: center;
+}
+
+#footer-toggle {
+    float: left;
+    border: none;
+    border-style: none;
+    text-decoration: none;
+    background-color: #222;
+    color: #A69667;
+    font-size: 1.7em;
+    font-family: 'Oswald', sans-serif;
+    cursor: pointer;
+    justify-content: center;
+    height: 70px;
+    text-align: center;
+    margin: 0;
+}
+
+#footer-toggle h3 {
+    margin: 0;
+    font-family: 'Oswald', sans-serif;
+    text-align: center;
+}
+
+.footer-logo {
+    position: relative;
+    height: 50px;
+    width: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
 .col {

footer.php

@@ -1,3 +1,20 @@
+<div class="footer-row">
+    <div>
+        <button id="footer-toggle">
+            <h3>
+                <span class="open-text">CLICK FOR MORE</span>
+                <span class="close-text" hidden>LESS</span>
+            </h3>
+        </button>
+    </div>
+    <div>
+        <div class="social-container">
+            <img alt="UNC Charlotte Logo" class="footer-logo" src="images/charlotte-logo-footer.png"/>
+        </div>
+    </div>
+</div>
+
+<span id="footer-span" hidden>
 <div class="page-footer">
     <img src="images/background_clt.jpg" class="back-image"/>
     <div class="footer-container">
@@ -38,4 +55,23 @@
             </div>
         </div>
     </div>
-</div>
+</div>
+</span>
+
+<script type='text/javascript'>
+$(function(){
+
+    $('.open-text').click(function(){
+        $('.open-text').hide();
+        $('.close-text').show();
+        $('#footer-span').show();
+    });
+
+    $('.close-text').click(function(){
+        $('.close-text').hide();
+        $('#footer-span').hide();
+        $('.open-text').show();
+    });
+
+});
+</script>