Complete spooky scary skeleto of footer

cs/home.html

@@ -119,7 +119,70 @@
       </section>
     </main>
     <footer>
+      <section class="footer-top">
+        <div class="footer-buttons-left-row-grid">
+          <div class="footer-button">
+            <button type="button" name="button" href="#">Členské příspěvky</button>
+          </div>
 
+          <div class="footer-button">
+            <button type="button" name="button" href="#">Sinis</button>
+          </div>
+
+          <div class="footer-button">
+            <button type="button" name="button" href="#">Wiki</button>
+          </div>
+
+
+          <div class="footer-button">
+            <button type="button" name="button" href="#">Cloud</button>
+          </div>
+
+        </div>
+        <div class="footer-logo-right-col-grid">
+          <img src="../img/sin-logo-col.png" alt="Club">
+          <img src="../img/su-logo-col.svg" alt="Club">
+        </div>
+      </section>
+      <section class="footer-bottom">
+        <div class="footer-contacts-row-grid">
+          <div class="footer-heading-col-grid">
+            <div class="footer-heading-left">
+              <h1 class="title"> </h1>
+            </div>
+            <div class="footer-heading-right-col-grid">
+              <img src="../img/facebook.png" alt="Social">
+              <img src="../img/instagram.png" alt="Social">
+              <img src="../img/twitter.png" alt="Social">
+            </div>
+          </div>
+          <div class="footer-contacts-col-grid">
+            <p class="article"> </p>
+            <p class="article"> </p>
+          </div>
+          <div class="footer-contacts-col-grid">
+            <p class="article"> </p>
+            <p class="article"> </p>
+          </div>
+          <div class="footer-contacts-col-grid">
+            <p class="article"> </p>
+            <p class="article"> </p>
+          </div>
+          <div class="footer-contacts-col-grid">
+            <p class="article"> </p>
+            <p class="article"> </p>
+          </div>
+        </div>
+        <div class="footer-visit-row-grid">
+          <h1 class="title"> </h1>
+          <div class="footer-visit-col-grid">
+            <p class="article"> </p>
+          </div>
+          <div class="footer-visit-col-grid">
+            <p class="article"> </p>
+          </div>
+        </div>
+      </section>
     </footer>
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script type="text/javascript" src="../js/bootstrap.bundle.js"></script>

css/master.css

@@ -68,7 +68,7 @@ article.about-us-1 h3.title::before{
 */
 div.gallery{
   display: block;
-  margin-top: 1.2em;
+  margin-top: 1.6em;
 }
 div.gallery img{
   width: 100%;
@@ -147,6 +147,7 @@ button{
 footer{
   background-color: #4A4A4A;
   padding: 3em 3em;
+  color: #FCFCFC !important;
 }
 /* <--- NAVIGATION ---> */
 nav {