/
Riddiccc
/
ProfDefence
Обзор
Документация
Войти
/
Riddiccc
/
ProfDefence
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
223 строки
15 KB
Dmitry Milko
Create: index.html
17 июл 2026, 12:29
Верифицирован
17 июл 2026, 12:29
8abf1a3
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ProfDefence — Специализированные решения для MAX</title> <meta name="description" content="Мы создаем интеллектуальных ботов и мини-приложения для платформы MAX. Автоматизируем процессы, повышаем эффективность коммуникаций и расширяем возможности взаимодействия в текстовых, голосовых и видеочатах."> <link rel="stylesheet" href="styles.css"> </head> <body> <!-- Header --> <header class="header" id="home"> <div class="container header__container"> <a href="#home" class="logo">ProfDefence</a> <nav class="nav"> <ul class="nav__list"> <li><a href="#about" class="nav__link">О нас</a></li> <li><a href="#products" class="nav__link">Продукты</a></li> <li><a href="#features" class="nav__link">Решения</a></li> <li><a href="#contact" class="nav__link">Контакты</a></li> </ul> </nav> <button class="btn btn--primary" data-modal-open>Связаться с нами</button> </div> </header> <!-- Hero Section --> <section class="hero"> <div class="container hero__container"> <div class="hero__content"> <h1 class="hero__title">Специализированные решения для платформы MAX</h1> <p class="hero__subtitle">Мы создаем интеллектуальных ботов и мини-приложения, которые улучшают взаимодействие пользователей внутри экосистемы MAX.</p> <div class="hero__btns"> <a href="#products" class="btn btn--primary">Наши продукты</a> <a href="#contact" class="btn btn--secondary">Задать вопрос</a> </div> </div> <div class="hero__visual"> <!-- Placeholder image --> <img src="https://via.placeholder.com/600x400?text=MAX+Platform+Visualization" alt="MAX Platform Ecosystem" class="hero__image" loading="lazy"> </div> </div> </section> <!-- About Section --> <section class="about" id="about"> <div class="container"> <div class="about__content"> <h2 class="about__title">О компании</h2> <p class="about__text">ProfDefence — компания-разработчик специализированных решений для платформы MAX. Мы фокусируемся на создании интеллектуальных ботов и мини-приложений, которые повышают эффективность взаимодействия пользователей в текстовых, голосовых и видеочатах.</p> <p class="about__text">Наша миссия — автоматизировать рутинные процессы, упростить коммуникацию и расширить функциональность экосистемы MAX.</p> <div class="about__stats"> <div class="stat-item"> <span class="stat__number">24/7</span> <span class="stat__label">Поддержка</span> </div> <div class="stat-item"> <span class="stat__number">100%</span> <span class="stat__label">Гибкая кастомизация</span> </div> <div class="stat-item"> <span class="stat__number">+50</span> <span class="stat__label">Успешных проектов</span> </div> </div> </div> </div> </section> <!-- Products Section --> <section class="products" id="products"> <div class="container"> <h2 class="section-title">Наши продукты</h2> <div class="products__grid"> <div class="product-card"> <div class="product-card__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="2" y1="12" x2="22" y2="12"></line><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path></svg> </div> <h3 class="product-card__title">Smart Assistant Bot</h3> <p class="product-card__description">Интеллектуальный ассистент, который автоматизирует ответы на частые вопросы, помогает в поиске информации и управлении задачами внутри чата.</p> <ul class="product-card__features"> <li>Интеграция с MAX API</li> <li>Обработка естественного языка (NLP)</li> <li>История взаимодействий</li> </ul> </div> <div class="product-card"> <div class="product-card__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"></path></svg> </div> <h3 class="product-card__title">Meeting Coordinator</h3> <p class="product-card__description">Мини-приложение для планирования встреч, голосовых и видеосвязей — интегрируется с календарями и отправляет автоматические напоминания.</p> <ul class="product-card__features"> <li>Умное распределение времени</li> <li>Поддержка голосового ввода</li> <li>Генерация транскрипций встреч</li> </ul> </div> <div class="product-card"> <div class="product-card__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg> </div> <h3 class="product-card__title">Team Analytics</h3> <p class="product-card__description">Аналитический бот для отслеживания активности команд, автоматического формирования отчетов и выявления ключевых коммуникационных паттернов.</p> <ul class="product-card__features"> <li>Графики активности</li> <li>Оценка эффективности чатов</li> <li>Интеграция с HR-системами</li> </ul> </div> </div> </div> </section> <!-- Features Section --> <section class="features" id="features"> <div class="container"> <h2 class="section-title">Почему выбирают ProfDefence?</h2> <div class="features__grid"> <div class="feature-item"> <div class="feature-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#4F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg> </div> <h3 class="feature-title">Максимальная производительность</h3> <p class="feature-text">Мы используем современные подходы и инструменты, чтобы обеспечить скорость и надежность решений в любой нагрузке.</p> </div> <div class="feature-item"> <div class="feature-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#4F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg> </div> <h3 class="feature-title">Безопасность данных</h3> <p class="feature-text">Все наши продукты соответствуют строгим стандартам кибербезопасности и шифрования информации в экосистеме MAX.</p> </div> <div class="feature-item"> <div class="feature-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#4F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg> </div> <h3 class="feature-title">Масштабируемость</h3> <p class="feature-text">Наша архитектура позволяет легко масштабировать решения по мере роста числа пользователей.</p> </div> <div class="feature-item"> <div class="feature-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#4F46E5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"></path></svg> </div> <h3 class="feature-title">Гибкая интеграция</h3> <p class="feature-text">Все продукты легко интегрируются с существующими процессами и системами без перестройки инфраструктуры.</p> </div> </div> </div> </section> <!-- Contact Section --> <section class="contact" id="contact"> <div class="container"> <div class="contact__content"> <h2 class="section-title">Свяжитесь с нами</h2> <p class="contact__text">Мы готовы обсудить ваш проект и предложить оптимальное решение под ваши задачи.</p> <form class="form" id="contact-form"> <div class="form__row"> <div class="form__group"> <label for="name">Ваше имя</label> <input type="text" id="name" name="name" required> </div> <div class="form__group"> <label for="email">Email</label> <input type="email" id="email" name="email" required> </div> </div> <div class="form__group"> <label for="message">Сообщение</label> <textarea id="message" name="message" rows="4" required></textarea> </div> <button type="submit" class="btn btn--primary">Отправить</button> </form> </div> </div> </section> <!-- Footer --> <footer class="footer"> <div class="container"> <div class="footer__content"> <div class="footer__info"> <a href="#home" class="logo">ProfDefence</a> <p class="footer__text">Создаем интеллектуальные решения для MAX. Повышаем эффективность взаимодействия пользователей в чатах.</p> </div> <div class="footer__nav"> <h4 class="footer__nav-title">Навигация</h4> <ul class="footer__nav-list"> <li><a href="#about">О нас</a></li> <li><a href="#products">Продукты</a></li> <li><a href="#features">Решения</a></li> <li><a href="#contact">Контакты</a></li> </ul> </div> <div class="footer__contacts"> <h4 class="footer__nav-title">Контакты</h4> <ul class="footer__nav-list"> <li>hello@profdefence.ru</li> <li>+7 (900) 000-00-00</li> <li>г. Москва, ул. Примерная, д. 1</li> </ul> </div> </div> <div class="footer__copyright"> © 2025 ProfDefence. Все права защищены. </div> </div> </footer> <!-- Modal --> <div class="modal" id="callback-modal" data-modal-close> <div class="modal__content" data-modal-close> <h3 class="modal__title">Обратный звонок</h3> <form class="form" id="callback-form"> <div class="form__row"> <div class="form__group"> <label for="callback-name">Ваше имя</label> <input type="text" id="callback-name" name="name" required> </div> <div class="form__group"> <label for="callback-phone">Телефон</label> <input type="tel" id="callback-phone" name="phone" required placeholder="+7 (999) 000