Issue #94 resolved, footer design is consistent with index page

Author: nishihere19

404.html

@@ -92,7 +92,7 @@
           <h3><b>Error: 404</b></h3>
           <p>Sorry, the page you are looking for does not exist. You can look for it on the <a href="/">homepage</a>.</p>
         </div>
-        
+        <!--
         <footer class="mdl-mini-footer">
           <div class="nwoc-footer">
             <div class="mdl-mini-footer__left-section">
@@ -106,7 +106,69 @@ <h3><b>Error: 404</b></h3>
             </div>
           </div>
         </footer>
+        -->
+        <footer>
+          <svg viewBox="0 0 120 28">
+            <defs>
+              <filter id="goo">
+                <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur" />
+                <feColorMatrix in="blur" mode="matrix" values="
+                         1 0 0 0 0  
+                         0 1 0 0 0  
+                         0 0 1 0 0  
+                         0 0 0 13 -9" result="goo" />
+                <xfeBlend in="SourceGraphic" in2="goo" />
+              </filter>
+              <path id="wave"
+                d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
+            </defs>
+  
+            <use id="wave3" class="wave" xlink:href="#wave" x="0" y="-2"></use>
+            <use id="wave2" class="wave" xlink:href="#wave" x="0" y="0"></use>
+  
+  
+            <g class="gooeff" filter="url(#goo)">
+              <circle class="drop drop1" cx="20" cy="2" r="8.8" />
+              <circle class="drop drop2" cx="25" cy="2.5" r="7.5" />
+              <circle class="drop drop3" cx="16" cy="2.8" r="9.2" />
+              <circle class="drop drop4" cx="18" cy="2" r="8.8" />
+              <circle class="drop drop5" cx="22" cy="2.5" r="7.5" />
+              <circle class="drop drop6" cx="26" cy="2.8" r="9.2" />
+              <circle class="drop drop1" cx="5" cy="4.4" r="8.8" />
+              <circle class="drop drop2" cx="5" cy="4.1" r="7.5" />
+              <circle class="drop drop3" cx="8" cy="3.8" r="9.2" />
+              <circle class="drop drop4" cx="3" cy="4.4" r="8.8" />
+              <circle class="drop drop5" cx="7" cy="4.1" r="7.5" />
+              <circle class="drop drop6" cx="10" cy="4.3" r="9.2" />
+  
+              <circle class="drop drop1" cx="1.2" cy="5.4" r="8.8" />
+              <circle class="drop drop2" cx="5.2" cy="5.1" r="7.5" />
+              <circle class="drop drop3" cx="10.2" cy="5.3" r="9.2" />
+              <circle class="drop drop4" cx="3.2" cy="5.4" r="8.8" />
+              <circle class="drop drop5" cx="14.2" cy="5.1" r="7.5" />
+              <circle class="drop drop6" cx="17.2" cy="4.8" r="9.2" />
+              <use id="wave1" class="wave" xlink:href="#wave" x="0" y="1" />
+            </g>
+            <!-- g mask="url(#xxx)">
+                  <path   id="wave1"  class="wave" d="M 0,10 C 30,10 30,15 60,15 90,15 90,10 120,10 150,10 150,15 180,15 210,15 210,10 240,10 v 28 h -240 z" />
+                  </g>
+                </g -->
+  
+          </svg>
+          <div class="footer-text2">
+            <div>
+              © NJACK, IIT Patna 2020
+              <ul class="footer-contact">
+                <li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
+                <li><a href="mailto:[email protected]?subject=[NWoC]" target="_blank">[email protected]</a></li>
+                <li><a href="https://www.facebook.com/njack.iitp/" target="_blank">Facebook</a></li>
+                <li><a href="https://twitter.com/njackiitp" target="_blank">Twitter</a></li>
+                <li><a href="https://github.com/Njack-IITP/" target="_blank">GitHub</a></li>
+              </ul>
+            </div>
+          </div>
 
+        </footer>
       </main>
     </div>
   </body>