Create a mobile-friendly landing page markup to sell computer courses using a Figma design layout.

The work is done on HTML, CSS, JS, Flexbox, Grid. Connected libraries WOW JS (added appropriate animations at the moments of page scrolling), FA-icons (added fontawesome icons). Used background color gradient for some elements. Made adaptive for mobile devices up to 320px and a burger menu.

✅ Downloaded the design layout and opened a duplicate design layout in Figma.

✅ Opened my starter template with connected CSS and JS files to start working on the project.

✅ To work with icons, I connected the library Fontawesome.

✅ Next, I started analyzing the layout. I turned on the ruler, which allowed me to set up guidelines to define the bounding container and determine the height of the header and footer. Now I have a global plan for the structure.

✅ Next I used a plugin to identify the fonts used in the layout, then downloaded and included them.

✅ Next I started the markup Header and Footer.

✅ Next I did the page markup.

The site is adaptive and cross-browser, ready for integration into any CMS.

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