Add Logos to the Navbar and Fix Footer CSS (#337)

closes #333 
solved this issues @dhairyagothi

home.css

@@ -202,8 +202,17 @@ a {
   width: 30px;
   height: 30px;
   margin-left: 60px;
+  background-color: white;
+  border-radius: 50%;
 }
 
+#github-logo img:hover{
+  transform: scale(1.1);
+}
+
+#twitter-icon{
+  transform: scale(1.5);
+}
 .table {
   display: flex;
   flex-direction: row;
@@ -304,13 +313,17 @@ footer {
 }
 
 .footer-left {
-  width: 50%;
+  width: 1200%;
   font-size: 14px;
   color: #fff;
   letter-spacing: 1px;
   font-weight: 400;
 }
 
+.footer-left p {
+  text-align: center;
+}
+
 .footer-right {
   display: flex;
   align-items: center;

index.html

@@ -123,13 +123,13 @@
     <nav class="navbar">
         <div class="navbar-container">
 
-            <a href="./public/" class="navbar-logo"><img src="	https://100-days-100-web-project.vercel.app/logo1.png" alt="Logo"></a>
+            <a href="./public/" class="navbar-logo"><img src="icons8-working-with-a-laptop-48.png" alt="Logo"></a>
 
             <ul class="navbar-menu">
                  <!-- Dynamic Navbar Items -->
             </ul>
             <a id="github-logo" href ="https://github.com/dhairyagothi" target="_blank">
-                <img src="https://100-days-100-web-project.vercel.app/github1.png" alt="GitHub" width="40" height="40">
+                <img src="GitHub.png" alt="GitHub" width="40" height="40">
             </a>
         </div>
     </nav>
@@ -726,11 +726,11 @@
                 <p> &copy; <script>document.write(new Date().getFullYear())</script> 50_days_50_webprojects. Made by Dhairya & Contributors.</p>
             </div>
             <div class="footer-right">
-                <a href="./" target="_blank">
-                    <img class="icons" src="./Img/twitter.png" alt="Twitter Icon">
+                <a href="./" target="_blank" id="twitter-icon">
+                    <img class="icons" src="twitter_x_new_logo_x_rounded_icon_256078.svg" alt="Twitter Icon">
                 </a>
                 <a href="./public/https://github.com/dhairyagothi/50_days_50_web_project" target="_blank">
-                    <img class="icons" src="./Img//github.png" alt="Github Icon">
+                    <img class="icons" src="GitHub.png" alt="Github Icon">
                 </a>
             </div>
         </div>