Одностраничный интернет-магазин презентация

Общее описание задания на проект
Сверстать по технологии FlexBox одностраничный интернет-магазин, который содержит следующие блоки:
шапка сайта
о нас
товары
подвал сайта
Добавить на сайт в один из блоков слайдер, подключенный с помощью стороннего модуля JavaScript.
Добавить иконку Корзины в шапке сайта с показателем счетчика количества выбранных товаров. Значение количества товаров должно увеличиваться при нажатии на кнопку добавления товара в корзину с помощью пользовательского скрипта на JavaScript.
Использовать CSS-переменные для задания глобальных настроек сайта, таких как основные шрифты, цвета и параметры текста.
Добавить модальное окно с формой обратной связи.
Разместить файлы сайта на хостинге и обеспечить доступ к разработанному интернет-магазину по ссылке.
Выполнить презентацию проект.

Техническое задание

Структура страницы сайта. Шапка сайта

Структура страницы сайта. Каталог товаров

Структура страницы сайта. Раздел «О нас»

Структура страницы сайта. Модальное окно

Структура страницы сайта. Подвал сайта.

Верстка сайта
Верстка сайта выполнена на основе макета в формате Figma, с использованием технологии Flex.
На сайте использованы переменные для подключения шрифта, основных цветов и настроек текста.

Описание функциональных возможностей сайта
На сайте реализованы:
Навигация по сайту осуществляется при помощи внутренних ссылок (якорей).
Слайдер, подключенный с помощью стороннего модуля JavaScript.
Иконки Корзины в шапке сайта с показателем счетчика количества выбранных товаров. Значение количества товаров увеличивается при нажатии на кнопку добавления товара в корзину (на карточке товара)с помощью пользовательского скрипта на JavaScript.
Модальное окно с формой обратной связи.

Результаты проверки сайта на скорость и валидность кода

Результаты проверки сайта на валидность кода