Шаблон экранных форм

lab1/screen-forms/README.md

@@ -0,0 +1,47 @@
+# Шаблоны экранных форм приложения "По грибы"
+
+## Описание
+
+Этот каталог содержит HTML/CSS шаблоны экранных форм для мобильного приложения "По грибы".
+
+## Файлы
+
+- `template.html` - базовый шаблон экранной формы
+- `template.css` - стили для шаблона
+
+## Как использовать
+
+1. Откройте `template.html` в браузере
+2. Измените размер окна браузера до мобильного формата (375px ширина) или используйте режим разработчика (F12) для эмуляции мобильного устройства
+3. Сделайте скриншот для отчёта
+
+## Структура шаблона
+
+Шаблон включает:
+
+- **Шапка (Header)**: логотип и название "По грибы"
+- **Основной контент (Main)**: прокручиваемая область с примерами карточек и элементов списка
+- **Нижняя навигация (Navigation)**: 5 кнопок для основных разделов
+- **Кнопка SOS**: плавающая красная кнопка в правом нижнем углу
+
+## Технические параметры
+
+- Ширина: 375px (стандартный мобильный экран)
+- Высота: 812px (iPhone X и выше)
+- Шрифт: Inter или Roboto
+- Базовый размер шрифта: 16-18pt
+
+## Цветовая палитра
+
+- Зелёный (основной): #2D5F3F
+- Оранжевый (акцент): #E67E22
+- Красный (SOS): #C0392B
+- Голубой (информация): #3498DB
+- Серый текст: #7F8C8D
+- Тёмный текст: #2C3E50
+- Светлый фон: #FAFAFA
+
+## Для разработки новых экранов
+
+На основе этого шаблона можно создавать конкретные экраны приложения, заменяя содержимое блока `.content-container` на специфичные для экрана элементы.
+