![](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff91jzsmrebn9gr4n3ekw.jpg)
Portfolio rebuilt.
Julian Kominovic - Nov 10 '21 -
- Dev Community
Hi, this is my new portfolio.
Built with picoCSS and Vite in vanilla JS, CSS and html.
Also my first blog.
Live demo:
https://jkportfolio.web.app/
HTML Structure:
Basically I didn't write so much CSS. The main reason for writing CSS with this framework is for aesthetic purposes.
The portfolio's structure is simple:
-
The landing page: which is simple and contains my face and branding.
-
The projects: section with the most recent projects.
-
Skills section: for obvious reasons.
-
Blog: coming soon...
-
Contact: just my email and GitHub profile.
Header HTML code:
![Header section snippet](https://res.cloudinary.com/practicaldev/image/fetch/s--KakgYdWS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kligheaijgzgb4s9twiu.png)
Aside menu:
![Aside menu snippet](https://res.cloudinary.com/practicaldev/image/fetch/s--h3eBfila--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qjf2xwken89c5mgb079j.png)
Projects HTML code:
For each one of the projects.
![Projects html snippet](https://res.cloudinary.com/practicaldev/image/fetch/s--JREgbLo8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9yeqw9ze57o4iygzaica.png)
Skills HTML code:
For each one of the tech stacks.
![Skills html snippet](https://res.cloudinary.com/practicaldev/image/fetch/s---IeN_6o4--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9dl569vglhd78fjskkge.png)
📌 Contact
![](https://res.cloudinary.com/practicaldev/image/fetch/s--imBRhTaX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/badge/LinkedIn-0077B5%3Fstyle%3Dfor-the-badge%26logo%3Dlinkedin%26logoColor%3Dwhite)
![](https://res.cloudinary.com/practicaldev/image/fetch/s--C75QF96b--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/badge/Gmail-D14836%3Fstyle%3Dfor-the-badge%26logo%3Dgmail%26logoColor%3Dwhite)
![Portfolio](https://res.cloudinary.com/practicaldev/image/fetch/s--FaCQ672B--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://img.shields.io/badge/Portfolio-jkportfolio.web.app-FFB740%3Fstyle%3Dfor-the-badge%26logo%3Dgoogle-chrome%26labelColor%3D000)
👌 Made by Julian Ezequiel Kominovic.