Update index.html

Author: dindinG41TR3

index.html

@@ -44,7 +44,7 @@ <h1 id="homeHeading"></h1>
             </div>
         </div>
     </header>
-    <aside class="bg-dark" id="download">
+    <aside class="bg-dark" id="about">
         <div class="container text-center">
             <div class="call-to-action">
             <h2> About of this live operating system?</h2>
@@ -109,31 +109,62 @@ <h2>Create bootable devices and ready for action!</h2>
         </div>
     </aside>
     <section id="contact">
-        <div class="container">
-            <div class="row">
-                <div class="col-lg-8 col-lg-offset-2 text-center">
-                    <h2 class="section-heading">Interested to develop? Join now</h2>
-                    <p>We are open to anyone interested in developing this linux distro.<br> 
-                    <a href="https://www.facebook.com/dindinG41TR3/">Contact and join now!</a></p>
+     <div class="container">
+        <div class="row">
+            <div class="col-lg-8 col-lg-offset-2 text-center">
+                <h2 class="section-heading">Interested to develop? Join now</h2>
+                <p>We are open to anyone interested in developing this linux distro.<br> 
+                <a href="https://www.facebook.com/dindinG41TR3/">Contact and join now!</a></p>
             </div>
         </div>
-    </div>
+     </div>
     </section>
-<footer class="footer">
-      <div class="container">
-        <p class="text-footer">Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.
-        getFullYear());</script> &#60;&#60;Hack|Track GNU/Linux.</p>
+<link href="https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet">
+<!--footer start from here-->
+<footer>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-4 col-sm-6 footerleft ">
+                  <h6 class="heading7">About us</h6>
+        <p>&#60;&#60;Hack|Track GNU/Linux is an open source operating system founder Dindin Hernawan from Indonesia that provides penetration testing. The pentest tool is generated from the source code and then compiles it.</p>
+        <div class="logofooter" id="contact"><img src="/img/logo.png"></div>
+      </div>
+      <div class="col-md-2 col-sm-6 paddingtop-bottom">
+        <h6 class="heading7">Contribution</h6>
+        <ul class="footer-ul">
+          <li><a href="#"> Become a Media Partner</a></li>
+          <li><a href="#"> Joined The Project</a></li>
+          <li><a href="#"> Become Our Sponsor</a></li>
+          <li><a href="#"> Into Our Donation</a></li>
+          <li><a href="#"> Write a Review</a></li>
+          <li><a href="#"> Report Bugs</a></li>
+        </ul>
       </div>
+      <div class="col-md-3 col-sm-6 paddingtop-bottom">
+        <h6 class="heading7">News</h6>
+        <div class="post">
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<span>June 12,2017</span></p>
+          <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<span>June 11,2017</span></p>
+          <p> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<span>June 9,2017</span></p>
+        </div>
+      </div>
+      <div class="col-md-3 col-sm-6 paddingtop-bottom">
+        <h6 class="heading7">Community</h6>
+         <div>
+           <a class="fa fa-3x fa-github" href="https://github.com/hacktracklinux/" >  </a>
+            <a class="fa fa-3x fa-facebook" href="https://web.facebook.com/groups/hacktracklinux" > </a><br><br>
+         </div>
+        </div>
+      </div>
+    </div>
 </footer>
-    <!-- jQuery -->
-    <script src="vendor/jquery/jquery.min.js"></script>
-    <!-- Bootstrap Core JavaScript -->
-    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
-    <!-- Plugin JavaScript -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
-    <script src="vendor/scrollreveal/scrollreveal.min.js"></script>
-    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
-    <!-- Theme JavaScript -->
-    <script src="js/creative.min.js"></script>
-</body>
+<!--footer start from here-->
+<div class="copyright">
+  <div class="container">
+    <div class="col-md-6">
+      <p class="cptext">Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.
+        getFullYear());</script> &#60;&#60;Hack|Track GNU/Linux.</p>
+    </div>
+  </div>
+</div>
 </html>