This project is part of the HTML & CSS Task, where I was asked to design and implement my own personal portfolio website. The main goal of this portfolio is to present myself as a web developer by showcasing my projects, technical skills, and providing an easy way to get in touch with me.
A developer portfolio is a personal website with the sole purpose of selling yourself as a developer. It highlights your projects, skills, and includes a contact section to allow others (recruiters, collaborators, etc.) to reach out.
-
I began by researching the importance of portfolios and comparing them to alternatives like LinkedIn and GitHub.
-
I reviewed several inspirational portfolios (without copying designs), such as:
-
My goal was to build a simple, clean, accessible, and fully responsive layout following modern best practices.
- Used semantic HTML5 tags to improve structure, accessibility, and SEO.
- Applied CSS custom properties (variables) for theme colors and easier maintenance.
- Integrated Scroll Spy for active link highlighting as users scroll.
- Implemented a working contact form using W3Form – no backend needed.
- Focused on a mobile-first and responsive layout using media queries and flexible units.
- HTML5 – Semantic structure
- CSS3 – Responsive styling, custom variables, scroll behavior
- W3Form – Form handling service for contact submissions
The design adapts smoothly to all screen sizes (mobile, tablet, desktop), using a flexible layout and media queries to ensure readability and accessibility on any device.
Feel free to connect with me via:
- LinkedIn: Mayar Qasarwa