POP IT! - Интернет-магазин игрушек-антистресс

Лучшая игрушка-антистресс - бесконечная пупырчатая пленка!

🚀 О проекте

POP IT! - это современный одностраничный сайт интернет-магазина, посвященный популярным антистресс-игрушкам. Сайт представляет собой лендинг с информацией о продуктах, правилами игры и возможностью покупки.

✨ Особенности

• 🎨 Современный дизайн - чистый и привлекательный интерфейс
• 📱 Адаптивная верстка - оптимизация для мобильных устройств и десктопов
• ⚡ Быстрая загрузка - оптимизированные изображения и код
• 🎯 Интуитивная навигация - понятное меню и структура сайта

🛠️ Технологии

• HTML5 - семантическая верстка
• CSS3 - Flexbox, Grid, анимации, градиенты
• JavaScript - интерактивные элементы
• Git - контроль версий

📁 Структура проекта

pop-it-project/
├── index.html # Главная страница
├── style.css # Основные стили
├── fonts/
│ └── fonts.css # Подключение шрифтов
├── images/ # Изображения проекта
│ ├── background.png # Фон главного экрана
│ ├── square.png # Квадратный Pop It
│ ├── amongus.png # Among Us Pop It
│ ├── round.png # Круглый Pop It
│ └── photo.jpg # Фото для раздела правил
└── README.md # Документация

🎨 Дизайн

Цветовая палитра

• Основной фон: Градиентные синие тона
• Акценты: Оранжевый (#f9b20e), Белый (#ffffff)
• Текст: Темно-серый (#2d3436), Белый (#ffffff)

Шрифты

• Montserrat - основной шрифт проекта
• Начертания: Regular (400), Bold (700)

📱 Адаптивность

Проект полностью адаптирован для:

• 💻 Десктопов (1200px+)
• 📟 Планшетов (768px - 1199px)
• 📱 Мобильных устройств (320px - 767px)

🚀 Быстрый старт

1. Клонирование репозитория

   git clone https://github.com/ваш-username/pop-it-shop.git
   cd pop-it-shop
   

2. Открытие в браузере

   • Просто откройте файл index.html в любом современном браузере
   • Или используйте Live Server в VS Code

3. Разработка

   • Редактируйте файлы в папке проекта
   • Сохраняйте изменения и обновляйте браузер

📄 Лицензия Этот проект является учебным и создан в образовательных целях.