diff --git a/src/Container/footer/Footer.jsx b/src/Container/footer/Footer.jsx
index bb44f51..146749b 100644
--- a/src/Container/footer/Footer.jsx
+++ b/src/Container/footer/Footer.jsx
@@ -1,12 +1,52 @@
 import React from 'react';
 import './footer.css';
+import gptLogo from  '../../assets/logo.svg'
 
 const Footer = () => {
   return (
-    <div>
-      Footer
+    <div className="gpt__footer section__padding">
+      <div className="gpt__footer-heading">
+        <h1 className="gradient__text">
+          Do you want to step in to the future before others
+        </h1>
+      </div>
+      <div className="gpt__footer-btn">
+        <p>Request Early Access</p>
+      </div>
+
+      <div className="gpt__footer-links">
+        <div className="gpt__footer-links__logo">
+          <img src={gptLogo} alt="logo" />
+          <p>Crechterwoord K12 182 DK Alknjkcb, All Rights Reserved</p>
+        </div>
+
+        <div className="gpt__footer-links__div">
+          <h4>Links</h4>
+          <p>Overons</p>
+          <p>Social Media</p>
+          <p>Counters</p>
+          <p>Contacts</p>
+        </div>
+        <div className="gpt__footer-links__div">
+          <h4>Company</h4>
+          {/* <p>Overons</p> */}
+          <p>Terms & Conditions</p>
+          <p>Privacy Policy</p>
+          <p>Contact</p>
+        </div>
+        <div className="gpt__footer-links__div">
+          <h4>Get in touch</h4>
+          <p>Crechterwoord K12 182 DK Alknjkcb</p>
+          <p>085-132567</p>
+          {/* <p>Counters</p> */}
+          <p>info@payme.net</p>
+        </div>
+      </div>
+      <div className="gpt__footer-copyright">
+        <p>© 2021 GPT-3. All rights reserved.</p>
+      </div>
     </div>
-  )
+  );
 }
 
 export default Footer
diff --git a/src/Container/footer/footer.css b/src/Container/footer/footer.css
index e69de29..e87fc95 100644
--- a/src/Container/footer/footer.css
+++ b/src/Container/footer/footer.css
@@ -0,0 +1,144 @@
+.gpt__footer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: var(--color-footer);
+}
+
+.gpt__footer-heading {
+  width: 100%;
+  text-align: center;
+  margin-bottom: 3rem;
+}
+
+.gpt__footer-heading h1 {
+  text-align: center;
+  font-family: var(--font-family);
+  font-size: 3.875rem;
+  font-weight: 800;
+  line-height: 4.6875rem;
+  letter-spacing: -0.155rem;
+}
+
+.gpt__footer-btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1rem;
+
+  border: 1px solid #fff;
+  text-align: center;
+  margin-bottom: 10rem;
+  cursor: pointer;
+}
+
+.gpt__footer-btn p {
+  box-sizing: border-box;
+  color: #fff;
+  font-family: var(--font-family);
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 21px;
+  word-spacing: 2px;
+}
+
+.gpt__footer-links {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  width: 100%;
+  text-align: left;
+}
+
+.gpt__footer-links div {
+  width: 250px;
+  margin: 1rem;
+}
+
+.gpt__footer-links__logo {
+  display: flex;
+  flex-direction: column;
+}
+
+.gpt__footer-links__logo img {
+  width: 118px;
+  height: 30px;
+  margin-bottom: 1rem;
+}
+
+.gpt__footer-links__logo p {
+  color: #fff;
+  font-family: var(--font-family);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: normal;
+}
+
+.gpt__footer-links__div {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
+.gpt__footer-links__div h4 {
+  color: #fff;
+  font-family: var(--font-family);
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 1rem;
+}
+
+.gpt__footer-links__div p {
+  color: #fff;
+  font-family: var(--font-family);
+  font-size: 12px;
+  font-weight: 400;
+  margin: 0.5rem 0;
+  cursor: pointer;
+}
+
+.gpt__footer-copyright {
+  width: 100%;
+  margin-top: 2rem;
+  text-align: center;
+}
+
+.gpt__footer-copyright p {
+  color: #fff;
+  font-family: var(--font-family);
+  font-size: 12px;
+  font-weight: 400;
+}
+
+@media screen and (max-width: 550px) {
+    .gpt__footer-heading h1 {
+        font-size: 44px;
+        line-height: 50px;
+    }
+}
+
+@media screen and (max-width: 550px) {
+    .gpt__footer-heading h1 {
+        font-size: 34px;
+        line-height: 42px;
+    }
+
+    .gpt__footer-links div {
+        margin: 1rem 0;
+    }
+
+    .gpt__footer-btn p {
+        font-size: 14px;
+        line-height: 20px;
+    }
+}
+
+@media screen and (max-width: 550px) {
+    .gpt__footer-heading h1 {
+        font-size: 27px;
+        line-height: 38px;
+    }
+}
\ No newline at end of file