Analysis_of_modern_websites

АНАЛИЗ СОВРЕМЕННЫХ САЙТОВ

1.1 Список сайтов

1.2 Таблица уникальных CSS‑свойств

OXEM

ITECH Group

TRIADA

Riverstart

OK Studio

INOSTUDIO

Purrweb

Terabit

Liqium

ONLY Digital

2. Анализ сайта https://oxem.ru

2.1. Описание структуры сайта

2.2. Уровни вложенности HTML

2.3. Основные CSS‑классы

2.4. Используется ли методология БЭМ?

2.5. Используются ли HTML5‑теги?

2.6. Много ли div‑обёрток?

2.7. Насколько легко разобраться в коде?

3. Анализ блока ``

3.1. Полная структура блока

3.2. Назначение основных контейнеров

4. Реализация блока

Шаг 1. Создать внешний контейнер модального окна

Шаг 2. Добавить внутренний скролл‑контейнер

Шаг 3. Создать вложенный контейнер для центрирования

Шаг 4. Создать основной контейнер формы

Шаг 5. Добавить кнопку закрытия формы

Шаг 6. Добавить контейнер для содержимого

Шаг 7. Создать блок с мобильными иконками контактов

Шаг 8. Добавить ссылки‑иконки

Шаг 9. Создать блок с текстовым подзаголовком

Шаг 10. Создать блок с контактами

Шаг 11. Добавить ссылки на контакты

Шаг 12. Создать блок с основными полями формы

Шаг 13. Добавить блок с сообщением об успешной отправке

Шаг 14. Настроить адаптивность

Шаг 15. Настроить анимации появления

Шаг 16. Настроить затемнение фона

Шаг 17. Настроить закрытие формы

5. Список ресурсов

5.1. Перечень ресурсов

5.2. Использование ресурсов