S-H-E-R-Development · Harshn02 · Jan 1, 2025 · Jan 1, 2025 · Jan 1, 2025 · Jan 2, 2025
diff --git a/.firebase/hosting.YnVpbGQ.cache b/.firebase/hosting.YnVpbGQ.cache
@@ -1,14 +1,14 @@
 robots.txt,1731414994280,bfe106a3fb878dc83461c86818bf74fc1bdc7f28538ba613cd3e775516ce8b49
-manifest.json,1735668236839,ee04fb47e525c67d8424ffe9b4d8a8a24e434504478afca4e0ca602146836d4c
+manifest.json,1735883022621,71f09f8544e551fbecf64cc4313be11590d8f476e77ae18dacfec995673ff9cc
 logo192.png,1735716763792,b9d69ac22dd36248b3b80ea845286e914ccbb6b22f7dd10ee9df03aba17a7191
 favicon.ico,1735716763790,657015ba51163d7380545a76d7515fcdae4f881836a7fdf49bd4155eef7b6ec5
 404.html,1735716763789,41d1e074106979fb6591ec6953bfe5ace2788be22f0ed4189bd54905ebb5b44d
-index.html,1735719221770,886c98efe923020c681a89ab879fb1180b8e30b1f9f5c037f22f99396f8eac11
-asset-manifest.json,1735719221771,772003a130dd74385e9f0b0a60f5649076daebb2c43b7c9bb1dbb142d7acc905
-static/js/488.a8aab675.chunk.js,1735719221772,537304ff0085af423604b85e516fe7b581546ff62eaf36192530c4cf621c0d00
-static/js/488.a8aab675.chunk.js.map,1735719221773,430a829fd0d9a9ca19923a4cb047dd98f246bce01095031a828ec28570da0258
-static/js/main.ab6a3b09.js.LICENSE.txt,1735719221773,ebb955790131b63156f7f1d15240d328171a58be63d822f12db953b3d6e41eec
-static/css/main.c3eff280.css,1735719221772,019ba4ad333f84cb806695bb9fc360f9c994884e41655fa5204c3cfdb91a321e
-static/css/main.c3eff280.css.map,1735719221773,aad17a8d3ad27cb9723a19dd741ff851ffde99c6fd0a62da3c81191376be9e0b
-static/js/main.ab6a3b09.js,1735719221773,73943a5ab38207fb357acaf1f4b0a810194aec34c7f280b0a872acee3978e82d
-static/js/main.ab6a3b09.js.map,1735719221773,0221275c7e318b84832515a44af5322a4f1a5a3e33c0eeb125e61ab572071c69
+asset-manifest.json,1735925779949,a9f6232b3fed81ea7f6dfc5c0bfdb9dd585f6cbfc0407be52c5a01a144cfd485
+index.html,1735925779949,ae0376939ad2342c9455de640afcc72a1df85ddb9fc298ef5765a049f461b6c2
+static/js/main.333c741b.js.LICENSE.txt,1735925779953,ebb955790131b63156f7f1d15240d328171a58be63d822f12db953b3d6e41eec
+static/js/488.a8aab675.chunk.js,1735925779953,537304ff0085af423604b85e516fe7b581546ff62eaf36192530c4cf621c0d00
+static/css/main.3c563c4a.css,1735925779953,7f12735d56689c571116aca6ba45c2b19fb66a05a342364f44f2d889aeba3704
+static/js/488.a8aab675.chunk.js.map,1735925779955,430a829fd0d9a9ca19923a4cb047dd98f246bce01095031a828ec28570da0258
+static/css/main.3c563c4a.css.map,1735925779953,d2749ded699a4ef116a12d406eef5e9a2818960774aff99fc5185d9f02fef812
+static/js/main.333c741b.js,1735925779952,bd736fe7cb6ca978d6399b4c5c95deef2fc813ea90f3fe3f95be93a04979eaa6
+static/js/main.333c741b.js.map,1735925779955,c3d09b684a4f6e4ea5e66788bfd951a75577059de94a6ea110609ed92d473205
diff --git a/README.md b/README.md
@@ -2,4 +2,6 @@
 
 ![image](https://github.com/user-attachments/assets/87404abc-f129-43d2-904f-c37cb2bf4a74)
 
-![image](https://github.com/user-attachments/assets/ef1ca499-1145-44db-a089-1f81acb7d9e7)
+![image](https://github.com/user-attachments/assets/5bebd19a-7d2f-4a28-a5d7-081c580c09f8)
+
+![image](https://github.com/user-attachments/assets/da6f47ee-6654-4e5a-a3e0-6cb20cef7652)
diff --git a/public/index.html b/public/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Machine Learning A2Z" />
-  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <link rel="apple-touch-icon" href="/public/logo192.png" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -25,10 +25,10 @@
   <title>Machine Learning A-2-Z</title>
 </head>
 
-<body>
+<body style="margin-top: 100px;">
   <noscript>You need to enable JavaScript to run this app.</noscript>
 
-  <div id="root"></div>
+  <div id="root"></div> 
   <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "MLA2Z",
+  "name": "MLA2Z",
   "icons": [
     {
       "src": "favicon.ico",

diff --git a/src/CONTRIBUTORS/contributors.js b/src/CONTRIBUTORS/contributors.js
@@ -10,19 +10,35 @@ const esp32Contributors = [
 
 ];
 const reactContributors = [
-  { name: 'Alaka Singh', linkedIn: 'https://www.linkedin.com/in/alaka-singh-9776b9275/', contributionIn: 'UI/UX + React' }
-];
+  { name: 'Alaka Singh', linkedIn: 'https://www.linkedin.com/in/alaka-singh-9776b9275/', contributionIn: 'UI/UX + React + Website Developer'},
+  { name: 'Nimish Bhardwaj', linkedIn: 'https://www.linkedin.com/in/nimishbhardwaj93/', contributionIn: 'Overlapping issue + Shadow to navbar js/css'},
+  { name: 'Zhen Liu', linkedIn: 'https://www.linkedin.com/in/zh3nl', contributionIn: 'Modification in manifest.json'},
+  { name: 'Harsh Nagar', linkedIn: 'https://www.linkedin.com/in/harsh-nagar-311904256', contributionIn: 'Modification in BottomNavbar js/css'},
 
+];
+
+const uiContributors = [];
+const documentationContributors = [];
+const marketingContributors = [];
+const seoContributors = [];
 export default function Contributors() {
   return (
-    <div >
+    <div className='content' >
 
       <h1>Top 10 Contributors in Machine Learning</h1>
       <ContributorTable contributors={mlContributors} />
-      <h1>Top 10 Contributors in ESP32</h1>
-      <ContributorTable contributors={esp32Contributors} />
       <h1>Top 10 Contributors in React</h1>
       <ContributorTable contributors={reactContributors} />
+      <h1>Top 10 Contributors in ESP32</h1>
+      <ContributorTable contributors={esp32Contributors} />
+      <h1>Top 10 Contributors in SEO (Search Engine Optimization)</h1>
+      <ContributorTable contributors={seoContributors} />
+      <h1>Top 10 Contributors in Figma/Canva Design(UI)</h1>
+      <ContributorTable contributors={uiContributors} />
+      <h1>Top 10 Contributors in Documentation</h1>
+      <ContributorTable contributors={documentationContributors} />
+      <h1>Top 10 Contributors in Marketing</h1>
+      <ContributorTable contributors={marketingContributors} />
     </div>
   );
 }
diff --git a/src/FOOTERS/BottomNavBar.css b/src/FOOTERS/BottomNavBar.css
@@ -1,70 +1,82 @@
 /* Footer Styles */
 .footer {
-  background-color: #282c34;
+  background-color:transparent;
   color: #ffffff;
-  padding: 20px;
+  height: 100px; /* Set height to 100px */
+  padding:0; /* Set padding to 2px from top and bottom */
   text-align: center;
+  position: fixed ; /* Make the footer fixed */
+  top: 0; /* Position it at the bottom */
+  width: 100%; /* Ensure it takes full width */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-top: 60px;
 }
 
 .footer .container {
-  max-width: 1200px;
+  max-width: 800px;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  gap: 20px;
-}
-
-.footer-col {
-  flex: 1 1 30%;
-  margin: 10px 0;
-}
-
-.footer h4 {
-  font-size: 16px;
-  margin-bottom: 10px;
+  gap: 10px;
 }
 
 .footer ul {
   list-style: none;
   padding: 0;
   margin: 0;
+  display: flex;
+  gap: 10px;
 }
 
 .footer ul li {
-  margin: 1px 0;
+  margin: 0;
 }
 
 .footer ul li a {
-  color: #ffffff;
+  display: inline-block;
+  padding: 10px 15px;
+  background-color: #00aced;
+  color: #000000;
   text-decoration: none;
-  transition: color 0.3s;
+  border-radius: 5px;
+  transition: background-color 0.3s, transform 0.3s;
 }
 
 .footer ul li a:hover {
-  color: #00aced;
+  background-color: #007bb5;
+  transform: scale(1.05);
 }
 
-.social-link-div {
-  display: flex;
-  justify-content: center;
-  gap: 10px;
-}
-
-.social-links a {
-  color: #ffffff;
-  font-size: 18px;
+.footer-text a {
+  display: inline-block;
+  padding: 10px 15px;
+  margin: 7px;
+  background-color: #00aced;
+  color: #000000;
   text-decoration: none;
-  transition: color 0.3s;
+  text-align: center;
+  border-radius: 5px;
+  transition: background-color 0.3s, transform 0.3s;
 }
 
-.social-links a:hover {
-  color: #00aced;
+.footer-text a:hover {
+  background-color: #007bb5;
+  transform: scale(1.05);
 }
 
 .copyright {
-  margin-top: 4px;
-  font-size: 14px;
+  background-color: rgb(255, 255, 255);
+  color: #000;
+  /* margin-top: 1px; */
+  font-size: 12px;
   border-top: 1px solid #444;
-  padding-top: 4px;
-}
+  /* padding-top: 1px; */
+  padding-bottom: 20px;   
+  margin-top: -60px ;
+  width: 100%;
+  height: 50px;
+  /* margin: 0 auto; */
+}
diff --git a/src/FOOTERS/BottomNavBar.js b/src/FOOTERS/BottomNavBar.js
@@ -4,14 +4,16 @@ import { Link } from "react-router-dom";
 
 export default function BottomBar() {
   return (
-    <footer>
+    <footer className="footer">  
       <div className="copyright">
-        <h3>
-        An Open Source Project:
-          <Link to="https://github.com/S-H-E-R-Development/Machine-Learning-A-2-Z-WEBSITE" target="_blank" >
+        <h3 className="footer-text">
+         An Open Source Project:
+          <Link
+           to="https://github.com/S-H-E-R-Development/Machine-Learning-A-2-Z-WEBSITE" target="_blank" >
          &nbsp;GitHub-React &nbsp;
           </Link>
-          <Link to="https://github.com/Machine-Learning-A-2-Z/00---Basics-of-ML" target="_blank">
+          <Link 
+           to="https://github.com/Machine-Learning-A-2-Z/00---Basics-of-ML" target="_blank">
           GitHub-ML
           </Link> 
         </h3>

diff --git a/src/HEADERS/Header.css b/src/HEADERS/Header.css
@@ -2,13 +2,18 @@
 nav {
     margin: 0;
     padding: 0;
-    background-color: rgb(249, 249, 253);
+    background-color: rgb(255, 255, 255);
     color: black;
     width: 100%;
     position: fixed;
     top: 0;
     z-index: 1000;
+    height: 65px;
     /* height: 3.5rem; */
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+.content{
+    margin-top: 5.5rem;
 }
 
 .circular-icon {
@@ -64,9 +69,6 @@ nav li:first-child {
 }
 
 nav li:last-child {
-
-
-
     fill: #ffffff;
 }
 

diff --git a/src/HEADERS/Header.js b/src/HEADERS/Header.js
@@ -39,7 +39,8 @@ const Navbar = () => {
 
             <ul className="nav-links">
                 <li>
-                    <Link to="https://github.com/Machine-Learning-A-2-Z/00---Basics-of-ML"><img src="logo192.png" alt="MLa2z" className="circular-icon" />
+                    <Link to="https://github.com/Machine-Learning-A-2-Z/00---Basics-of-ML">
+                    <img src = {require("./logo192.png")} alt="MLa2z" className="circular-icon" />
                     </Link>
                 </li>
                 {navBarButtonData.map((value, index) => (
@@ -51,9 +52,8 @@ const Navbar = () => {
                     <Link className='menu' to=""><svg color='white' xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 96 960 960" width="26"><path d="M120 816v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z" /></svg></Link>
                 </li>
             </ul>
-
         </nav>
     );
 };
 
-export default Navbar;
+export default Navbar;