This beautifully minimal and easy to navigate portfolio is a feast for the eyes. A combination of minimal design together with vibrant colors creates an atmosphere of creativity, and engages visitors to spend more time on the site.
Designed mobile first version.
Added Navigation and Hero section.
Install Linters.
Add Work section.
Add About Me Section.
Apply grid layout.
Add Contact Us section.
Add form validation.
Add live link.
Add animation.
Add media query for screen equal or wider than 768px.
Add aria roles to non semantic tags.
Add dynamic modal in work section.
Created whole card section dynamically.
Add email validation.
Save data and render data from local storage
- HTML
- CSS
- JS
In order to use the project files, Kindly follow these steps:
- To clone the project select the desired directory in cmd and run: git clone https://github.com/UmerZia/Portfolio.git
- Install node.js, Install NPM linters for HTML/CSS (https://github.com/microverseinc/linters-config/tree/master/html-css).
- For Stylint check run: npx stylelint "**/*.{css,scss}"
- For Webhint check run: npx hint .
- Have basic level knowledge about HTML/CSS
- Have basic level knowledge about linters
- Have basic level knowledge about the working of website
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐ if you like this project!
Inspired by provided figma template by Microverse
Website favicon is designed by Wikimedia Commons
Contributions: Kolapo Precious Akinrinlola , Emmanuel Balikuddembe , Rashid Menhas , shinyenyi
This project is MIT licensed.