From cee1ae41eda5fddd8b27bcd9dab5a68831f03fa1 Mon Sep 17 00:00:00 2001 From: Mathijs Date: Wed, 19 Apr 2023 20:42:02 +0200 Subject: [PATCH] foooter update --- 404.html | 35 ++++++++---- assets/css/mrl.css | 130 +++++++++++++++++++++++++++++++++++++++++++-- index.html | 35 ++++++++---- 3 files changed, 177 insertions(+), 23 deletions(-) diff --git a/404.html b/404.html index 014340c..ebf9ced 100755 --- a/404.html +++ b/404.html @@ -82,15 +82,32 @@ diff --git a/assets/css/mrl.css b/assets/css/mrl.css index 8af562c..d2b295f 100755 --- a/assets/css/mrl.css +++ b/assets/css/mrl.css @@ -113,7 +113,7 @@ position: absolute; bottom: 0; width: 100%; - height: 80px; + height: 100px; } @@ -293,19 +293,21 @@ /*footer*********/ + +/*footer**cernter*/ .footer-links{ max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; border-radius: 5px; - } -.footer-links ul { +} + .footer-links ul { padding: 0px; display: inline-block } -.footer-links ul li { + .footer-links ul li { display: inline-block; padding: 15px 17px 15px 17px; text-transform: uppercase; @@ -335,6 +337,124 @@ .footer-links ul li a:active { color: #8d100e; } - + + /*footer**links*/ +.footer-links-l{ + max-width: 800px; + margin-left: auto; + margin-right: auto; + text-align: left; + border-radius: 5px; +} + .footer-links-l ul { + padding: 0px; + display: inline-block + } + + .footer-links-l ul li { + display: inline-block; + padding: 15px 17px 15px 17px; + text-transform: uppercase; + border-radius: 5px; + font-size: 20px; + } + + .footer-links-l ul li:hover { + display: inline-block; + background-color: #374351; + text-transform: uppercase; + border-radius: 5px; + font-size: 20px; + } + +.footer-links-l ul li a { + text-decoration: none; + color: #D2E0F0; + } + + .footer-links-l ul li a:hover { + text-decoration: none; + border-radius: 5px; + color: #D2E0F0; + } + + .footer-links-l ul li a:active { + color: #8d100e; + } + + + /*footer**rechts*/ +.footer-links-r{ + max-width: 800px; + margin-left: auto; + margin-right: auto; + text-align: right; + border-radius: 5px; +} + .footer-links-r ul { + padding: 0px; + display: inline-block + } + + .footer-links-r ul li { + display: inline-block; + padding: 15px 17px 15px 17px; + text-transform: uppercase; + border-radius: 5px; + font-size: 20px; + } + + .footer-links-r ul li:hover { + display: inline-block; + background-color: #374351; + text-transform: uppercase; + border-radius: 5px; + font-size: 20px; + } + +.footer-links-r ul li a { + text-decoration: none; + color: #D2E0F0; + } + + .footer-links-r ul li a:hover { + text-decoration: none; + border-radius: 5px; + color: #D2E0F0; + } + + .footer-links-r ul li a:active { + color: #8d100e; + } + + +/*footer**bar*/ +.footer-links-bar{ + max-width: 800px; + margin-left: auto; + margin-right: auto; + text-align: center; + border-radius: 0px; +} + +.footer-links-bar ul { + padding: 0px; + display: inline-block + } + + .footer-links-bar ul li { + display: inline-block; + padding: 0px 17px 0px 17px; + text-transform: uppercase; + border-radius: 5px; + font-size: 50px; + } +.footer-links-bar ul li a { + text-decoration: none; + color: #D2E0F0; + + } + + /*uitzonderingen*********************************************************************************************************/ diff --git a/index.html b/index.html index 9e7084b..fd4d6ee 100755 --- a/index.html +++ b/index.html @@ -74,15 +74,32 @@ -- 2.45.2