DREAM MOBILE - Игровой сайт

Современный, темный игровой сайт

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

• Темный дизайн с синими акцентами в стиле игровых сайтов
• Анимированный заголовок с эффектом свечения
• Интерактивные карточки с эффектами наведения
• Плавающие частицы в hero секции
• Анимированные счетчики для статистики игроков
• Адаптивный дизайн для всех устройств
• Плавная прокрутка между секциями
• Система уведомлений для пользователя
• Прогресс-бар прокрутки страницы
• Ripple эффекты на кнопках

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

DREAM MOBILE/
├── index.html          # Главная HTML страница
├── styles.css          # CSS стили
├── script.js           # JavaScript функциональность
└── README.md           # Документация

🎯 Функциональность

Навигация

• Фиксированное темное меню с эффектом размытия
• Плавная прокрутка к секциям
• Мобильное меню с анимацией
• Кнопка "Личный кабинет" с особой стилизацией

Анимации

• Типинг эффект для заголовка DREAM MOBILE
• Плавающие частицы в hero секции
• Анимации появления элементов при скролле
• Эффекты наведения на карточки
• Ripple эффекты на кнопках
• Свечение бонусной суммы

Интерактивность

• Анимированные счетчики очков игроков
• Система уведомлений для кнопок
• Прогресс-бар прокрутки страницы
• Параллакс эффект в hero секции
• Клавиатурная навигация (ESC для закрытия меню)

Форма обратной связи

• Валидация полей
• Анимация отправки
• Система уведомлений
• Автоматическое скрытие уведомлений

🎨 Цветовая схема

• Основной фон: #000000 (черный)
• Акцентный цвет: #00a8ff (синий)
• Вторичный акцент: #ffd700 (золотой)
• Текст: #ffffff (белый)
• Вторичный текст: #cccccc (светло-серый)
• Фон секций: #0a0a0a (темно-серый)

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

Сайт полностью адаптивен и оптимизирован для:

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

🎮 Игровые элементы

Бонусная система

• Отображение стартового бонуса 50 000 000P, заменить можно в index.html
• Анимированное свечение суммы
• Красивая карточка с иконкой монет

Топ игроков

• Рейтинговая система с местами
• Анимированные счетчики очков
• Аватары игроков
• Информация об уровнях

Донат

• Красивое окно с анимацией, изменить анимацию можно в script.js
• Красивое выделение
• Поля для ника игрока и суммы пожертвования.

📝 Кастомизация

Изменение цветов

Отредактируйте CSS переменные в начале файла styles.css:

:root {
    --primary-color: #00a8ff;
    --secondary-color: #ffd700;
    --background: #000000;
    --text-color: #ffffff;
    --secondary-text: #cccccc;
}

Изменение контента

• Отредактируйте текст в index.html
• Замените иконки Font Awesome
• Обновите информацию о бонусах и ценах
• Измените имена игроков и их очки
• Измените ссылку на скачивание игры в index.html

Добавление новых секций

1. Добавьте HTML разметку в index.html
2. Создайте соответствующие стили в styles.css
3. Добавьте анимации в script.js при необходимости

--

Используйте с удобством❤️