Portfolio
this repository is for creating the Portfolio.
Built With
- HTML
- CSS
- Git
- JavaScript
Getting Started
In this repository I will create my personal Portfolio with some of my projects.
Run it
Use the following steps to run this Portfolio locally:
-
open the terminal
-
get in the directory you want this folder to appear
-
put: git clone [email protected]:Juanse7793/Portfolio.git
-
open the folder with a code editor (VS Code preferred)
-
go to the index.html file and open it with live server
Deployment
For a live demo please click on the following link:
https://juanse7793.github.io/Portfolio/
Authors
- GitHub: @Juanse7793
- Twitter: @Juanse77930
- LinkedIn: Juan Sebastian Sotomayor
🤝
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
Add the toolbar and the header for the personal portfolio.
Toolbar & Header
I tried to make as similar as possible template #3
here I include:
Email Validation
Here I add:
Functionality:
Portfolio Pop-up-detail
Here I implement:
The pop-up functionality is:
Mobile menu
Here I add :
the mobile menu fulfilled these requirements:
Accessibility - Pair Programming
Accessibility
-Page titles- No issues found -Image text alternatives- No issues found -Text headings- No issues found -Color contrast- Changes were made in order to get a 100% of accessibility (e.g.
https://github.com/Juanse7793/Portfolio/compare/accessibility?expand=1#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7aR170-R171
https://github.com/Juanse7793/Portfolio/compare/accessibility?expand=1#diff-b78be019f1dc6d57753ea900c3805b114cd53ab7c0db836cc081836df1b99b7aR533-R534)
-The basic structure of the page- No issues found
Desktop version
Here I add the desktop version for the portfolio
I choose template number 5.
Add the works and the about me sections
Works & About me Sections
in this branch I added:
the template I used is #3
Bug Report
Hello @Juanse7793
Peer-Review-Morning-Session-2022-03-04
Positive Observations 🙌
Improvements ♲
Adjust contrast in language hover
https://github.com/Juanse7793/Portfolio/blob/35ddb9fa67e5ceac417825c96e084ee895826685/style.css#L181
I advise you to increase the contrast of the language while being hovered in order to improve visibility.