diff --git a/src/components/Footer.js b/src/components/Footer.js
index 1c49136..bd00ba0 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -3,9 +3,50 @@ 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="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.
+        </p>
+      </div>
+      <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 b337922..5d53d61 100644
--- a/src/css/Footer.css
+++ b/src/css/Footer.css
@@ -1,15 +1,77 @@
-.footer-container {
-  background-color: #1a1a1a;
-  color: #f5f5f5;
+.footer {
   display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 40px;
+  flex-direction: row;
+  justify-content: space-between;
+  background-color: #333;
+  color: #fff;
+  padding: 20px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
 }
-
-.footer-text {
+.info {
+  color: aquamarine;
+}
+.logo-container {
   display: flex;
-  flex-direction: column;
   align-items: center;
-  font-size: 14px;
+}
+.logo-container h1 {
+  padding: 20px;
+}
+
+.footer-column {
+  width: 30%;
+}
+.footer-column-links {
+  width: 15%;
+}
+
+.footer-column-1 {
+  width: 35%;
+  margin-left: 10px;
+}
+.logo {
+  width: auto;
+  height: 80px;
+}
+.footer h3 {
+  font-size: 1.2rem;
+  margin-bottom: 10px;
+}
+
+.footer ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.footer li {
+  margin-bottom: 5px;
+}
+
+.footer a {
+  color: #fff;
+  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;
+}
+
+.footer a:hover {
+  text-decoration: underline;
+  font-weight: bold;
 }