updated social icons

khushi-joshi-05 · May 30, 2024 · ea3de0b · ea3de0b
1 parent ed72773
commit ea3de0b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 9 deletions.
diff --git a/Css-files/content.css b/Css-files/content.css
@@ -492,16 +492,19 @@ textarea {
   color: white;
 }
 
-.fa-twitter:hover {
-  background-color: #00B6F1;
+.fa-x-twitter:hover {
+  background-color: black;
   color: white;
 }
 
 .fa-github:hover {
   background-color: #040204;
   color: white;
 }
-
+.fa-discord:hover{
+  background-color: #5865F2;
+  color: white;
+}
 /* Cart page styling */
 .cart-section {
   padding: 55px 70px 30px 70px;

diff --git a/Html-files/menu.html b/Html-files/menu.html
@@ -394,7 +394,7 @@ <h4>Follow Us</h4>
                 <div class="social-icons">
                     <a class="fa-brands fa-facebook" href="https://facebook.com" target="_blank"></a>
                     <a class="fa-brands fa-instagram" href="https://instagram.com" target="_blank"></a>
-                    <a class="fa-brands fa-twitter" href="https://twitter.com" target="_blank"></a>
+                    <a class="fa-brands fa-x-twitter" href="https://twitter.com" target="_blank"></a>
                     <a class="fa-brands fa-github" href="https://github.com/khushi-joshi-05/Food-ordering-website"
                         target="_blank"></a>
                     <a class="fa-brands fa-discord" href="https://discord.com/invite/sybYafYA" target="_blank"></a>

diff --git a/Html-files/services.html b/Html-files/services.html
@@ -245,7 +245,7 @@ <h4>Follow Us</h4>
                 <div class="social-icons">
                     <a class="fa-brands fa-facebook" href="https://facebook.com" target="_blank"></a>
                     <a class="fa-brands fa-instagram" href="https://instagram.com" target="_blank"></a>
-                    <a class="fa-brands fa-twitter" href="https://twitter.com" target="_blank"></a>
+                    <a class="fa-brands fa-x-twitter" href="https://twitter.com" target="_blank"></a>
                     <a class="fa-brands fa-github" href="https://github.com/khushi-joshi-05/Food-ordering-website"
                         target="_blank"></a>
                     <a class="fa-brands fa-discord" href="https://discord.com/invite/sybYafYA" target="_blank"></a>

diff --git a/index.html b/index.html
@@ -395,7 +395,7 @@ <h4>Follow Us</h4>
                     <div class="social-icons">
                         <a class="fa-brands fa-facebook" href="https://facebook.com" target="_blank"></a>
                         <a class="fa-brands fa-instagram" href="https://instagram.com" target="_blank"></a>
-                        <a class="fa-brands fa-twitter" href="https://twitter.com" target="_blank"></a>
+                        <a class="fa-brands fa-x-twitter" href="https://twitter.com" target="_blank"></a>
                         <a class="fa-brands fa-github" href="https://github.com/khushi-joshi-05/Food-ordering-website"
                             target="_blank"></a>
                         <a class="fa-brands fa-discord" href="https://discord.com/invite/sybYafYA" target="_blank"></a>

diff --git a/style.css b/style.css
@@ -624,8 +624,8 @@ textarea {
   color: white;
 }
 
-.fa-twitter:hover {
-  background-color: #00B6F1;
+.fa-x-twitter:hover {
+  background-color: black;
   color: white;
 }
 
@@ -635,7 +635,7 @@ textarea {
 }
 
 .fa-discord:hover {
-  background-color: #353535;
+  background-color: #5865F2;
   color: white;
 }