<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSGOPOSITIVE - Рейтинги</title>
    <link rel="icon" href="https://csgopstv.com/img/favicon.png" sizes="48x48">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body {
            background-color: #0d0d1a;
            color: #e0e0e0;
            font-family: 'Montserrat', sans-serif;
        }

        header {
            background-color: #1c1c2e;
            padding: 20px; 
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.7);
        }

        header .navbar-brand img {
            height: 50px;
        }

        .intro {
            text-align: center;
            background: rgba(28, 28, 46, 0.9);
            padding: 60px;
            border-radius: 15px;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
            max-width: 800px;
            margin: 40px auto;
        }

        .intro h1 {
            color: #ff4c60;
            font-size: 48px;
            margin-bottom: 20px;
        }

        .intro p {
            font-size: 20px;
            margin-bottom: 30px;
        }

        .btn-primary {
            background-color: #ff4c60;
            font-weight: 700;
            border: none;
        }

        .btn-primary:hover {
            background-color: #e03b50;
        }

        footer {
            background-color: #1c1c2e;
            padding: 30px 20px;
            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.7);
            margin-top: auto;
        }

        footer .socials a {
            color: #ff4c60;
            text-decoration: none;
            font-size: 24px;
            transition: transform 0.3s ease;
        }

        footer .socials a:hover {
            transform: scale(1.2);
        }

        table {
            margin: 40px 0;
            background: rgba(28, 28, 46, 0.9);
        }

        table th {
            background: #ff4c60;
            color: #ffffff;
            font-weight: bold;
            text-transform: uppercase;
        }

        table tbody tr:nth-child(even) {
            background: rgba(58, 58, 94, 0.6);
        }

        table tbody tr:hover td {
            background: rgba(58, 58, 94, 0.9);
            cursor: pointer;
        }

        table td {
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 15px;
            overflow: hidden;
        }
    </style>
</head>
<body class="d-flex flex-column min-vh-100">
    <header>
        <nav class="navbar navbar-expand-lg">
            <div class="container">
                <a class="navbar-brand" href="#">
                    <img src="https://csgopositive.me/template_v2/img_v2/logo_v32.png" alt="CSGOPOSITIVE Logo">
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item"><a class="nav-link" href="player_stats.html">Рейтинги</a></li>
                        <li class="nav-item"><a class="nav-link" href="prizes.html">Призы</a></li>
                        <li class="nav-item"><a class="nav-link" href="servers.html">Сервера</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <main class="flex-grow-1">
        <div class="container">
            <div class="intro text-center my-4">
                <h1>Рейтинги Игроков</h1>
                <p>Следите за лучшими игроками в игре!</p>
            </div>
            <div class="table-responsive">
                <table class="table table-dark table-hover">
                    <thead>
                        <tr>
                            <th scope="col">Имя игрока</th>
                            <th scope="col">Убийства</th>
                            <th scope="col">Погибели</th>
                            <th scope="col">K/D</th>
                            <th scope="col">Время игры</th>
                            <th scope="col">Время включения</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Player1</td>
                            <td>150</td>
                            <td>100</td>
                            <td>1.5</td>
                            <td>12ч</td>
                            <td>Сегодня 18:00</td>
                        </tr>
                        <tr>
                            <td>Player2</td>
                            <td>200</td>
                            <td>80</td>
                            <td>2.5</td>
                            <td>15ч</td>
                            <td>Сегодня 17:00</td>
                        </tr>
                        <!-- Additional player stats can be added here -->
                    </tbody>
                </table>
            </div>
        </div>
    </main>
    <footer class="text-center">
        <div class="socials mb-3">
            <a href="https://vk.com/csgopositive_tour"><i class="fab fa-vk"></i></a>
            <a href="https://www.youtube.com/@csgopstv"><i class="fab fa-youtube"></i></a>
            <a href="https://www.twitch.tv/csgopstv"><i class="fab fa-twitch"></i></a>
        </div>
        <p>© 2023 CSGOPOSITIVE. Все права защищены.</p>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>


detect all problems with this website`s design ui/ux end rework is with anything you want, send me ALL problems before fixing