/
set2701
/
Bautex_Design
Обзор
Документация
Войти
/
set2701
/
Bautex_Design
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
dashboard.html
167 строк
6 KB
Stepan
Правки для формы и гридов
10 дек 2025, 10:00
10 дек 2025, 10:00
864cf2e
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-Regular.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-Medium.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-Bold.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/GothicA1-ExtraLight.woff2" crossorigin="anonymous"> <link rel="preload" as="font" type="font/woff2" href="../fonts/fonts/ProstoOne-Regular.woff2" crossorigin="anonymous"> <title>BAUTEX DESIGN - Информационная панель</title> <style> @font-face { font-family: 'Gothic A1'; src: url('../fonts/fonts/GothicA1-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gothic A1'; src: url('../fonts/fonts/GothicA1-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gothic A1'; src: url('../fonts/fonts/GothicA1-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Gothic A1'; src: url('../fonts/fonts/GothicA1-ExtraLight.woff2') format('woff2'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Prosto One'; src: url('../fonts/fonts/ProstoOne-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } </style> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/dashboard.css"> </head> <body class="dashboard"> <header class="site-header"> <nav class="main-nav" aria-label="Главная навигация"> <ul> <li><a href="index.html">Главная</a></li> <li><a href="gallery.html">Галерея</a></li> <li><a href="#">Коллекции</a></li> <li><a href="#">О нас</a></li> </ul> </nav> <div class="burger" aria-label="Меню" role="button"> <span></span> <span></span> <span></span> </div> </header> <div class="layout"> <aside class="sidebar"> <nav aria-label="Навигация по панели"> <ul> <li><a href="#"> Статистика</a></li> <li><a href="#"> Клиенты</a></li> <li><a href="#"> Продажи</a></li> <li><a href="#"> Аналитика</a></li> <li><a href="#"> Отчёты</a></li> <li><a href="#"> Настройки</a></li> </ul> </nav> </aside> <main class="content"> <h1>Информационная панель</h1> <div class="grid-dashboard"> <div class="chart-card"> <h2>Общие продажи за год</h2> <div class="chart-image-container"> <img src="img/graph1.png" alt="График общих продаж за год" class="chart-image"> </div> </div> <div class="chart-card"> <h2>Распределение по регионам</h2> <div class="chart-image-container"> <img src="img/graph2.png" alt="Диаграмма распределения продаж по регионам" class="chart-image"> </div> </div> <div class="chart-card"> <h2>Клиентская база</h2> <div class="chart-image-container"> <img src="img/graph3.png" alt="График роста клиентской базы" class="chart-image"> </div> </div> <div class="chart-card"> <h2>Эффективность рекламы</h2> <div class="chart-image-container"> <img src="img/graph4.png" alt="Радарная диаграмма эффективности рекламных каналов" class="chart-image"> </div> </div> <div class="chart-card"> <h2>Динамика прибыли</h2> <div class="chart-image-container"> <img src="img/graph5.png" alt="График динамики прибыли по месяцам" class="chart-image"> </div> </div> <div class="chart-card"> <h2>Целевые показатели</h2> <div class="chart-image-container"> <img src="img/graph6.png" alt="Диаграмма выполнения целевых показателей" class="chart-image"> </div> </div> </div> </main> </div> <footer class="footer"> <div> <h2>Навигация</h2> <hr> <nav aria-label="Нижнее меню"> <ul> <li><a href="index.html">Главная</a></li> <li><a href="gallery.html">Галерея</a></li> <li><a href="dashboard.html">Дашборд</a></li> </ul> </nav> </div> <div> <h2>Контакты</h2> <hr> <address class="contacts"> <ul> <li><p>119049, г. Москва, ул. Крымский вал, д. 3, с. 2</p></li> <li><a href="tel:+74955329112">+7 (495) 532–91–12</a></li> <li><a href="mailto:design@bautex.ru">design@bautex.ru</a></li> </ul> </address> <p>© 2025 BAUTEX DESIGN. Информационная панель</p> </div> </footer> </body> </html>