styled footer

mdr19002 · Feb 17, 2020 · 2a204a6 · 2a204a6
1 parent 4e68377
commit 2a204a6
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 8 deletions.
diff --git a/css/axit.css b/css/axit.css
@@ -231,6 +231,7 @@ textarea {
     border-left: none;
     border-right: none;
     border-bottom: 1px solid #bdbdbd;
+    border-radius: 0;
     margin-bottom: 25px;
     color: #bdbdbd;
     font-size: 12px;
@@ -254,30 +255,55 @@ textarea {
      display: flex;
      flex-direction: column;
      align-items: center;
+     padding: 15px 0;
    }
 
    #social-text {
      text-align: center;
+     font-family: 'Open Sans', sans-serif;
    }
 
-   #social-banner i {
-    margin: 10px;
+   #social-text h3 {
+     font-weight: 700;
+     margin: 5px;
+     font-size: 24px;
    }
 
+   #social-text p {
+     font-weight: 400;
+     color: #86878b;
+     margin: 5px;
+   }
+
    #social-icons {
      display: block;
-     font-size: 2em;
+     color: #cccccc;
+     text-align: center;
+     font-size: 36px;
+   }
+
+   #social-icons i {
+    margin: 0 5px;
    }
 
    footer {
     background-color: black;
     color: white;
-    flex-direction: column;
-    text-align: center;
-    padding-top: 20px;
+    padding-top: 50px;
     padding-bottom: 5px;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 400;
+    text-align: center;
    }
 
+   #footer-icons i {
+    margin: 0 10px;
+    font-size: 24px;
+   }
+
+   #copyright {
+     font-size: 12px;
+   }
 
   @media (min-width: 700px) {
     .mobile {
@@ -337,7 +363,8 @@ textarea {
     }
 
     #social-icons i{
-      font-size: 40px;
+      font-size: 60px;
+      margin: 0;
     }
   }
 

diff --git a/wk3_axit.html b/wk3_axit.html
@@ -94,7 +94,7 @@
       <i class="fa fa-stumbleupon" aria-hidden="true"></i>
       <i class="fa fa-rss" aria-hidden="true"></i>
     </div>
-    <p>© 2015 Axure Themes</p>
+    <p id="copyright">© 2015 Axure Themes</p>
   </footer>