Add files via upload

DragonOsman · Mar 1, 2019 · 02f9792 · 02f9792
1 parent b564204
commit 02f9792
Show file tree

Hide file tree

Showing 42 changed files with 10,256 additions and 0 deletions.
diff --git a/about.html b/about.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="android-chrome-192x192.png"
+    />
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
+    <link rel="manifest" href="site.webmanifest" />
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="msapplication-TileImage" content="mstile-144x144.png" />
+    <meta name="theme-color" content="#ffffff" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="author" content="Osman Zakir" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>About Me</title>
+    <link rel="stylesheet" href="css/main.css" />
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
+      integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body>
+    <header>
+      <div class="menu-btn">
+        <div class="btn-line"></div>
+        <div class="btn-line"></div>
+        <div class="btn-line"></div>
+      </div>
+
+      <nav class="menu">
+        <div class="menu-branding"><div class="portrait"></div></div>
+        <ul class="menu-nav">
+          <li class="nav-item">
+            <a href="index.html" class="nav-link">Home</a>
+          </li>
+          <li class="nav-item current">
+            <a href="about.html" class="nav-link">About Me</a>
+          </li>
+          <li class="nav-item">
+            <a href="work.html" class="nav-link">My Work</a>
+          </li>
+          <li class="nav-item">
+            <a href="contact.html" class="nav-link">How To Reach Me</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main id="about">
+      <h1 class="lg-heading">About <span class="text-secondary">Me</span></h1>
+      <h2 class="sm-heading">Let me tell you a few things...</h2>
+      <div class="about-info">
+        <img src="img/me.jpg" alt="Osman Zakir" class="bio-image" />
+
+        <div class="bio">
+          <h3 class="text-secondary">BIO</h3>
+          <p>
+            My name Osman Zakir. My name in most forums is DragonOsman. I am a
+            desktop and web application developer (learning, but also wanting to
+            find work). I was born in Saudi Arabia and am currently living in
+            Karachi, Pakistan. I have some experience writing articles and can
+            also do blogging or content-writing for websites. But I mainly want
+            to be an application developer. I have taken an online course on
+            computer science on edx.org, called Introduction to Computer Science
+            (offered by Harvard University). And I am also reading a book on
+            C++,
+            <i>Programming: Principles and Practice Using C++ 2nd Edition</i> by
+            Bjarne Stroustrup, creator of the C++ programming language. I have
+            also taken HTML and CSS tutorials on
+            <a href="https://www.w3schools.com" target="_blank">w3schools.com</a
+            >. I am learning more about JavaScript at
+            <a href="https://eloquentjavascript.net" target="_blank"
+              >Eloquent JavaScript</a
+            >. I also plan to learn Node.js there. I created this portfolio
+            website while following the
+            <a
+              href="https://www.youtube.com/watch?v=gYzHS-n2gqU&list=PLillGF-RfqbYoGoCjKoMOkVznV6aSXKzU&index=1"
+              target="_blank"
+              >Responsive Portfolio Website tutorial video series</a
+            >
+            on Youtube.
+          </p>
+        </div>
+      </div>
+    </main>
+
+    <footer id="main-footer">Copyright &copy; 2019</footer>
+
+    <script src="js/main.js"></script>
+  </body>
+</html>
diff --git a/android-chrome-144x144.png b/android-chrome-144x144.png
diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png
diff --git a/android-chrome-256x256.png b/android-chrome-256x256.png
diff --git a/android-chrome-48x48.png b/android-chrome-48x48.png
diff --git a/android-chrome-72x72.png b/android-chrome-72x72.png
diff --git a/android-chrome-96x96.png b/android-chrome-96x96.png
diff --git a/apple-touch-icon-120x120-precomposed.png b/apple-touch-icon-120x120-precomposed.png
diff --git a/apple-touch-icon-120x120.png b/apple-touch-icon-120x120.png
diff --git a/apple-touch-icon-152x152-precomposed.png b/apple-touch-icon-152x152-precomposed.png
diff --git a/apple-touch-icon-152x152.png b/apple-touch-icon-152x152.png
diff --git a/apple-touch-icon-180x180-precomposed.png b/apple-touch-icon-180x180-precomposed.png
diff --git a/apple-touch-icon-180x180.png b/apple-touch-icon-180x180.png
diff --git a/apple-touch-icon-60x60-precomposed.png b/apple-touch-icon-60x60-precomposed.png
diff --git a/apple-touch-icon-60x60.png b/apple-touch-icon-60x60.png
diff --git a/apple-touch-icon-76x76-precomposed.png b/apple-touch-icon-76x76-precomposed.png
diff --git a/apple-touch-icon-76x76.png b/apple-touch-icon-76x76.png
diff --git a/apple-touch-icon-precomposed.png b/apple-touch-icon-precomposed.png
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/contact.html b/contact.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  <head>
+    <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="android-chrome-192x192.png"
+    />
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
+    <link rel="manifest" href="site.webmanifest" />
+    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="msapplication-TileImage" content="mstile-144x144.png" />
+    <meta name="theme-color" content="#ffffff" />
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="author" content="Osman Zakir" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Contact Me</title>
+    <link rel="stylesheet" href="css/main.css" />
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
+      integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
+      crossorigin="anonymous"
+    />
+  </head>
+  <body>
+    <header>
+      <div class="menu-btn">
+        <div class="btn-line"></div>
+        <div class="btn-line"></div>
+        <div class="btn-line"></div>
+      </div>
+
+      <nav class="menu">
+        <div class="menu-branding"><div class="portrait"></div></div>
+        <ul class="menu-nav">
+          <li class="nav-item">
+            <a href="index.html" class="nav-link">Home</a>
+          </li>
+          <li class="nav-item">
+            <a href="about.html" class="nav-link">About Me</a>
+          </li>
+          <li class="nav-item">
+            <a href="work.html" class="nav-link">My Work</a>
+          </li>
+          <li class="nav-item current">
+            <a href="contact.html" class="nav-link">How To Reach Me</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+    <main id="contact">
+      <h1 class="lg-heading">Contact <span class="text-secondary">Me</span></h1>
+      <h2 class="sm-heading">This is how you can reach me...</h2>
+      <div class="contact-info">
+        <div class="info">
+          <span class="text-secondary">Email:</span> osmanzakir90@hotmail.com
+        </div>
+        <div class="info">
+          <span class="text-secondary">Phone:</span> (0331) 227-7596 (cellphone
+          number in Karachi, Pakistan)
+        </div>
+        <div class="info">
+          <span class="text-secondary">Address:</span> Nazimabad 4B B12/1,
+          Karachi, Pakistan
+        </div>
+      </div>
+    </main>
+
+    <footer id="main-footer">Copyright &copy; 2019</footer>
+
+    <script src="js/main.js"></script>
+  </body>
+</html>