forked from nisarhassan12/portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add HTML comments on how to edit the contents.
- Loading branch information
1 parent
64fb6ea
commit 1ab3ccc
Showing
1 changed file
with
45 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,40 @@ | ||
| <!-- | ||
| Hello 😊. | ||
| This template is designed and developed by Nisar Hassan Naqvi | ||
| for anyone to use for free or customize the way they want. | ||
| Github Repo: https://github.com/nisarhassan12/portfolio-template/ | ||
| My Website: https://nisar.dev | ||
| For business & inquires, contact me => [email protected] | ||
| --> | ||
|
|
||
| <!-- | ||
| Follow the instructions written in comments to create your stunning portfolio | ||
| --> | ||
|
|
||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link rel="shortcut icon" type="image/png" href="./images/favicon.png" /> | ||
|
|
||
| <!-- Put your site title here --> | ||
| <title> | ||
| Syed Ali Hussnain | A Web Developer based in Lahore, Pakistan. | ||
| </title> | ||
| <link rel="shortcut icon" type="image/png" href="./images/favicon.png" /> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
|
|
||
| <meta name="description" content="Add small description of yourslef."> | ||
| <!-- Add some coding keywords below, Ex: (React, CSS etc) --> | ||
| <meta name="keywords" content="Put your name, skills and some coding keywords" /> | ||
| <link rel="stylesheet" href="index.css" /> | ||
| </head> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!-- Header --> | ||
|
|
||
| <!-- ***** Header ***** --> | ||
|
|
||
| <header class="header" role="banner" id="top"> | ||
| <div class="row"> | ||
|
|
@@ -30,21 +54,27 @@ | |
| <div class="header__text-box row"> | ||
| <div class="header__text"> | ||
| <h1 class="heading-primary"> | ||
| <!-- Put your Name here --> | ||
| <span> Syed Ali Hussnain</span> | ||
| </h1> | ||
| <!-- Put a small paragraph about yourself --> | ||
| <p>A Web Developer based in Lahore, Pakistan.</p> | ||
| <a href="#contact" class="btn btn--pink">Get in touch</a> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main role="main"> | ||
|
|
||
| <!-- ***** Work ***** --> | ||
|
|
||
| <section class="work" id="work"> | ||
| <div class="row"> | ||
| <h2>My Work</h2> | ||
| <div class="work__boxes"> | ||
|
|
||
| <!-- Each div with the work__box class is a project. --> | ||
|
|
||
| <div class="work__box"> | ||
| <div class="work__text"> | ||
| <h3>Portfolio Template</h3> | ||
|
|
@@ -134,6 +164,7 @@ <h3>Notificator</h3> | |
| <div class="row"> | ||
| <h2>Clients</h2> | ||
| <div class="client__logos"> | ||
| <!-- Add logos of the clients or companies you'have worked with. --> | ||
| <img | ||
| src="./images/ronjones.png" | ||
| class="client__logo" | ||
|
|
@@ -175,6 +206,7 @@ <h2>Clients</h2> | |
| <h2>About Me</h2> | ||
| <div class="about__content"> | ||
| <div class="about__text"> | ||
| <!-- Replace the below paragraph with info about yourself --> | ||
| <p> | ||
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos id | ||
| nostrum illo harum blanditiis, tenetur eum suscipit cupiditate | ||
|
|
@@ -184,10 +216,12 @@ <h2>About Me</h2> | |
| temporibus quos cupiditate id deleniti, illo labore iure optio | ||
| ex, consequuntur fugit quia. | ||
| </p> | ||
| <!-- Provide a link to your resume --> | ||
| <a href="#" class="btn">My Resume</a> | ||
| </div> | ||
|
|
||
| <div class="about__photo-container"> | ||
| <!-- Add a nice photo of yourself --> | ||
| <img | ||
| class="about__photo" | ||
| src="./images/syed-ali-hussnain.jpg" | ||
|
|
@@ -213,6 +247,7 @@ <h2>Get in Touch</h2> | |
| will do my best to respond back. 😊 The quickest way to reach out to | ||
| me is via an email. | ||
| </p> | ||
| <!-- Replace the email with yours --> | ||
| <a href="mailto:[email protected]" class="btn">[email protected]</a> | ||
| </div> | ||
| </div> | ||
|
|
@@ -222,21 +257,24 @@ <h2>Get in Touch</h2> | |
|
|
||
| <footer role="contentinfo" class="footer"> | ||
| <div class="row"> | ||
| <!-- Update the links to point to your accounts --> | ||
| <ul class="footer__social-links"> | ||
| <li class="footer__social-link-item"><a href="https://twitter.com/nisarhassan12/"><img src="./images/twitter.svg" class="footer__social-image" alt="Twitter"></a></li> | ||
| <li class="footer__social-link-item"><a href="https://github.com/nisarhassan12/"><img src="./images/github.svg" class="footer__social-image" alt="Github"></a></li> | ||
| <li class="footer__social-link-item"><a href="https://codepen.io/nisar_hassan"><img src="./images/codepen.svg" class="footer__social-image" alt="Codepen"></a></li> | ||
| <li class="footer__social-link-item"><a href=https://www.linkedin.com/in/nisar-hassan-naqvi-413466199/""><img src="./images/linkedin.svg" class="footer__social-image" alt="Linkedin"></a></li> | ||
| </ul> | ||
|
|
||
| <!-- If you give me some credit by keeping the below paragraph, will be huge for me 😊 Thanks. --> | ||
| <p> | ||
| © 2020 - Template designed & developed by <a href="https://nisar.dev">Nisar</a>. | ||
| </p> | ||
| <div class="footer__github-buttons"> | ||
| <iframe | ||
| src="https://ghbtns.com/github-btn.html?user=nisarhassan12&repo=porfolio-template&type=watch&count=true" | ||
| src="https://ghbtns.com/github-btn.html?user=nisarhassan12&repo=portfolio-template&type=watch&count=true" | ||
| frameborder="0" scrolling="0" width="170" height="20" title="Watch Portfolio Template on GitHub"> | ||
| </iframe> | ||
| <!-- <iframe title="Github Fork Count" class="header__github-button" src="https://ghbtns.com/github-btn.html?user=nisarhassan12&repo=porfolio-template&type=fork&count=true" scrolling="0" frameborder="0" title="Fork Portfolio Template on GitHub"></iframe> --> | ||
| <!-- <iframe title="Github Fork Count" class="header__github-button" src="https://ghbtns.com/github-btn.html?user=nisarhassan12&repo=portfolio-template&type=fork&count=true" scrolling="0" frameborder="0" title="Fork Portfolio Template on GitHub"></iframe> --> | ||
| </div> | ||
| </div> | ||
| </footer> | ||
|
|
||