Загрузка данных
<!DOCTYPE html>
<html lang="ru" itemscope itemtype="https://schema.org/WebApplication">
<head>
<!-- Kodata Metrica counter -->
<script src="/path/kodata.js?v=1780836295"></script>
<noscript><div><img src="https://metrica.kodata.ru/api/gate.php?site_id=3&event_type=pageview&noscript=1" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Kodata Metrica counter -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J7F049Z4DX"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>Вход в KODARI TOP — Авторизация в электронном журнале Колледжа ТОП и Академии ТОП</title>
<meta name="description" content="Войдите в KODARI TOP — электронный журнал Колледжа ТОП и Академии ТОП. Используйте логин от журнала или KODARI ID для быстрого доступа к оценкам, расписанию и домашним заданиям учащихся ТОП.">
<meta name="keywords" content="вход KODARI TOP, авторизация колледж ТОП, вход академия ТОП, логин журнал ТОП, вход в электронный журнал ТОП, KODARI ID, личный кабинет студента ТОП, авторизация академия TOP, вход в систему ТОП, доступ к журналу колледж ТОП, вход для студентов ТОП">
<meta name="author" content="KODARI">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://top.kodari.ru/login.php">
<meta property="og:title" content="Вход в KODARI TOP — Электронный журнал Колледжа ТОП">
<meta property="og:description" content="Авторизуйтесь в системе электронного журнала Колледжа ТОП. Вход через логин или KODARI ID.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://top.kodari.ru/login.php">
<meta property="og:image" content="https://top.kodari.ru/app/img/Kodaritop-f.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:site_name" content="KODARI TOP">
<meta property="og:locale" content="ru_RU">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Вход в KODARI TOP — Электронный журнал Колледжа ТОП">
<meta name="twitter:description" content="Войдите в систему электронного журнала Колледжа ТОП. Авторизация через логин или KODARI ID.">
<meta name="twitter:image" content="https://top.kodari.ru/app/img/Kodaritop-f.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon.png">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="favicon.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon.png">
<link rel="apple-touch-icon" sizes="57x57" href="favicon.png">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#000000">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="KODARI TOP">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="favicon.png">
<meta name="msapplication-config" content="browserconfig.xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=1780836295">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "KODARI TOP",
"alternateName": "Кодари ТОП",
"description": "Официальная система электронного журнала для студентов Колледжа ТОП. Оценки, расписание, домашние задания.",
"url": "https://top.kodari.ru/",
"applicationCategory": "EducationalApplication",
"operatingSystem": "Web Browser",
"image": "https://top.kodari.ru/app/img/Kodaritop-f.png",
"provider": {
"@type": "Organization",
"name": "KODARI",
"url": "https://kodari.ru/",
"logo": "https://top.kodari.ru/favicon.png"
},
"audience": {
"@type": "EducationalAudience",
"educationalRole": "student"
},
"featureList": [
"Электронный журнал",
"Просмотр оценок",
"Расписание занятий",
"Домашние задания",
"Учебные материалы"
],
"inLanguage": "ru-RU",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "RUB"
}
}
</script>
</head>
<body>
<div class="background-grid"></div>
<div class="glow-orb orb-1"></div>
<div class="glow-orb orb-2"></div>
<div class="container">
<div class="login-card">
<header class="login-header">
<h1 class="logo" itemprop="name">KODARI</h1>
<p class="logo-subtitle" itemprop="description">
<span class="logo-subtitle-main">Журнальчик ТОП</span>
<span class="logo-subtitle-note">
Вводите логин и пароль от
<a href="https://journal.top-academy.ru/" target="_blank" rel="noopener noreferrer">journal</a>
</span>
</p>
</header>
<form class="login-form" id="loginForm" role="main">
<div class="form-group">
<label for="login">Логин от журнала</label>
<input type="text" id="login" name="login" placeholder="Введите логин" required aria-describedby="login-help">
</div>
<div class="form-group">
<label for="password">Пароль от журнала</label>
<input type="password" id="password" name="password" placeholder="Введите пароль" required aria-describedby="password-help">
</div>
<button type="submit" class="login-btn">
<span class="btn-text">Войти</span>
<svg class="btn-icon" width="20" height="20" viewBox="0 0 24 24" fill="none">
<path d="M13 7L18 12L13 17M6 12H18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<p class="agreement-text">
При использовании сервиса вы соглашаетесь с
<a href="https://docs.kodari.ru/page.php?project=top-kodari§ion=politiki&page=pol%D1%8Czovatel%D1%8Cskoe-soglashenie" target="_blank" rel="noopener noreferrer">пользовательским соглашением</a>
</p>
<div class="divider">
<span>или</span>
</div>
<a href="https://id.kodari.ru/id/service-connect.html?orgid=9774270" class="kodari-login-btn">
<img src="https://id.kodari.ru/id/img/kodari_id_w.png" width="20" height="20" alt="KODARI ID">
<span>Войти через KODARI ID</span>
</a>
</form>
</div>
</div>
<script src="/config.php"></script>
<script type="application/json" id="topLoginConfig">{"postLoginReturnUrl":"/app/"}</script>
<script src="login-config.js?v=1780836295"></script>
<script src="script.js?v=1780836295"></script>
<script src="login-sqli-guard.js?v=1780836295"></script>
<style>
@keyframes easbIn {
from { transform: translate(-50%, -16px); opacity: 0; }
to { transform: translate(-50%, 0); opacity: 1; }
}
@keyframes easbOut {
from { transform: translate(-50%, 0); opacity: 1; }
to { transform: translate(-50%, -16px); opacity: 0; }
}
@keyframes easbPulse {
0%,100% { opacity: 1; }
50% { opacity: 0.4; }
}
#externalApiStatusBanner {
position: fixed; top: 16px; left: 50%; transform: translate(-50%, 0);
z-index: 19999; width: calc(100% - 32px); max-width: 580px;
display: flex; align-items: center; gap: 10px;
padding: 11px 14px 11px 16px;
background: rgba(18, 18, 18, 0.92);
border: 1px solid rgba(245, 158, 11, 0.35);
border-radius: 14px;
box-shadow: 0 4px 24px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(245,158,11,0.08);
backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
font-size: 13px; font-weight: 500; color: rgba(255,255,255,0.85);
animation: easbIn 0.35s cubic-bezier(.22,1,.36,1) forwards;
pointer-events: auto;
}
#externalApiStatusBanner.easb-hiding {
animation: easbOut 0.25s ease forwards;
}
#externalApiStatusBanner .easb-icon {
width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0;
background: rgba(245,158,11,0.15);
display: flex; align-items: center; justify-content: center;
}
#externalApiStatusBanner .easb-icon svg {
animation: easbPulse 2s ease-in-out infinite;
}
#externalApiStatusBanner .easb-text {
flex: 1; line-height: 1.4;
}
#externalApiStatusBanner .easb-title {
color: rgba(255,255,255,0.95); font-weight: 600; display: block; margin-bottom: 2px;
}
#externalApiStatusBanner .easb-sub {
color: rgba(255,255,255,0.45); font-size: 12px; display: block;
}
#externalApiStatusBanner .easb-close {
width: 26px; height: 26px; border-radius: 7px; flex-shrink: 0;
background: transparent; border: none; cursor: pointer;
display: flex; align-items: center; justify-content: center;
color: rgba(255,255,255,0.35); transition: background 0.15s, color 0.15s;
padding: 0;
}
#externalApiStatusBanner .easb-close:hover {
background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7);
}
</style>
<div id="externalApiStatusBanner">
<div class="easb-icon">
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/>
<line x1="12" y1="9" x2="12" y2="13"/>
<line x1="12" y1="17" x2="12.01" y2="17"/>
</svg>
</div>
<div class="easb-text">
<span class="easb-title">Сервер журнала временно недоступен</span>
<span class="easb-sub">Часть данных может быть устаревшей — KODARI TOP продолжает работать</span>
</div>
<button class="easb-close" data-easb-close aria-label="Закрыть">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
<line x1="18" y1="6" x2="6" y2="18"/>
<line x1="6" y1="6" x2="18" y2="18"/>
</svg>
</button>
</div>
<script src="/path/ext-api-banner.js?v=1780836295"></script>
</body>
</html>