Before starting the development phase, I analyzed the reference website in order to better understand its structure, visual hierarchy and content organization.

This step allowed me to identify the different sections to reproduce, the important design choices and the key interface elements that needed to be respected.

I then built the website structure in HTML while making sure to keep the code organized, readable and semantic.

The goal was to create a well-structured page using appropriate tags, a coherent heading hierarchy and a solid foundation for the styling process.

To learn more about the code and discover the full project, I invite you to visit my GitHub repository.

Once the structure was completed, I worked on the CSS to reproduce the appearance of the original website: typography, spacing, colors, grids, images and visual behaviors.

I also adapted the interface for different screen sizes in order to provide a fluid and consistent experience on desktop, tablet and mobile devices.

To complete the project, I added the necessary interactions and refined the visual details to improve the navigation experience.

This project helped me strengthen my front-end integration skills, better understand the importance of precision in web development and improve my ability to transform a visual reference into a functional interface.