From 8ae53f8252cc1fecacef6cef6ba003acf434b303 Mon Sep 17 00:00:00 2001 From: Divyansh Mishra Date: Tue, 17 Oct 2023 23:18:39 +0530 Subject: [PATCH 1/3] Revamped Footer --- index.html | 17 ++++++++++++++--- style.css | 42 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 56 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index b7da446..197ea61 100644 --- a/index.html +++ b/index.html @@ -127,9 +127,7 @@


-
- - + +
+
+
+

+ © Superhero's World By Prajwal Somalkar. All + rights reserved. +

+
diff --git a/style.css b/style.css index 3600daa..2b68d6c 100644 --- a/style.css +++ b/style.css @@ -695,6 +695,48 @@ center { animation: spin-horizontal 2s linear infinite; } +.footer-container{ + width:100%; + padding: 70px 30px 20px; +} + +.social-icons{ + display:flex; + justify-content: center; +} + +.social-icons a{ + text-decoration: none; + padding: 10px; + background-color: white; + margin:20px; + border-radius: 50%; +} + +.social-icons a i{ + font-size: 2em; + color: black; + opacity: 0.9; +} +.social-icons a:hover{ + background-color: #111; + transition: 0.5s; +} +.social-icons a:hover i{ + color:white; + transition: 0.5s; +} +.footer-bottom{ + padding:10px; + padding-bottom: 100px; + text-align: center; + background-color: #000; +} +.footer-bottom p{ + color:white; +} + + @media screen and (max-width: 406px) { .head-title { font-size: 50px; From 84eeae7d1142048793f206b70a6d68ce9b8d016c Mon Sep 17 00:00:00 2001 From: Divyansh Mishra Date: Tue, 17 Oct 2023 23:19:40 +0530 Subject: [PATCH 2/3] Cleaned up --- index.html | 36 +----------------------------------- 1 file changed, 1 insertion(+), 35 deletions(-) diff --git a/index.html b/index.html index 197ea61..331d222 100644 --- a/index.html +++ b/index.html @@ -127,41 +127,7 @@


- +