Add Page Layout Structure with Main Sections

[HOPEtv]

Розробити базовий template сайту, який охоплює основні потреби бізнесу. Шаблон має мати зрозумілу структуру та бути зручним для подальшого наповнення контентом.
https://www.canva.com/design/DAGtIEeJhqk/sU5L8L-Lkh5ImTKTrsLwPw/edit?ui=eyJIIjp7IkEiOnRydWV9fQ

1 секція - Intro Section:
Наповнення:

1)Лого-зображення;
2) короткий текст;
У вебверсії — висота екрана (секції).
У мобільній — висота за наповненням.

2 секція - Hero Section:
Наповнення:

1. Заголовок (зліва);
2. Блок тексту з описом (зліва, під заголовком);
3. Візуальний блок (справа);
   Три зображення і додаткове оформлення, також зображеннями у вигляді стрідок;
   У вебверсії — висота екрана (секції).
   У мобільній — висота за наповненням.

3 секція - Horizontal Visual Section: :
Наповнення:

1. заголовок;
2. фонова панель із заокругленими кутами, що відокремлює секцію від фону;
3. 5 горизонтальних зображень на панелі;
4. блок з додаткоим оформлення у вигляді зображень стрілок;
   У вебверсії — висота екрана (секції).
   У мобільній — висота за наповненням.

4 секція - Vertical Visual Section: :
Наповнення:

1. заголовок;
2. фонова панель із заокругленими кутами, що відокремлює секцію від фону;
3. 3 великі вертикальні зображення на панелі;
4. блок з додаткоим оформлення у вигляді зображень стрілок;
5. блок з секстом розтягнути по сторінці;
6. іконка з посиланням на додатковий ресурс (інстаграм);
   У вебверсії — висота екрана (секції).
   У мобільній — висота за наповненням.

5 секція - Get in Touch Section: :
Наповнення:

1. Макет: дві колонки — текст ліворуч, карта праворуч;
2. фонова панель із заокругленими кутами, що відокремлює секцію від фону;
3. заголовок;
4. під заголовком: іконка інстаграм з посиланням та номер телефону з посиланням;
5. 2 блоки тексту з адресою;
6. справа колонка з картою Google Maps чи її зображенням;
   У вебверсії — висота екрана (секції).
   У мобільній — висота за наповненням.

[HOPEtv]

Мобільні версії: