diff --git a/src/app/app.component.css b/src/app/app.component.css index 0730e93..339ce0c 100644 --- a/src/app/app.component.css +++ b/src/app/app.component.css @@ -1,3 +1,3 @@ .app-body { - min-height: 74vh; + min-height: 76vh; } diff --git a/src/app/footer/footer.component.css b/src/app/footer/footer.component.css index 0feb53c..5f2fa14 100644 --- a/src/app/footer/footer.component.css +++ b/src/app/footer/footer.component.css @@ -1,11 +1,30 @@ -footer { - max-height: 100px; - margin-top: auto; -} - .page-footer { + position: relative; bottom: 0; width: 100%; + z-index: -1; +} + +.footer-text { + background-color: #525252; + color: #ffffff; + padding: 10px 0; + height: 4vh; + text-align: center; +} + +.footer-links { + display: flex; + height: 10vh; + justify-content: center; + align-items: center; + padding: 20px 0; +} + +.footer-links a { + color: #ffffff; + font-size: 18px; + margin: 0 10px; } .footer-btn { diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html index 9d0e0a8..a47cd6d 100644 --- a/src/app/footer/footer.component.html +++ b/src/app/footer/footer.component.html @@ -1,6 +1,6 @@