diff --git a/css/style.css b/css/style.css
index f89b5a5..255fe3f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,15 +1,15 @@
+html,
+body {
+  height: 100vh;
+  margin: 0;
+  padding: 0;
+}
 body {
   font-family: Montserrat, Helvetica Neue, sans-serif;
   line-height: 2em;
   box-sizing: border-box;
   color: #333333b3;
-  /* background: linear-gradient(to bottom right,  #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); */
-  background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);  
-}
-
-html, body {
-  height: 100%;
-  margin: 0;
+  background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
 }
 
 a {
@@ -24,7 +24,7 @@ a {
 }
 
 p {
-  font-family: 'Roboto';
+  font-family: "Roboto";
   font-weight: 300;
   font-size: 23px;
   text-align: center;
@@ -38,34 +38,25 @@ p {
 
 .container {
   margin: 0 auto;
-  width: 700px;
-  padding: 50px 0;
+  padding: 0 10px;
 }
 
 .container header {
   padding: 12px;
   line-height: normal;
   text-align: center;
-  border: 4px solid #445978;
+  border: 3px solid #445978;
   color: #445978;
 }
 
 main {
   padding: 1em;
 }
-main::after {
-  content: '\2A55\2A55\2A55\2A55';
-  position: relative;
-  top: 40px;
-  left: 300px;
-  color: #445978;
-  font-size: 44px;
-}
 
 div.grid {
   text-align: center;
   display: grid;
-  grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 }
 
 div.grid-item {
@@ -73,8 +64,21 @@ div.grid-item {
   margin-top: 10px;
 }
 
-.language-name:hover{
+.language-name:hover {
   border-bottom: 3px solid #1b6568;
   transition-duration: 100ms;
 }
-
+.footer {
+  position: relative;
+  width: 100%;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  bottom: 0;
+  background-color: #445978;
+  text-align: center;
+  color: white;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
diff --git a/images/svg/dart.svg b/images/svg/dart.svg
new file mode 100644
index 0000000..ca5d901
--- /dev/null
+++ b/images/svg/dart.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="384pt" height="383.999986pt" viewBox="0 0 384 383.999986" version="1.2">
+<g id="surface1">
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,76.858521%,70.199585%);fill-opacity:1;" d="M 110.089844 109.355469 L 86.164062 85.445312 L 86.257812 258.160156 L 86.546875 266.222656 C 86.664062 270.035156 87.386719 274.308594 88.542969 278.753906 L 278.050781 345.523438 L 325.464844 324.558594 L 325.503906 324.488281 L 110.082031 109.355469 Z M 110.089844 109.355469 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(13.328552%,82.749939%,77.249146%);fill-opacity:1;" d="M 88.546875 278.753906 L 88.566406 278.753906 C 88.546875 278.6875 88.519531 278.605469 88.484375 278.523438 C 88.523438 278.609375 88.523438 278.699219 88.542969 278.753906 Z M 325.417969 324.558594 L 278.003906 345.523438 L 88.523438 278.753906 C 92.136719 292.640625 100.15625 308.246094 108.773438 316.761719 L 170.585938 378.199219 L 308.128906 378.371094 L 325.359375 324.558594 Z M 325.417969 324.558594 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,45.878601%,78.819275%);fill-opacity:1;" d="M 86.8125 85.449219 L 13.132812 196.605469 C 7.015625 203.132812 10.066406 216.601562 19.914062 226.523438 L 62.445312 269.359375 L 89.183594 278.773438 C 88.027344 274.335938 87.296875 270.109375 87.1875 266.238281 L 86.898438 258.175781 L 86.8125 85.460938 Z M 86.8125 85.449219 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,45.878601%,78.819275%);fill-opacity:1;" d="M 279.613281 87.671875 C 275.160156 86.546875 270.890625 85.835938 267.046875 85.726562 L 258.5 85.414062 L 86.164062 85.457031 L 325.5 324.492188 L 346.523438 277.132812 L 279.625 87.683594 Z M 279.613281 87.671875 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,65.879822%,88.238525%);fill-opacity:1;" d="M 279.390625 87.632812 C 279.46875 87.660156 279.546875 87.679688 279.613281 87.691406 L 279.613281 87.667969 C 279.535156 87.648438 279.46875 87.648438 279.390625 87.621094 Z M 317.640625 107.953125 C 308.9375 99.203125 293.527344 91.203125 279.613281 87.691406 L 346.511719 277.121094 L 325.464844 324.484375 L 376.820312 308.089844 L 376.9375 167.4375 L 317.632812 107.945312 Z M 317.640625 107.953125 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(0%,76.858521%,70.199585%);fill-opacity:1;" d="M 270.234375 61.132812 L 227.445312 18.625 C 217.464844 8.820312 203.980469 5.761719 197.503906 11.859375 L 86.234375 85.445312 L 258.570312 85.402344 L 267.117188 85.714844 C 270.960938 85.832031 275.234375 86.535156 279.679688 87.660156 L 270.246094 61.121094 Z M 270.234375 61.132812 "/>
+</g>
+</svg>
diff --git a/index.html b/index.html
index fe728c9..d6fcab2 100644
--- a/index.html
+++ b/index.html
@@ -1,42 +1,179 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en" dir="ltr">
   <head>
-    <meta charset="utf-8">
-    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Roboto:300" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="css/style.css">
-    <link rel="icon" href="./images/favicon.png" type="image/x-icon">
+    <meta charset="utf-8" />
+
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Montserrat:400,700,900|Roboto:300"
+      rel="stylesheet"
+    />
+    <link rel="stylesheet" type="text/css" href="css/style.css" />
+    <link rel="icon" href="./images/favicon.png" type="image/x-icon" />
     <title>The Algorithms</title>
   </head>
   <body>
     <div class="container">
       <header>
         <h1 class="name">The Algorithms</h1>
-        <a class="github" href="https://github.com/TheAlgorithms" target="_blank">
-          <svg width="30" height="30" viewBox="0 0 16 16" version="1.1"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
+        <a
+          class="github"
+          href="https://github.com/TheAlgorithms"
+          target="_blank"
+        >
+          <svg width="30" height="30" viewBox="0 0 16 16" version="1.1">
+            <path
+              fill-rule="evenodd"
+              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+            ></path>
+          </svg>
         </a>
       </header>
       <main>
         <div class="intro">
-          <p>We are an <a href="http://en.wikipedia.org/wiki/Open-source_software" target="_blank">open source</a> community established to help people find all the algorithms and data structures for every popular language at a single place.</p>
+          <p>
+            We are an
+            <a
+              href="http://en.wikipedia.org/wiki/Open-source_software"
+              target="_blank"
+              >open source</a
+            >
+            community established to help people find all the algorithms and
+            data structures for every popular language at a single place.
+          </p>
         </div>
-        <p>Explore Algorithms Implementation in the following Programming Languages</p>
+        <p>
+          Explore Algorithms Implementation in the following Programming
+          Languages
+        </p>
         <div class="grid">
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/C-Plus-Plus"><img src="./images/svg/cpp-lang.svg" height="50px" alt="C-Plus-Plus Logo"/><br><span class="language-name">C++</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/C"><img src="./images/svg/c-lang.svg" height="50px" alt="C Logo"/><br><span class="language-name">C</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Python"><img src="./images/svg/python.svg" height="50px" alt="Python Logo"/><br><span class="language-name">Python</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Java"><img src="./images/svg/java.svg" height="50px" alt="Java Logo"/><br><span class="language-name">Java</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Scala"><img src="./images/svg/scala.svg" height="50px" alt="Scala Logo"/><br><span class="language-name">Scala</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/C-Sharp"><img src="./images/svg/c-sharp-lang.svg" height="50px" alt="C-Sharp Logo"/><br><span class="language-name">C#</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Rust"><img src="./images/svg/rust.svg" height="50px" alt="Rust Logo"/><br><span class="language-name">Rust</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Javascript"><img src="./images/svg/javascript.svg" height="50px" alt="JavaScript Logo"/><br><span class="language-name">JavaScript</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Go"><img src="./images/svg/golang.svg" height="50px" alt="Go Logo"/><br><span class="language-name">Go</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/R"><img src="./images/svg/r-lang.svg" height="50px" alt="R Logo"/><br><span class="language-name">R</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Ruby"><img src="./images/svg/ruby.svg" height="50px" alt="Ruby Logo"/><br><span class="language-name">Ruby</span></a></div>
-          <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/MATLAB-Octave"><img src="./images/svg/matlab.png" height="50px" alt="MATLAB/Octave Logo"/><br><span class="language-name">MATLAB/<br>Octave</span></a></div>
-		  <div class="grid-item"><a target="_blank" href="https://github.com/TheAlgorithms/Dart"><img src="./images/svg/dart.png" height="50px" alt="Dart Logo"/><br><span class="language-name">Dart</span></a></div>
+          <div class="grid-item">
+            <a
+              target="_blank"
+              href="https://github.com/TheAlgorithms/C-Plus-Plus"
+              ><img
+                src="./images/svg/cpp-lang.svg"
+                height="50px"
+                alt="C-Plus-Plus Logo"
+              /><br /><span class="language-name">C++</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/C"
+              ><img
+                src="./images/svg/c-lang.svg"
+                height="50px"
+                alt="C Logo"
+              /><br /><span class="language-name">C</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Python"
+              ><img
+                src="./images/svg/python.svg"
+                height="50px"
+                alt="Python Logo"
+              /><br /><span class="language-name">Python</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Java"
+              ><img
+                src="./images/svg/java.svg"
+                height="50px"
+                alt="Java Logo"
+              /><br /><span class="language-name">Java</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Scala"
+              ><img
+                src="./images/svg/scala.svg"
+                height="50px"
+                alt="Scala Logo"
+              /><br /><span class="language-name">Scala</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/C-Sharp"
+              ><img
+                src="./images/svg/c-sharp-lang.svg"
+                height="50px"
+                alt="C-Sharp Logo"
+              /><br /><span class="language-name">C#</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Rust"
+              ><img
+                src="./images/svg/rust.svg"
+                height="50px"
+                alt="Rust Logo"
+              /><br /><span class="language-name">Rust</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a
+              target="_blank"
+              href="https://github.com/TheAlgorithms/Javascript"
+              ><img
+                src="./images/svg/javascript.svg"
+                height="50px"
+                alt="JavaScript Logo"
+              /><br /><span class="language-name">JavaScript</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Go"
+              ><img
+                src="./images/svg/golang.svg"
+                height="50px"
+                alt="Go Logo"
+              /><br /><span class="language-name">Go</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/R"
+              ><img
+                src="./images/svg/r-lang.svg"
+                height="50px"
+                alt="R Logo"
+              /><br /><span class="language-name">R</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Ruby"
+              ><img
+                src="./images/svg/ruby.svg"
+                height="50px"
+                alt="Ruby Logo"
+              /><br /><span class="language-name">Ruby</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a
+              target="_blank"
+              href="https://github.com/TheAlgorithms/MATLAB-Octave"
+              ><img
+                src="./images/svg/matlab.png"
+                height="50px"
+                alt="MATLAB/Octave Logo"
+              /><br /><span class="language-name">MATLAB/<br />Octave</span></a
+            >
+          </div>
+          <div class="grid-item">
+            <a target="_blank" href="https://github.com/TheAlgorithms/Dart"
+              ><img
+                src="./images/svg/dart.svg"
+                height="50px"
+                alt="Dart Logo"
+              /><br /><span class="language-name">Dart</span></a
+            >
+          </div>
         </div>
       </main>
-      
     </div>
   </body>
+  <footer class="footer">Made with lots of ❤️ and some cup of ☕</footer>
 </html>