[FW-B2/ret] Add README.md file

Adding functional, structural description for this proj (what/how).

core: B-2 / WL-BL

Author: matowdev

core-courses/2-web-layout-basic-level/20_Final_work/README.md

@@ -0,0 +1,87 @@
+# Blanchard - художественная галерея
+
+### Описание проекта
+
+Данный проект представляет собой одностраничный лендинг для художественной галереи "Blanchard". Основной задачей является презентация галереи, привлечение новых посетителей, а также возможность подписки на социальные сети. Вёрстка выполнена с учетом адаптивности, кросс-браузерности и методологии БЭМ.
+
+[🔗 Демо-версия на GitHub Pages](https://matowdev.github.io/fullstack-js-by-skillbox/core-courses/2-web-layout-basic-level/20_Final_work/)
+
+---
+
+### Функциональность
+
+- **Адаптивная верстка** для всех типов устройств (десктоп, планшет, мобильные).
+- **Пиксель-перфект вёрстка** (максимальное соответствие макету).
+- **Грамотная семантическая разметка**.
+- **Навигационное меню с плавными переходами** к разделам страницы.
+- **Галерея картин** с адаптивной сеткой.
+- **Форма подписки** с валидацией данных.
+- **Ссылки на социальные сети** (WhatsApp, Telegram, VK, OK).
+- **Использование CSS-анимаций** для плавных эффектов наведения.
+
+---
+
+### Используемые технологии и библиотеки
+
+#### Front-end:
+
+- **HTML, CSS** – основные технологии проекта.
+- **CSS Flexbox** – для создания адаптивного макета.
+- **CSS-переменные** – для удобного управления стилями.
+- **SVG-иконки** – для оптимизированной графики.
+- **Минимальное количество медиазапросов** для лучшей адаптивности.
+
+---
+
+### Структура проекта
+
+#### Основные принципы:
+
+- **Чистый и структурированный код** с использованием БЭМ-методологии.
+- **Минимальное дублирование кода** и оптимизированные стили.
+- **Семантическая разметка** с правильным использованием ARIA-атрибутов.
+
+**Основные файлы и папки:**
+
+```
+project-root/
+│── css/                 # Стили проекта (разделены по компонентам)
+│── fonts/               # Подключаемые шрифты
+│── images/              # Графические файлы и иконки
+│── index.html           # Главный HTML-файл
+│── README.md            # Описание проекта
+```
+
+---
+
+### Основные файлы и их назначение
+
+#### `index.html`
+
+- Основная разметка лендинга с разделами: О нас, Галерея, Каталог, События, Проекты, Контакты.
+
+#### `style.css`
+
+- Основные стили проекта, организованные по БЭМ-блокам.
+- Гибкая адаптация для разных устройств.
+- Использование CSS-анимаций.
+
+#### `header.css`, `footer.css`, `gallery.css`, `contact-form.css`, и другие
+
+- Модульные файлы стилей для каждого компонента страницы.
+
+---
+
+### Запуск проекта
+
+#### Открытие локально:
+
+```sh
+open index.html
+```
+
+---
+
+### Заключение
+
+Этот проект стал завершающей практической работой курса "Веб-вёрстка: базовый уровень". В процессе разработки были учтены все современные требования к адаптивности, доступности и семантике, что позволило создать качественный лендинг для художественной галереи "Blanchard".