It is necessary to make a markup of a blog according to the Figma design layout for further integration into the CMS Word Press.

Made the blog markup based on the Figma layout. The markup is made on HTML, CSS, JS. When making the markup, I used Flexbox and Grid for high-quality adaptability and reliable structure of the site. For some icons, I created an icon font on the icomoon.io service. I connected the WOW JS library (added appropriate animations at the moments of page scrolling), made several sliders. Adapts to mobile devices up to 320px.

✅ Opened the design layout and generated a duplicate of the design layout in Figma.com

✅ Next I opened my starter template to begin working on the project

✅ Next, I downloaded all the icons from the layout in SVG format and with their help generated an icon font using the icomoon service

✅ Next, I marked out the layout with guide lines to define the bounding container and the height of the header and footer.

✅ Next, I determined which fonts were used in the layout and connected them

✅ Next I started developing the header and footer.

✅ After that I started developing the website pages.

In the second block on the main page, I made a vertical slider with text inside. When adding content to the slides, the entire slider eventually broke and refused to work properly because some slides were higher than the others.

In the end, I solved the problem by building a Grid on CSS. I made it so that all the slides were the same height, regardless of how much content they had.

The result is a high-quality, cross-browser, adaptive blog.

Did the job in 10 days. Approximate cost $700.