adl3879 · adl3879 · May 2, 2020 · May 3, 2020 · May 4, 2020 · May 4, 2020
diff --git a/components/ecx.svg b/components/ecx.svg
diff --git a/components/facebook.svg b/components/facebook.svg
diff --git a/components/footer.html b/components/footer.html
@@ -0,0 +1,42 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="../scss/main.css" />
+    <title>footer</title>
+  </head>
+  <body>
+    <footer class="footer">
+      <div class="footer-top">
+        <div class="ecx">
+          <img src="./ecx.svg" alt="ecx" />
+        </div>
+        <!-- for mobile view -->
+        <div class="buttons">
+          <a href="#"><button class="reg">Register</button></a>
+          <br />
+          <a href="#"><button class="login">Login</button></a>
+        </div>
+        <p class="footer-links">
+          <a href="#">Qualification Requirement</a>
+          <a href="#">Mentors & Speakers</a>
+          <a href="#">Terms and Condition</a>
+          <a href="#">Support</a>
+        </p>
+      </div>
+      <div class="footer-bottom">
+        <div class="footer-icons">
+          <!-- icons go here -->
+          <a href="#"><img src="./facebook.svg" alt="facebook" /></a>
+          <a href="#"><img src="./twitter.svg" alt="twitter" /></a>
+          <a href="#"><img src="./slack.svg" alt="slack" /></a>
+          <a href="#"><img src="./github.svg" alt="github" /></a>
+        </div>
+        <div class="footer-copyright">
+          <p>copyright <span>Ecx 2020</span></p>
+          <p>made with &lt; /&gt;</p>
+        </div>
+      </div>
+    </footer>
+  </body>
+</html>
diff --git a/components/github.svg b/components/github.svg
diff --git a/components/slack.svg b/components/slack.svg
diff --git a/components/twitter.svg b/components/twitter.svg