ashifkhn · ashifkhn · Oct 6, 2021
diff --git a/about-me.html b/about-me.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>blogs|dE-codEr|</title> 
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1>
+    <nav class="navigation container">
+        <div class="nav-brand">
+            <a href="/index.html" class="de-coder">dE-codEr!</a> 
+        </div>
+        <ul class="lists-non-bullets navpills">
+            <li class="list-item-inline">
+                <a class="link" href="/">Home</a>
+            </li>
+            <li class="list-item-inline">
+                <a class="link" href="/projects.html">Projects</a>
+            </li>
+            <li class="list-item-inline">
+                <a class="link" href="/blogs.html">Blogs</a>
+            </li>
+            <li class="list-item-inline">
+                <a class="link link-active" href="/about-me.html">About Me</a>
+            </li>
+        </ul>
+    </nav>
+</h1>
+    <header class="hero">
+        <h1 class="hero-heading">
+            About  <span class="heading-one ">
+                MySelf:
+            </span>
+        </h1>
+        <img class="hero-image-small" src="/undraw_Hello_re_3evm.svg" alt="">
+    </header>
+
+    <ul> 
+        <section class="section ow">
+        <div class="container container-center">
+
+                <h2 style="text-align: center;"> Hello! My name's Ashif! </h2>
+                <p>I'm a Web-Developer and a tech-geek. My bunker is in Lucknow.I do lot stuff.I code,I cook,I lift and what not. I travel a lot. Solo traveling is my hobby.I click pictures sometimes and for caption I try to write too. 
+                    <p/>
+
+        </div>
+    </section>
+
+</ul>
+    <footer class="footer blog-footer">
+        <div class="footer-header">Social Links: </div>
+        <div  >
+            <ul class="social-links lists-non-bullets">
+                <li class="list-item-inline "> <a class="link" href="https://github.com/ashifkhn"> Github</a></li>
+                <li class="list-item-inline "> <a class="link" href="https://www.linkedin.com/in/ashifkhn/"> LinkedIn</a></li>
+                <li class="list-item-inline "> <a class="link" href="https://www.instagram.com/abeyashif/"> Instagram</a></li>
+                <li class="list-item-inline "> <a class="link" href="https://www.twitter.com/abeyashif/"> Twitter</a></li>
+            </ul>
+        </div>
+
+    </footer>
diff --git a/blogs.html b/blogs.html
@@ -23,6 +23,9 @@ <h1>
             <li class="list-item-inline">
                 <a class="link link-active" href="/blogs.html">Blogs</a>
             </li>
+            <li class="list-item-inline">
+                <a class="link" href="/about-me.html">About Me</a>
+            </li>
         </ul>
     </nav>
 </h1>

diff --git a/index.html b/index.html
@@ -23,6 +23,9 @@ <h1>
             <li class="list-item-inline">
                 <a class="link" href="/blogs.html">Blogs</a>
             </li>
+            <li class="list-item-inline">
+                <a class="link" href="/about-me.html">About Me</a>
+            </li>
         </ul>
     </nav>
     </h1>

diff --git a/projects.html b/projects.html
@@ -23,6 +23,9 @@ <h1>
             <li class="list-item-inline">
                 <a class="link" href="/blogs.html">Blogs</a>
             </li>
+            <li class="list-item-inline">
+                <a class="link" href="/about-me.html">About Me</a>
+            </li>
         </ul>
     </nav>
 </h1>

diff --git a/style.css b/style.css
@@ -69,6 +69,7 @@ hr{
 .list-item-inline{
     display: inline;
     padding: 0 rem 0.5 rem;
+    font-size: 1.2rem;
 }
 .navigation{
     background-color: var(--primary-color);

diff --git a/undraw_Hello_re_3evm.svg b/undraw_Hello_re_3evm.svg