I wanted to start learning HTML/CSS so that I could develop my own websites, so that I could understand what is going on in a website. I started by taking two openclassroom courses (link1 and link2). I then had the basics to be able to build a website with my own hands.
I then went on dribble to find sites to copy. This allowed me to apply what I had learned, while not following a tutorial to the letter. So I came across this template:
It was both simple in appearance but also complicated in some details that I had never encountered before (e.g. the interactive buttons on the navigation bar)
So I tried to reproduce this website using my knowledge of HTML and CSS. I had to spend a lot of time trying to get as close as possible to my model, given my experience in this field. I didn't find the original font, but I tried to get as close as possible. Once I had something I was happy with, I started to work on the appearances. Indeed, the elements of the site appear in a very specific way. So I used a little Javascript to try to reproduce the desired effect. Here is the result:
