Merge pull request #374 from pulkitgarg04/main

add hover effect on footer social media icons
khushi-joshi-05 · May 22, 2024 · c43d55c · c43d55c
2 parents 008c1de + bb949e3
commit c43d55c
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -374,11 +374,24 @@ textarea {
     background-color:rgb(196, 89, 89);
 }
 
-.social-icons i{
+.social-icons a{
     font-size: 1.2rem;
     padding: 15px;
+    text-decoration: none;
+    color: white;
+}
+
+.fa-facebook:hover {
+  color:#3B5998;
 }
 
+.fa-instagram:hover {
+  color:#D62976;
+}
+
+.fa-twitter:hover {
+  color:#00B6F1;
+}
 
 /* Cart page styling */
 .cart-section{

diff --git a/Html-files/menu.html b/Html-files/menu.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>FoodOrderingWebsite</title>
+    <title>Menu - Food Ordering Website</title>
 
     <link
         href="https://fonts.googleapis.com/css2?family=Fuggles&family=Mooli&family=Oswald:wght@600&family=Roboto:wght@100;300&display=swap"