/
korsakovaea
/
Unbeatable_Benchmarking
Обзор
Документация
Войти
/
korsakovaea
/
Unbeatable_Benchmarking
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
Frontend/comparison.html
211 строк
5 KB
Alekron
Initial Frontend
23 ноя 2025, 09:12
23 ноя 2025, 09:12
c461277
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8" /> <title>Сравнительная таблица</title> <link rel="stylesheet" href="/css/styles.css" /> <style> h1 { font-size: 54px; margin-bottom: 40px; color: #EDE9FF; } .table-box { margin: 0 auto; background: rgba(22,20,34,0.75); border-radius: 22px; padding: 25px; box-shadow: 0 0 25px rgba(0,0,0,0.35); position: relative; } .tag { position: absolute; right: 30px; bottom: 40px; background: #6C57FF; padding: 6px 14px; border-radius: 10px; font-size: 12px; } table { width: 100%; border-collapse: collapse; font-size: 15px; color: #e4e4ff; } thead tr { background: linear-gradient(90deg, #6c57ff 0%, #4b3ac9 100%); color: white; font-weight: 600; font-size: 14px; } thead th { padding: 14px 10px; border-bottom: 1px solid rgba(255,255,255,0.25); border-right: 1px solid rgba(255,255,255,0.18); } tbody tr { transition: 0.25s; background: rgba(255,255,255,0.02); } tbody tr:nth-child(odd) { background: rgba(255,255,255,0.04); } tbody tr:hover { background: rgba(108,87,255,0.12); } td { padding: 12px 10px; border-bottom: 1px solid rgba(255,255,255,0.08); border-right: 1px solid rgba(255,255,255,0.12); } .prompt-box { width: 70%; margin: 70px auto; background: rgba(22,20,34,0.75); padding: 14px 20px; border-radius: 16px; display: flex; align-items: center; } .prompt-box input { flex: 1; background: transparent; border: none; color: white; font-size: 14px; outline: none; } .prompt-btn { background: #6C57FF; padding: 10px 20px; border-radius: 10px; border: none; color: white; cursor: pointer; display: flex; gap: 6px; align-items: center; font-size: 14px; } </style> </head> <body> <nav class="top-nav"> <a href="index.html">Главная</a> <a href="teble.html" >Сравнительная таблица</a> <a href="graf.html">Графики</a> <a href="comparison.html " class="active">Сводная таблица</a> </nav> <main class="main-content"> <div class="container"> <h1>Сводная таблица</h1> <div class="table-box"> <table> <thead> <tr> <th>Критерии</th> <th>Сбер</th> <th>ВТБ</th> <th>Альфа-Банк</th> <th>Т-Банк</th> </tr> </thead> <tbody> <tr> <td>Вклад 1-3 мес</td> <td>20%</td> <td>20.25%</td> <td class="best">20.99%</td> <td>20.01%</td> </tr> <tr> <td>Вклад 6-12 мес</td> <td>18.5%</td> <td>19%</td> <td>19.5%</td> <td class="best">19.75%</td> </tr> <tr> <td>Вклад 2-3 года</td> <td>16.5%</td> <td>17%</td> <td>17.2%</td> <td class="best">17.5%</td> </tr> <tr> <td>Минимальная сумма</td> <td>100 тыс. руб</td> <td class="best">10 тыс. руб</td> <td>50 тыс. руб</td> <td>50 тыс. руб</td> </tr> <tr> <td>Капитализация</td> <td>ежемесячная</td> <td>ежемесячная</td> <td>ежемесячная</td> <td>ежедневная</td> </tr> <tr> <td>Льготный период</td> <td>120 дней</td> <td>110 дней</td> <td>180 дней</td> <td class="best">55 дней</td> </tr> <tr> <td>Доступность отделений</td> <td class="best">99% регионов</td> <td>85% регионов</td> <td>65% регионов</td> <td>0% (онлайн)</td> </tr> <tr> <td>Брокерские комиссии</td> <td>0.3%</td> <td>0.25%</td> <td>0.2%</td> <td class="best">0.05%</td> </tr> </tbody> </table> </div> <div class="pros-cons-box"> <div class="pros-cons-column pros"> <ul> <li>лучшая доступность для пенсионеров и малых городов</li> <li>самый высокий рейтинг мобильного банкинга: 5/5</li> </ul> </div> <div class="pros-cons-column cons"> <ul> <li>снижение комиссий за брокерское обслуживание</li> <li>расширение партнерских программ лояльности</li> </ul> </div> </div> <div class="prompt-box"> <input type="text" placeholder="Введите промпт" /> <button class="prompt-btn">Уточни детали ✨</button> </div> </div> </main> </body> </html>