resume:

<!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”>
    <!-- Include FontAwesome icons for social media -->
    <link rel=“stylesheet” href=“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css”>
    <style>
        /* Custom CSS */
        body {
            background-color: #0d0d1a;
            color: #e0e0e0;
            font-family: ‘Montserrat’, sans-serif;
            font-size: 1rem;
            line-height: 1.5;
        }
        
        header {
            background-color: #1c1c2e;
            padding: 1rem 1rem; 
            box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(10px);
        }

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

        header .navbar-toggler {
            border-color: #ff4c60;
        }

        header .navbar-toggler-icon {
            background-color: #ff4c60;
        }

        .navbar-nav .nav-item .nav-link {
            color: #e0e0e0;
            margin: 0 0.5rem;
            transition: color 0.3s;
        }

        .navbar-nav .nav-item .nav-link.active,
        .navbar-nav .nav-item .nav-link:hover {
            color: #ff4c60;
            font-weight: bold;
        }

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

        .intro h1 {
            color: #ff4c60;
            font-size: 3rem;
            margin-bottom: 1.25rem;
        }

        .intro p {
            font-size: 1.25rem;
            margin-bottom: 1.5rem;
        }

        .btn-primary {
            background-color: #ff4c60;
            font-weight: 700;
            border: none;
            padding: 0.75rem 1.5rem;
            transition: background-color 0.3s;
        }

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

        footer {
            background-color: #1c1c2e;
            padding: 2rem 1rem;
            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.7);
            margin-top: auto;
            position: relative;
            z-index: 1;
        }

        footer .socials {
            margin-bottom: 1rem;
        }

        footer .socials a {
            color: #ff4c60;
            text-decoration: none;
            font-size: 1.5rem;
            transition: transform 0.3s ease;
            margin: 0 0.5rem;
        }

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

        footer p {
            color: #e0e0e0;
        }

        .table-responsive {
            margin: 2rem 0;
        }

        table {
            background: rgba(28, 28, 46, 0.9);
            width: 100%;
            border-collapse: collapse;
        }

        table th, table td {
            padding: 1rem;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        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;
        }
    </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” aria-controls=“navbarNav” aria-expanded=“false” aria-label=“Toggle navigation”>
                    <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 active” aria-current=“page” 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>
                <button class=“btn btn-primary”>Узнать больше</button>
            </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>
                            <