Develop

[JenyBerezhna]

demo-link:
https://github.com/JenyBerezhna/layout_dia

Dia landing page

Implement landing page according to Figma design - Use BEM and SCSS

Adapt the page to the following screens:

• Large screens 2560px
• The design 1600px
• Desktop 1280px
• Small desktop 1024px
• Tablet 640px
• Mobile (> 320px)

1. Implement the header with nav.
2. Implement Strategic agency block.
3. Implement slider (You may start with a single picture).
   • implement slider block as absolutely positioned element with right: 0 and bottom: 0 position inside the black container
   • on large screens limit the width of black container to 1600px, so that left outer space have a standart grey background color
4. Implement Who we are block.
5. Implement Our expertise block with the card reused 3 times.
6. Implement Process block with 4 process cards.
   • use trasnlateY(-50%) to move cards up
7. Implement Testimonials block.
   • each card should have a fixed width and on the small screens the whole block should switch to column layout
8. Implement Vision, Passion, Results block.
   • use https://github.com/mate-academy/layout_dia/blob/master/src/images/Shapes.png as background picture
9. Implement Send us a message block.
10. Implement Contact us block.
11. Implement the footer.

DEMO LINK.

[volodymyr-soltys97]

Hi, the font family looks different everywhere. Also, the page doesn't look like the design, check each section in the design, fix it on the demo and then send it for review.

[etojeDenys]

good job