It is necessary to make a markup of a small page according to the Figma layout.

The work is done on HTML, CSS, JS, Three js. In the process of markup, I used Flexbox to create a reliable structure of the site and high-quality adaptive. I implemented a 3D model on the site, initially the layout did not provide for a 3D model (there was just a picture), but I decided to conduct such an experiment and practice with integrating a 3D model into the site. If you want to somehow interact with the 3D model, then just click on it 2 times! I made a burger menu. The site adapts to mobile devices up to 320px.

✅ I downloaded the design layout and opened a duplicate design layout in Figma.

✅ I opened my starter template to get started.

✅ I used a ruler to determine the bounding container and the height of the header and footer.

✅ The next step was to define the fonts used in the layout using the Font Fascia plugin and connect them to my project.

✅ Next I started the markup Header and Footer.

✅ Next I started markup out the page.

The result is a reliable, cross-browser, adaptive website ready to be installed on any modern content management system.

Did the job in 1 day. Approximate cost $50.