It is necessary to make a markup of the online store based on the design layout.

The work is done on HTML, CSS, JS, FA-icons (connected a library with fontawesome icons), made several slick sliders, as well as a multi-level menu. In the process of layout, I used Flexbox and grid for a reliable site structure and high-quality adaptiveness. In js, I implemented a switch for product cards on Grid view and List view. I made a custom checkbox and radio buttons. Adapts to mobile devices up to 320px.

✅ Uploaded a design layout and opened a duplicate of this layout in Figma.

✅ I opened my starter template with CSS and JS files included to get started.

✅ Connected the library Fontawesome for working with icons.

✅ Next, I began analyzing the layout. I have enabled the ruler, which allows me to set guide lines. With these lines I try to define the bounding container. At this stage I have already assessed the global structure plan.

✅ Next, I used the plugin to determine the fonts used in the layout, and also downloaded and connected them.

✅ After all the preparations, I started the markup Header and Footer.

✅ Next I started markup out the body of each page.

The result is a reliable, cross-browser, adaptive online store ready for integration into a content management system.

Did the job in 7 days. Approximate cost $400.