Как и обещал - выкладываю следующий макет для вёрстки (постом ниже) 👇🏼
Макет взят здесь - https://dribbble.com/shots/9693631-SolarBox-Landing-Page-Figma-Freebie
---
Некоторые полезности для вёрстки этого макета:
Шрифт берем на Google Fonts - https://fonts.google.com/specimen/Poppins?query=+Poppins&preview.text_type=custom
Как подключать шрифты описывал в этой статье - https://frontips.ru/podklyuchaem-veb-shrifty/
---
Для секций "Our Focus" и "Our Projects" рекомендую использовать
display: grid; - данную технологию уже активно использую во всех текущих проектах---
Если будут трудности с секцией "About us", можно будет почитать статьи про
position и z-index:Позиционирование элементов - свойство Position - https://frontips.ru/pozicionirovanie-elementov-svojstvo-position/
Свойство z-index и контекст наложения - https://frontips.ru/svojstvo-z-index-i-kontekst-nalozheniya/
---
Так как вёрстка должна быть адаптивной, возможно пригодятся следующие статьи:
Основы адаптивной верстки - https://frontips.ru/osnovy-adaptivnoj-vyorstki/
Адаптивная навигация - https://frontips.ru/adaptivnaya-navigaciya/
—-
Всем хорошего дня!
—-
