Одностраничный лендинг для сети быстрого питания Шаурмания, выполненный в рамках учебной практики (2 семестр).
| Технология | Применение |
|---|---|
| HTML5 | Разметка |
| CSS3 | Стили, CSS-переменные, Grid, Flexbox |
| JavaScript | Интерактивность |
| Google Fonts (Montserrat) | Шрифт |
| GitHub Actions | Деплой статики |
Сторонние фреймворки и библиотеки не используются.
| # | Блок | Описание |
|---|---|---|
| 1 | Шапка (nav) | Логотип, кнопка-ссылка «Заказать» (tel:) |
| 2 | Слайдер | Карусель с преимуществами, кнопки prev/next, точки-индикаторы |
| 3 | Особенности | Три карточки с иконками — свежесть, соусы, открытая кухня |
| 4 | Меню + фильтр | Сетка карточек товаров с фильтрацией по категориям |
| 5 | О нас | Фото + текст о компании |
| 6 | Форма | Сведения о компании + подписка (имя, e-mail, кнопка) |
| 7 | Футер | Логотип, копирайт, список из 13 адресов точек |
| 8 | Кнопка «Наверх» | Фиксированная кнопка возврата в начало страницы |
Shaurmania/
├── index.html
├── css/
│ └── styles.css
├── js/
│ └── main.js
└── img/
├── header/ # логотип шапки
├── footer/ # логотип футера
├── slider/ # слайды и иконки навигации
├── features/ # иконки особенностей
├── menu/ # фотографии позиций меню
└── about-us/ # фото блока «О нас»
| Переменная | Значение | Роль |
|---|---|---|
--accent-primary |
#e73f22 |
Основной акцент (красный) |
--accent-secondary |
#f9d236 |
Вторичный акцент (жёлтый) |
--color-green |
#9dd32e |
Дополнительный (зелёный) |
--color-dark |
#1d1d1d |
Тёмный фон |
--color-white |
#ffffff |
Текст на тёмном фоне |
Статический сайт, серверная часть не нужна. Достаточно открыть index.html в браузере.
Деплой на GitHub Pages настроен через .github/workflows/static.yml.
Проект выполнен по заданию учебной практики. Цель — создать сайт-визитку предприятия в формате Landing Page со следующими обязательными блоками: шапка, слайдер, особенности услуг, каталог с фильтром, информация о компании, форма подписки, кнопка «Наверх».
Оценка выставляется по методике B = B1 + B2 + B3 + B4 + B5 (дизайн, кодирование, содержание, грамматика, привлекательность; максимум 25 баллов).