/
Alekron
/
Unbeatable_Benchmarking
Обзор
Документация
Войти
/
Alekron
/
Unbeatable_Benchmarking
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
Frontend/teble.html
250 строк
6 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" class="active">Сравнительная таблица</a> <a href="graf.html">Графики</a> <a href="comparison.html">Сводная таблица</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> <th>Газпромбанк</th> <th>Россельхозбанк</th> <th>МКБ</th> <th>ПСБ</th> </tr> </thead> <tbody> <tr> <td>1-3 мес</td> <td>14.5%</td> <td>15.5%</td> <td>15%</td> <td>15%</td> <td>16.3%</td> <td>15.5%</td> <td>15.75%</td> <td class="best">17%</td> </tr> <tr> <td>6-12 мес</td> <td>13.5%</td> <td>14.5%</td> <td>13.86%</td> <td>13.5%</td> <td>10%</td> <td>13.5%</td> <td>13.5%</td> <td class="best">15%</td> </tr> <tr> <td>1-3 года</td> <td>8.5%</td> <td>9.5%</td> <td>8.5%</td> <td>10%</td> <td>7.8%</td> <td>8.2%</td> <td>8.7%</td> <td class="best">11%</td> </tr> <tr> <td>Минимальная сумма</td> <td>100 тыс. руб</td> <td>10 тыс. руб</td> <td>50 тыс. руб</td> <td>50 тыс. руб</td> <td>15 тыс. руб</td> <td>5 тыс. руб</td> <td class="best">1 тыс. руб</td> <td>30 тыс. руб</td> </tr> <tr> <td>Капитализация</td> <td>ежемесячная</td> <td>ежемесячная</td> <td>ежемесячная</td> <td>ежедневная</td> <td>ежемесячная</td> <td>ежемесячная</td> <td>ежемесячная</td> <td>ежемесячная</td> </tr> <tr> <td>Льготный период</td> <td class="best">120 дней</td> <td>110 дней</td> <td>180 дней</td> <td>55 дней</td> <td>100 дней</td> <td>90 дней</td> <td>100 дней</td> <td>105 дней</td> </tr> <tr> <td>Доступность отделений</td> <td class="best">99% регионов</td> <td>85% регионов</td> <td>65% регионов</td> <td>0% (онлайн)</td> <td>80% регионов</td> <td>95% регионов</td> <td>50% регионов</td> <td>75% регионов</td> </tr> <tr> <td>Брокерские комиссии</td> <td>0.3%</td> <td>0.25%</td> <td>0.2%</td> <td>0.05%</td> <td>0.35%</td> <td>0.4%</td> <td class="best">0.18%</td> <td>0.28%</td> </tr> </tbody> </table> </div> <div class="pros-cons-box"> <div class="pros-cons-column pros"> <ul> <li>широкая сеть отделений: 99% регионов</li> <li>лучшая интеграция с госуслугами и бюджетными платежами</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>