From 478c88be9a92bf1cb13b8ed838bfbddc4a4fe8cb Mon Sep 17 00:00:00 2001
From: Samarth Namdeo <namdeosamarth@gmail.com>
Date: Thu, 30 Mar 2023 18:27:41 +0530
Subject: [PATCH 1/2] Footer modified

---
 src/components/Footer.js | 32 ++++++++++++++++++--
 src/css/Footer.css       | 64 ++++++++++++++++++++++++++++++++++++----
 2 files changed, 87 insertions(+), 9 deletions(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 1c49136..04df72c 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -3,9 +3,35 @@ import "../css/Footer.css";
 
 function Footer() {
   return (
-    <footer className="footer-container">
-      <div className="footer-text">
-        <p>&copy; 2023 CodeBook. All Rights Reserved.</p>
+    <footer className="footer">
+      <div className="search-bar">
+        <input type="text" placeholder="Search" />
+        <button type="submit">Go</button>
+      </div>
+      <div className="codebook-info">
+        <img
+          src="https://cdn.xxl.thumbs.canstockphoto.com/code-book-logo-icon-design-eps-vector_csp63585084.jpg"
+          className="image"
+          height={"50px"}
+          alt=""
+        />
+        <h3 className="mt-3">CodeBook</h3>
+        <p className="description">
+          CodeBook is your one-stop-shop for tracking your coding progress and
+          competing with friends. It consolidates your stats from multiple
+          coding platforms and provides updates on upcoming contests. Stay
+          up-to-date with your and your friends' activity, compare stats, and
+          compete healthily. CodeBook simplifies the process of monitoring your
+          coding progress and competition, making it a must-have tool for any
+          coding enthusiast.
+        </p>
+      </div>
+      <div className="button-group">
+        <a href="/">Home</a>
+        <br />
+        <a href="/about">About Us</a>
+        <br />
+        <a href="/contact">Contact Us</a>
       </div>
     </footer>
   );
diff --git a/src/css/Footer.css b/src/css/Footer.css
index b337922..57e0447 100644
--- a/src/css/Footer.css
+++ b/src/css/Footer.css
@@ -1,15 +1,67 @@
-.footer-container {
-  background-color: #1a1a1a;
-  color: #f5f5f5;
+.footer {
+  background-color: #222;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+  padding: 20px;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
+
+.search-bar {
   display: flex;
-  justify-content: center;
   align-items: center;
-  height: 40px;
 }
 
-.footer-text {
+.search-bar input[type="text"] {
+  border: none;
+  background-color: whitesmoke;
+  color: #fff;
+  font-size: 16px;
+  padding: 10px;
+}
+
+.search-bar button[type="submit"] {
+  background-color: #fff;
+  border: none;
+  color: #222;
+  font-size: 16px;
+  margin-left: 10px;
+  padding: 10px;
+}
+
+.codebook-info {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
+}
+
+.logo {
+  height: 50px;
+  margin-bottom: 10px;
+}
+
+.description {
+  text-align: center;
   font-size: 14px;
+  margin-left: 90px;
+  margin-right: 180px;
+}
+
+.button-group {
+  display: flex;
+  flex-direction: column;
+  margin-right: 90px;
+}
+
+.button-group a {
+  color: #fff;
+  margin-right: 20px;
+  text-decoration: none;
+}
+
+.button-group a:hover {
+  text-decoration: underline;
 }

From 8bf1c6dec2475cfee669b990b844c5d815ce3022 Mon Sep 17 00:00:00 2001
From: Samarth Namdeo <namdeosamarth@gmail.com>
Date: Sat, 1 Apr 2023 11:35:48 +0530
Subject: [PATCH 2/2] footer modified

---
 src/components/Footer.js | 59 +++++++++++++++++----------
 src/css/Footer.css       | 86 ++++++++++++++++++++++------------------
 2 files changed, 85 insertions(+), 60 deletions(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 04df72c..bd00ba0 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -4,34 +4,49 @@ import "../css/Footer.css";
 function Footer() {
   return (
     <footer className="footer">
-      <div className="search-bar">
-        <input type="text" placeholder="Search" />
-        <button type="submit">Go</button>
-      </div>
-      <div className="codebook-info">
-        <img
-          src="https://cdn.xxl.thumbs.canstockphoto.com/code-book-logo-icon-design-eps-vector_csp63585084.jpg"
-          className="image"
-          height={"50px"}
-          alt=""
-        />
-        <h3 className="mt-3">CodeBook</h3>
-        <p className="description">
+      <div className="footer-column-1">
+        <div className="logo-container">
+          <img
+            className="logo"
+            src="https://cdn.xxl.thumbs.canstockphoto.com/code-book-logo-icon-design-eps-vector_csp63585084.jpg"
+            alt="CodeBook Logo"
+          />
+
+          <h1>CodeBook</h1>
+        </div>
+        <p className="info">
           CodeBook is your one-stop-shop for tracking your coding progress and
           competing with friends. It consolidates your stats from multiple
           coding platforms and provides updates on upcoming contests. Stay
           up-to-date with your and your friends' activity, compare stats, and
-          compete healthily. CodeBook simplifies the process of monitoring your
-          coding progress and competition, making it a must-have tool for any
-          coding enthusiast.
+          compete healthily.
         </p>
       </div>
-      <div className="button-group">
-        <a href="/">Home</a>
-        <br />
-        <a href="/about">About Us</a>
-        <br />
-        <a href="/contact">Contact Us</a>
+      <div className="footer-column">
+        <p className="headline-1">Your One-Stop place!</p>
+      </div>
+      <div className="footer-column-links">
+        <h2>Links</h2>
+        <ul>
+          <li>
+            <a href="/">Home</a>
+          </li>
+          <li>
+            <a href="/about">About</a>
+          </li>
+          <li>
+            <a href="/contact">Contact Us</a>
+          </li>
+          <li>
+            <h1></h1>
+          </li>
+          <li>
+            <a href="https://github.com/IEEE-Codebook">GitHub repo</a>
+          </li>
+        </ul>
+      </div>
+      <div className="footer-column">
+        <p className="headline">Elevate your Coding Game with CodeBook!</p>
       </div>
     </footer>
   );
diff --git a/src/css/Footer.css b/src/css/Footer.css
index 57e0447..5d53d61 100644
--- a/src/css/Footer.css
+++ b/src/css/Footer.css
@@ -1,67 +1,77 @@
 .footer {
-  background-color: #222;
-  color: #fff;
   display: flex;
+  flex-direction: row;
   justify-content: space-between;
+  background-color: #333;
+  color: #fff;
   padding: 20px;
-  position: absolute;
+  position: fixed;
   bottom: 0;
   width: 100%;
 }
-
-.search-bar {
+.info {
+  color: aquamarine;
+}
+.logo-container {
   display: flex;
   align-items: center;
 }
-
-.search-bar input[type="text"] {
-  border: none;
-  background-color: whitesmoke;
-  color: #fff;
-  font-size: 16px;
-  padding: 10px;
+.logo-container h1 {
+  padding: 20px;
 }
 
-.search-bar button[type="submit"] {
-  background-color: #fff;
-  border: none;
-  color: #222;
-  font-size: 16px;
-  margin-left: 10px;
-  padding: 10px;
+.footer-column {
+  width: 30%;
 }
-
-.codebook-info {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+.footer-column-links {
+  width: 15%;
 }
 
+.footer-column-1 {
+  width: 35%;
+  margin-left: 10px;
+}
 .logo {
-  height: 50px;
+  width: auto;
+  height: 80px;
+}
+.footer h3 {
+  font-size: 1.2rem;
   margin-bottom: 10px;
 }
 
-.description {
-  text-align: center;
-  font-size: 14px;
-  margin-left: 90px;
-  margin-right: 180px;
+.footer ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
-.button-group {
-  display: flex;
-  flex-direction: column;
-  margin-right: 90px;
+.footer li {
+  margin-bottom: 5px;
 }
 
-.button-group a {
+.footer a {
   color: #fff;
-  margin-right: 20px;
   text-decoration: none;
+  font-size: larger;
+}
+
+.headline {
+  color: #89d19a;
+  font-family: "Courier New", Courier, monospace;
+  font-size: 45px;
+  margin-right: 10px;
+  font-weight: bold;
+}
+.headline-1 {
+  color: #89d19a;
+  font-family: "Courier New", Courier, monospace;
+  font-size: 45px;
+  margin-left: 60px;
+  font-weight: bold;
 }
 
-.button-group a:hover {
+.footer a:hover {
   text-decoration: underline;
+  font-weight: bold;
 }