An open API service indexing awesome lists of open source software.

https://github.com/nomadcharm/sit-down-please

Вёрстка сайта магазина мебели SitDownPls / Furniture Store HTML Layout
https://github.com/nomadcharm/sit-down-please

html html-layout scss

Last synced: 17 days ago
JSON representation

Вёрстка сайта магазина мебели SitDownPls / Furniture Store HTML Layout

Awesome Lists containing this project

README

          

## Проект: SitDownPls 🛋️
**SitDownPls** - это адаптивная, кросс-браузерная верстка нескольких страниц интернет-магазина мебели SitDownPls.

В рамках данного проекта были завершены следующие страницы:
- [Главная страница](https://nomadcharm.github.io/sit-down-please/) интернет-магазина SitDownPls содержит блок с баннером текущей акции, раздел со специальными предложениями, рейтинг топ-товаров, баннер новой коллекции и раздел с топ-категориями. Также есть блог с советами по оформлению интерьера и форма для контактов с магазином.
- [Каталог](https://nomadcharm.github.io/sit-down-please/catalog.html) включает в себя боковую панель с чекбоксами для фильтрации товаров по категориям и цветам, а также поле ввода для изменения диапазона цен, функциональность в боковой панели не реализована. Основная часть представляет собой сетку с карточками товаров, где можно увидеть изображение, название, цену и рейтинг каждого изделия а также кнопку добавления товара в корзину.
- [Страница товара дивана D-31](https://nomadcharm.github.io/sit-down-please/product-d31.html) - на этой странице представлены все детали о товаре: его название, схематическое изображение и детальное описание, включая все особенности и характеристики. Также указаны цена и рейтинг и расположены две кнопки: для добавления в корзину и для быстрой покупки в один клик. Внизу страницы находится раздел с похожими товарами.
- [Сотрудничество](https://nomadcharm.github.io/sit-down-please/partnership.html) - страница, посвящённая возможностям сотрудничества с магазином. Здесь можно найти информацию о тпреимуществах совместной работы с SitDownPls.
### 🚀 Установка:

Установка зависимостей:
```
npm install
```
Запуск сервера разработки:
```
npm run dev
```
Запуск production сборки:
```
npm run build
```

### 🛠️ Технологии:
- [Gulp](https://gulpjs.com/)
- [Babel](https://babeljs.io/)
- [Sass](https://sass-lang.com/)