Updates

Jedbert · May 1, 2024 · a31ca94 · a31ca94
1 parent d3f39bf
commit a31ca94
Show file tree

Hide file tree

Showing 3 changed files with 129 additions and 10 deletions.
diff --git a/About Us/styles.css b/About Us/styles.css
@@ -66,16 +66,135 @@ header {
     color: #ddd;
 }
 
-footer {
+.footer {
     display: flex;
-    justify-content: space-between;
-    padding: 15px 20px;
-    background-image: linear-gradient(135deg, #F05F57 10%, #360940 100%);
-    font-style: italic;
+    flex-flow: row wrap;
+    padding: 30px 30px 20px 30px;
+    color: #2f2f2f;
+    background-color: #dfdcdc93;
+    border-top: 1px solid #e5e5e5;
+    /* height: ; */
+    max-height: 100rem;
 }
 
-.rhr-academy {
-    margin: 2rem;
+.footer>* {
+    flex: 1 100%;
+}
+
+.footer-addr {
+    margin-right: 1.2 em;
+    margin-bottom: 2em;
+}
+
+.footer-logo {
+    font-family: 'Georgia', cursive;
+    font-weight: 400;
+    text-transform: capitalize;
+    font-size: 1.5rem;
+    color: crimson;
+}
+
+.footer-addr h2 {
+    margin-top: 1.3em;
+    font-size: 15px;
+    font-weight: 400;
+    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+}
+
+.nav-title {
+    font-weight: 400;
+    font-size: 15px;
+}
+
+.footer address {
+    font-style: normal;
+    color: #999;
+}
+
+.footer-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 36px;
+    max-width: max-content;
+    background-color: rgb(33, 33, 33, 0.07);
+    border-radius: 100px;
+    color: #2f2f2f;
+    line-height: 0;
+    margin: 0.6em 0;
+    font-size: 1rem;
+    padding: 0 1.3em;
+}
+
+.footer ul {
+    list-style: none;
+    padding-left: 0;
+}
+
+.footer li {
+    line-height: 2em;
+}
+
+.footer a {
+    text-decoration: none;
+}
+
+.footer-nav {
+    display: flex;
+    flex-flow: row wrap;
+}
+
+.footer-nav>* {
+    flex: 1 50%;
+    margin-right: 1.25em;
+}
+
+.nav-ul a {
+    color: #999;
+}
+
+.nav-ul-extra {
+    column-count: 2;
+    column-gap: 1.25em;
+}
+
+.copyright {
+    display: flex;
+    flex-wrap: wrap;
+    color: #999;
+}
+
+.copyright-link {
+    display: flex;
+    align-items: center;
+}
+
+.heart {
+    color: #2f2f2f;
+}
+
+@media screen and (max-width: 768px) {
+    .copyright .copyright-link {
+        margin-left: auto;
+    }
+}
+
+@media screen and (max-width: 768px) {
+    .footer-nav>* {
+        flex: 1;
+    }
+
+    .nav-item-extra {
+        flex-grow: 2;
+    }
+
+    .footer-addr {
+        flex: 1 0px;
+    }
+
+    .footer-nav {
+        flex: 2 0px;
+    }
 }
 
 .team {

diff --git a/Contact/styles.css b/Contact/styles.css
@@ -162,7 +162,7 @@ html {
 }
 
 body {
-    font-family: acumin-pro, system-ui, sans-serif;
+    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     margin: 0;
     display: grid;
     grid-template-rows: auto 1fr auto;

diff --git a/styles.css b/styles.css
@@ -7,7 +7,7 @@
 html {
     font-size: 16px;
     scroll-behavior: smooth;
-    overflow: hidden;
+    overflow-x: hidden;
 }
 
 @media screen and (max-width: 768px) {
@@ -196,7 +196,7 @@ main {
     width: 50%;
 }
 
-f.footer {
+.footer {
     display: flex;
     flex-flow: row wrap;
     padding: 30px 30px 20px 30px;