Полноценный адаптивный витрин: семантический HTML, единая комментированная система дизайна в CSS, ванильный JavaScript, сгенерированное оформление товаров и полные SEO-разметки. Без фреймворков, без шага сборки, без ключа лицензии.

ЧТО ВЫ ПОЛУЧАЕТЕ

Одна папка, без инструментов сборки:

• index.html - семантическая разметка, метатеги, Open Graph и ClothingStore + ItemList JSON-LD.
• style.css - один блок палитры :root, который перекрашивает весь сайт. Мобильная версия в первую очередь, без фреймворков.
• script.js - 4 КБ ванильного JS: навигация, фильтрация, сортировка, пакет (bag), появление при прокрутке.
• img/ - сгенерированное SVG-изображение товара — крохотное, четкое в любом размере, перекрашиваемое под вашу палитру.

MIT лицензия - используйте на клиентских проектах, ребрендируйте его, продавайте как часть своего собственного сборки.

СДЕЛАНО ТАК, КАК ДОЛЖЕН ПОВЕДЕТЬСЯ МАГАЗИН

1. Адаптивность - макеты проверены от 320 до 1440 пикселей с нулевым горизонтальным переполнением на 360, 390, 768, 1024 и 1440.
2. Ванильный JavaScript - Корзина, фильтрация, сортировка, мобильная навигация и эффекты появления при прокрутке в одном маленьком скрипте - без библиотек, без шага сборки.
3. SEO‑готово - семантическая разметка, метатеги, Open Graph и структурированные данные JSON-LD в заголовке страницы.
4. Ребрендинг одной палитрой - весь сайт перекрашивается из единственного прокомментированного блока :root в начале style.css.

ЗАПУСК ЗА ОКОЛО ПЯТИ МИНУТ

1. Распакуйте и откройте - двойной клик по index.html — запускается прямо с рабочего стола, без сервера или npm установки.
2. Заполните ваши данные — script.js начинается с небольшого CONFIG блока: поддержка электронной почты и ваши данные, 30 секунд.
3. Ребрендинг - измените текст бренда в заголовке и цветовые токены в style.css - сайт перестраивается вокруг них.
4. Загрузите - перетащите папку на Netlify Drop, GitHub Pages или любой статический хост — сайт будет в онлайн менее чем за пять минут.

ПОЧЕМУ ПОКУПАТЕЛИ ИЗБИРАЮТ ЭТО

• То, что видишь, то и получаешь: живой демо запускается тем же кодом, который вы скачиваете — те же файлы, то же поведение.
• Проверено перед выпуском: протестировано с 360 до 1440 px без переполнения, без поломанных изображений и без ошибок в консоли.
• Ваше для продажи: MIT лицензия - используйте в клиентских проектах или перепродайте как часть своей сборки.
• Мгновенная загрузка: оформление заказа, доставка и повторная загрузка обрабатываются за вас — заплатите один раз и zip окажется в вашей библиотеке сразу.

FAQ

Нужен ли мне инструмент сборки?
Нет. Распакуйте, откройте index.html, он работает. Загрузите папку на GitHub Pages, Netlify drop или любой общий хост.

Можно ли изменить цвета?
Да — блок :root в начале style.css хранит все цвета, шрифты и радиусы, используемые на странице.

Что я могу с ним сделать?
MIT лицензия. Используйте его для клиентских проектов, продавайте с ним, сохраняйте всё, что вы взимаете. Атрибуция приветствуется, но не обязателна.

Где редактировать текст?
Весь текст — простой HTML в index.html. INSTALL.md перечисляет каждый блок, который стоит изменить в первую очередь.

Как мне получить это