# Шаблоны экранных форм приложения "По грибы"

## Описание

Этот каталог содержит 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` на специфичные для экрана элементы.