Create Consultant Plus demo landing page

2026-07-23 19:49:00 +03:00
commit 1cacce15b5
3 changed files with 108 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>КонсультантПлюс — правовая система</title>
+  <meta name="description" content="Демонстрационная версия сайта КонсультантПлюс">
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <header class="site-header">
+    <div class="topbar container">
+      <a class="brand" href="#top" aria-label="КонсультантПлюс">
+        <span class="brand-mark">К+</span>
+        <span><b>Консультант</b><em>Плюс</em></span>
+      </a>
+      <nav class="utility-nav" aria-label="Сервисная навигация">
+        <a href="#products">Продукты</a><a href="#news">Новости</a><a href="#about">О компании</a>
+        <button class="login-link" data-modal="login">Войти в систему <span>↗</span></button>
+      </nav>
+      <button class="menu-toggle" aria-label="Открыть меню">☰</button>
+    </div>
+    <div class="mainnav-wrap">
+      <nav class="mainnav container" aria-label="Основная навигация">
+        <a class="active" href="#top">Главная</a><a href="#products">Специалистам</a><a href="#documents">Документы</a>
+        <a href="#news">Новости</a><a href="#about">О компании</a>
+        <button class="search-open" aria-label="Открыть поиск">⌕</button>
+      </nav>
+    </div>
+  </header>
+
+  <main id="top">
+    <section class="hero container">
+      <div class="hero-copy">
+        <div class="eyebrow">Правовая система для работы</div>
+        <h1>Знания, которые<br><span>помогают решать</span></h1>
+        <p>Все законодательство России, судебная практика и готовые решения — в одной системе.</p>
+        <div class="hero-actions"><a class="button primary" href="#products">Выбрать продукт <span>→</span></a><button class="text-button" data-modal="trial">Получить пробный доступ <span>↗</span></button></div>
+      </div>
+      <div class="hero-visual" aria-hidden="true">
+        <div class="orb orb-one"></div><div class="orb orb-two"></div>
+        <div class="document-card"><div class="doc-top"><span class="doc-dot"></span><span></span><span></span></div><div class="doc-line wide"></div><div class="doc-line"></div><div class="doc-line short"></div><div class="doc-highlight"></div><div class="doc-line"></div><div class="doc-line wide"></div><div class="doc-line"></div></div>
+        <div class="floating-label"><span>✓</span> 376 824 581<br><small>документ в системе</small></div>
+      </div>
+    </section>
+
+    <section class="search-panel container" id="search">
+      <div class="search-heading"><span class="section-kicker">Быстрый поиск</span><h2>Найдите нужный документ</h2></div>
+      <form class="search-form" id="search-form"><input id="search-input" type="search" placeholder="Например, Налоговый кодекс или МРОТ" aria-label="Поиск документов"><button type="submit">Найти <span>⌕</span></button></form>
+      <div class="search-results" id="search-results" aria-live="polite"></div>
+    </section>
+
+    <section class="section container" id="products">
+      <div class="section-head"><div><span class="section-kicker">Решения для каждого</span><h2>Выберите свою профессию</h2></div><a class="arrow-link" href="#about">Все продукты <span>→</span></a></div>
+      <div class="role-grid">
+        <a class="role-card role-blue" href="#product-lawyer"><span class="role-icon">§</span><span class="role-label">Юристу</span><p>Законодательство, судебная практика и аналитика</p><span class="card-arrow">↗</span></a>
+        <a class="role-card role-yellow" href="#product-accountant"><span class="role-icon">₽</span><span class="role-label">Бухгалтеру</span><p>Разъяснения, готовые решения и формы отчетности</p><span class="card-arrow">↗</span></a>
+        <a class="role-card role-violet" href="#product-hr"><span class="role-icon">◌</span><span class="role-label">Кадровику</span><p>Кадровые вопросы, документы и изменения</p><span class="card-arrow">↗</span></a>
+        <a class="role-card role-green" href="#product-budget"><span class="role-icon">▥</span><span class="role-label">Бюджетной организации</span><p>Нормативная база и практические материалы</p><span class="card-arrow">↗</span></a>
+      </div>
+    </section>
+
+    <section class="news-section" id="news"><div class="section container"><div class="section-head"><div><span class="section-kicker">Будьте в курсе</span><h2>Новости законодательства</h2></div><a class="arrow-link" href="https://www.consultant.ru/law/news/" target="_blank" rel="noreferrer">Все новости <span>→</span></a></div><div class="news-grid"><article class="news-main"><span class="news-date">Сегодня</span><h3>СПОТ, налоги, взносы и отчетность в июле: основные изменения</h3><a href="#news" class="arrow-link">Читать новость <span>→</span></a></article><div class="news-list"><a href="#news"><span>Сегодня</span><b>Суд поддержал выплату больничных по основному месту работы</b><i>→</i></a><a href="#news"><span>Вчера</span><b>Платформенная экономика: новые правила для продавцов</b><i>→</i></a><a href="#news"><span>Вчера</span><b>Какие важные изменения ждут юриста в августе</b><i>→</i></a></div></div></div></section>
+
+    <section class="section container" id="documents"><div class="section-head"><div><span class="section-kicker">Всегда под рукой</span><h2>Популярные документы</h2></div><a class="arrow-link" href="https://www.consultant.ru/document/" target="_blank" rel="noreferrer">Все документы <span>→</span></a></div><div class="document-links"><a href="#documents">Гражданский кодекс РФ <span>→</span></a><a href="#documents">Налоговый кодекс РФ <span>→</span></a><a href="#documents">Трудовой кодекс РФ <span>→</span></a><a href="#documents">О защите прав потребителей <span>→</span></a><a href="#documents">Федеральный закон «О персональных данных» <span>→</span></a><a href="#documents">Конституция Российской Федерации <span>→</span></a></div></section>
+
+    <section class="cta container"><div><span class="section-kicker">Попробуйте сами</span><h2>Убедитесь, как легко<br>работать с информацией</h2></div><button class="button light" data-modal="trial">Получить пробный доступ <span>→</span></button></section>
+
+    <section class="section about container" id="about"><div class="about-copy"><span class="section-kicker">О компании</span><h2>КонсультантПлюс<br>с 1992 года</h2><p>Справочная правовая система, которой доверяют специалисты по всей России. Мы помогаем находить ответы быстро и принимать взвешенные решения.</p><a class="arrow-link" href="https://www.consultant.ru/about/" target="_blank" rel="noreferrer">Подробнее о компании <span>→</span></a></div><div class="about-number"><strong>30+</strong><span>лет помогаем<br>специалистам</span></div></section>
+  </main>
+
+  <footer class="footer"><div class="container footer-top"><a class="brand" href="#top"><span class="brand-mark">К+</span><span><b>Консультант</b><em>Плюс</em></span></a><div class="footer-links"><a href="#products">Продукты</a><a href="#news">Новости</a><a href="#about">О компании</a><a href="mailto:contact@consultant.ru">Написать нам</a></div><div class="footer-contact">+7 (495) 956-82-83<br><a href="mailto:contact@consultant.ru">contact@consultant.ru</a></div></div><div class="container footer-bottom"><span>© 1997–2026 КонсультантПлюс</span><a href="https://www.consultant.ru/about/" target="_blank" rel="noreferrer">Политика обработки персональных данных</a><span>117292, Москва</span></div></footer>
+
+  <div class="modal" id="modal" aria-hidden="true"><div class="modal-backdrop" data-close></div><div class="modal-card"><button class="modal-close" data-close aria-label="Закрыть">×</button><span class="section-kicker" id="modal-kicker">Пробный доступ</span><h2 id="modal-title">Получите доступ к системе</h2><p id="modal-text">Оставьте контакты, и специалист свяжется с вами.</p><form id="modal-form"><label>Ваше имя<input required name="name" placeholder="Имя"></label><label>Телефон или e-mail<input required name="contact" placeholder="+7 (___) ___-__-__"></label><button class="button primary" type="submit">Отправить заявку <span>→</span></button></form><div class="form-success" id="form-success">Спасибо! Заявка отправлена.</div></div></div>
+  <div class="cookie" id="cookie"><span>Мы используем файлы cookies, чтобы сайт работал удобнее.</span><button id="cookie-ok">Понятно</button></div>
+  <script src="app.js"></script>
+</body>
+</html>