From f43aaf7ab5c36f7d72e0acbca2f8993748a55928 Mon Sep 17 00:00:00 2001
From: Shadman Waris <shadin4u@gmail.com>
Date: Tue, 30 Oct 2018 00:20:02 +0530
Subject: [PATCH] Added Footer

---
 index.html | 161 +++++++++++++++++++++++++++++------------------------
 1 file changed, 88 insertions(+), 73 deletions(-)

diff --git a/index.html b/index.html
index fb71ff1..43398ee 100644
--- a/index.html
+++ b/index.html
@@ -43,8 +43,8 @@
               </a>
             </div>
             <div class="navbar-end has-text-justified has-text-weight-normal">
-              <a href="/"  class="navbar-item">Home</a>
-              <a href="#about"  class="navbar-item">About</a>
+              <a href="/" class="navbar-item">Home</a>
+              <a href="#about" class="navbar-item">About</a>
               <a href="https://pengoox.pythonanywhere.com" class="navbar-item" target="_blank">Blog</a>
             </div>
           </div>
@@ -54,83 +54,98 @@
 
     <!-- Hero content: will be in the middle -->
     <div class="hero-body" id="home">
-        <div class="container has-text-centered">
-            <h1 id="animated-title" class="title is-1 animated pulse" style="font-size:3em;">
-              Hi, I am Amaan.
-            </h1>
-            <h2 class="subtitle">
-              I am a blogger, programmer and designer.
-            </h2>
-            </div>
+      <div class="container has-text-centered">
+        <h1 id="animated-title" class="title is-1 animated pulse" style="font-size:3em;">
+          Hi, I am Amaan.
+        </h1>
+        <h2 class="subtitle">
+          I am a blogger, programmer and designer.
+        </h2>
+      </div>
     </div>
   </section>
-    <div class="hero is-white">
-      <br>
-      <br>
-      <br>
-      <br>
-        <div class="container has-text-centered">
-            <div class="tile is-parent">
-              <div class="tile is-child is-primary box ">
-                <div class="title" id="about">You found it!</div>  
-                  <p style="margin:0 auto;max-width:800px">I started to learn programming right after my high school, and that was one of the 
-                  best decision I took . Right now, I have launched two start-ups and I enjoy most of my
-                  time writing code. ~<i>Liar</i>
-                  </p>
-                  <hr><figure class="image is-64x64 is-centered">
-                      <img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg" style="margin:0 auto;max-width:480px">
-                    </figure><hr>
-                  <div class="columns ">
-                      <div class="column">
-                        <div class="title">Languages</div>
-                        <ul>
-                          <li><img src="https://png.icons8.com/color/48/f1c40f/python.png"></li>
-                          <li><img src="https://png.icons8.com/color/40/f1c40f/source-code.png"></li>
-                          <li><img src="https://png.icons8.com/color/40/f1c40f/c-plus-plus-logo.png">, <img src="https://png.icons8.com/color/40/f1c40f/c-programming.png"></li>
-                          <li><img src="https://png.icons8.com/ios/40/f1c40f/javascript.png"></li>
-                        </ul>
-                      </div>
-                      <div class="column">
-                        <div class="title">Frameworks</div>
-                        <ul>
-                          <li>Django</li>
-                          <li>Flask</li>
-                          <li>Vue</li>                                        
-                        </ul>
-                      </div>   
-                      <div class="column">
-                          <div class="title">Tools</div>
-                          <ul>
-                          <li><img src="https://png.icons8.com/windows/40/000000/github.png"></li>
-                          <li>Vscode</li>
-                          <li><img src="https://png.icons8.com/color/40/f1c40f/adobe-illustrator.png"></li>
-                          </ul>
-                        </div>
-                      </div>
-                      <hr>
-                      <div class="title">Recent Works</div>
-                        <div class="columns">
-                          <div class="column">
-                            <div class="tile notification is-primary">
-                                <figure class="image">
-                                    <img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
-                                  </figure>
-                            Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi deleniti est blanditiis eligendi vel inventore eum quos accusamus error eveniet?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Perspiciatis doloribus voluptatum nihil deserunt incidunt est dolorem reiciendis harum ullam amet?</div>
-                          </div>
-                          <div class="column">
-                              <div class="tile notification is-warning">
-                                  <figure class="image">
-                                      <img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
-                                    </figure>
-                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ea est facere, perspiciatis aliquid dolor corporis sint consequuntur non accusantium!Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum quibusdam quisquam officia amet libero aliquam alias a cupiditate atque praesentium!</div>
-                            </div>
-                        </div>   
-                  </div>
+  <div class="hero is-white">
+    <br>
+    <br>
+    <br>
+    <br>
+    <div class="container has-text-centered">
+      <div class="tile is-parent">
+        <div class="tile is-child is-primary box ">
+          <div class="title" id="about">You found it!</div>
+          <p style="margin:0 auto;max-width:800px">I started to learn programming right after my high school, and that
+            was one of the
+            best decision I took . Right now, I have launched two start-ups and I enjoy most of my
+            time writing code. ~<i>Liar</i>
+          </p>
+          <hr>
+          <figure class="image is-64x64 is-centered">
+            <img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg" style="margin:0 auto;max-width:480px">
+          </figure>
+          <hr>
+          <div class="columns ">
+            <div class="column">
+              <div class="title">Languages</div>
+              <ul>
+                <li><img src="https://png.icons8.com/color/48/f1c40f/python.png"></li>
+                <li><img src="https://png.icons8.com/color/40/f1c40f/source-code.png"></li>
+                <li><img src="https://png.icons8.com/color/40/f1c40f/c-plus-plus-logo.png">, <img src="https://png.icons8.com/color/40/f1c40f/c-programming.png"></li>
+                <li><img src="https://png.icons8.com/ios/40/f1c40f/javascript.png"></li>
+              </ul>
+            </div>
+            <div class="column">
+              <div class="title">Frameworks</div>
+              <ul>
+                <li>Django</li>
+                <li>Flask</li>
+                <li>Vue</li>
+              </ul>
+            </div>
+            <div class="column">
+              <div class="title">Tools</div>
+              <ul>
+                <li><img src="https://png.icons8.com/windows/40/000000/github.png"></li>
+                <li>Vscode</li>
+                <li><img src="https://png.icons8.com/color/40/f1c40f/adobe-illustrator.png"></li>
+              </ul>
+            </div>
+          </div>
+          <hr>
+          <div class="title">Recent Works</div>
+          <div class="columns">
+            <div class="column">
+              <div class="tile notification is-primary">
+                <figure class="image">
+                  <img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
+                </figure>
+                Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi deleniti est blanditiis eligendi vel
+                inventore eum quos accusamus error eveniet?Lorem ipsum dolor sit, amet consectetur adipisicing elit.
+                Perspiciatis doloribus voluptatum nihil deserunt incidunt est dolorem reiciendis harum ullam amet?
               </div>
             </div>
+            <div class="column">
+              <div class="tile notification is-warning">
+                <figure class="image">
+                  <img src="https://pengoox.pythonanywhere.com/static/img/A-logo.svg">
+                </figure>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis ea est facere, perspiciatis aliquid
+                dolor corporis sint consequuntur non accusantium!Lorem ipsum dolor sit amet consectetur adipisicing
+                elit. Laborum quibusdam quisquam officia amet libero aliquam alias a cupiditate atque praesentium!
+              </div>
+            </div>
+          </div>
         </div>
+      </div>
+    </div>
+  </div>
+  <footer class="footer">
+    <div class="content has-text-centered">
+      <p>
+        <strong>Powered</strong> by <a href="https://bulma.io">Bulma</a>.
+      </p>
     </div>
+  </footer>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file