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

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

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

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

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

СОЗДАНО ТАК, ЧТО БЕКЕРА ЗАПУСКАЛОСЬ

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

ЖИВОЙ ЗА ПЯТЬ МУНЕТ

1. Разархивируйте и откройте - Дважды щелкните index.html - работает прямо с рабочего стола, без сервера или npm install.
2. Введите ваши данные - script.js начинается с небольшого CONFIG-блока: служебный email и ваши данные, 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 перечисляет каждый блок, который стоит поменять в первую очередь.

Как получить файл