# детская одежда сайт магазин одежды

# главный баннер

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/4b1271d1-c954-4857-bcc5-a142f9d19a33/raw)

# блок 2 «коллекции»

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/3c1089c1-ef2a-4fc0-b8b5-b0143c2d0f50/raw)

# разделитель

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/c7b071e0-20a3-4a4c-b5c3-9ea37159a4f4/raw)

Между блоком 2 и 3 идет бегущая зацикленная  строка/разделитель

# блок 3 «новинки/ХИТы»

тут переключатель между разделами: новинки и хиты

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/7ec88fd9-8a61-46f7-8c52-f272ed82aacb/raw)

сделай карточки акругленными, в стиле остальных блоков

# блок 4 «каталог»

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/5b896ca8-f550-4cf2-80c2-5cda3efa23fe/raw)

# Блок 5 «Преимущества»

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/4a526b69-22d0-424c-bd30-c58361c0f1bd/raw)

# Блок  6 «оставайтесь с нами»

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/e324b3ac-c1bc-47bf-9d3b-726076d0601e/raw)

# футер

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/3dafcaf8-61cd-4347-8f67-ae1d65fe1451/raw)

# шапка закрепленная

когда пользователь заходит и видит верхнюю часть сайта (главный баннер) шапка не показывается. когда он пролистывает ниже - появляется шапка чтобы не было дублирования

![](https://notes.vtorum.net/api/public/web/%D0%B4%D0%B5%D1%82%D1%81%D0%BA%D0%B0%D1%8F-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0-%D1%81%D0%B0%D0%B8-%D1%82-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D1%8B-ae0540f5/assets/4f08da6f-50d9-416a-88f0-0f790a293206/raw)