Portfolio showcase my skills in web technologies, It consist of all projects i have built and skills i am comfortable working with.
- HTML5
- CSS3(Sass/Scss) [Flex] [Grid]
- JavaScript(ES6)
LIVE DEMO LINK OR LIVE DEMO LINK
- Mobile first design approach
- Highlight some of my awesome projects
- Display my skill in css animation
- Include my backgorund in tech and my contacts
- Use Sass
- Use industry-standard tools (flexbox & grid) to place elements in the page.
- Ability to create UIs adaptable to different screen sizes using mediaqueries.
- Apply front-end best practices.
- Ability to create UIs adjusted to given designs.
These instructions will get you a copy of the project up and running on your local machine.
From your command line, first clone the project:
# Clone this repository
$ git clone https://github.com/Haroonabdulrazaq/Portfolio.git
# Go into the repository
$ cd Portfolio
- Open in your favorite Editor
Index | Links | Use |
---|---|---|
1 | HTML Validator | To check HTML errors |
2 | Stylelint | Linter to check css errors and enforce convention |
3 | Eslint | Linter to check javaScript errors and enforce convention |
4 | TinyPNG | To optimize image size |
5 | Yandex Metrica | For site analytics |
6 | Google Mobile-Friendly Test | To check mobile friendliness |
7 | Dead link checker | To check for Deadlinks |
This project is deploy to Netlify
👤 Haroon Abdulrazaq
- Github: @githubhandle
- Twitter: @twitterhandle
- Linkedin: linkedin
Give a ⭐️ if you like this project!
- I appreciate Jonas SCHMEDTMAN for the animation techniques
- Microverse Student Figma Design
- Picture by Iconfinder & NicePng
This project is MIT licensed.