104 lines
6.7 KiB
HTML
104 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Проект «Регистрация на тим-билдинг АО "Казахтелеком"». Фронт на дизайн-системе KT AI; формы отдают в API (server.js). -->
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Тим-билдинг · АО «Казахтелеком»</title>
|
||
<link rel="icon" href="design-system/brand/kt-ai-logo.png">
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.tb-page { max-width: 960px; margin: 0 auto; padding: var(--kt-ai-space-8) var(--kt-ai-space-5); }
|
||
.tb-grid { display: grid; grid-template-columns: 1fr; gap: var(--kt-ai-space-8); align-items: start; }
|
||
@media (min-width: 800px) { .tb-grid { grid-template-columns: 16fr 11fr; } .tb-form-card { position: sticky; top: var(--kt-ai-space-6); } }
|
||
.tb-facts { display: grid; gap: var(--kt-ai-space-2); margin-top: var(--kt-ai-space-4); }
|
||
.tb-fact { display: flex; align-items: center; gap: var(--kt-ai-space-3); padding: var(--kt-ai-space-3) var(--kt-ai-space-4); background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border); border-radius: var(--kt-ai-radius-lg); }
|
||
.tb-fact .kt-icon { color: var(--kt-ai-primary); flex: none; }
|
||
.tb-fact span { font-size: var(--kt-ai-text-sm); }
|
||
.tb-form-card { padding: var(--kt-ai-space-6); }
|
||
.tb-form-card form { display: grid; gap: var(--kt-ai-space-4); margin-top: var(--kt-ai-space-4); }
|
||
.tb-msg { display: none; padding: var(--kt-ai-space-3) var(--kt-ai-space-4); border-radius: var(--kt-ai-radius-lg); font-size: var(--kt-ai-text-sm); }
|
||
.tb-msg.ok { display: block; color: var(--kt-ai-primary); background: var(--kt-ai-bg-soft); border: 1px solid var(--kt-ai-border); }
|
||
.tb-msg.err { display: block; color: var(--kt-ai-danger); background: var(--kt-ai-bg-soft); border: 1px solid var(--kt-ai-border); }
|
||
.tb-count { margin-top: var(--kt-ai-space-4); font-size: var(--kt-ai-text-sm); color: var(--kt-ai-fg-muted); }
|
||
.tb-note { margin-top: var(--kt-ai-space-6); font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-muted); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<a href="index.html" style="display:inline-flex;align-items:center;gap:var(--kt-ai-space-2);text-decoration:none">
|
||
<img src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком" height="22">
|
||
</a>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#reg">Регистрация</a>
|
||
<a class="kt-ai-btn" href="participants.html">Участники</a>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="tb-page">
|
||
<div class="tb-grid">
|
||
|
||
<!-- Карточка события -->
|
||
<section>
|
||
<span class="kt-ai-chip" style="display:inline-block">Внутреннее мероприятие</span>
|
||
<h1 style="margin:var(--kt-ai-space-3) 0 var(--kt-ai-space-2);font-size:var(--kt-ai-text-2xl)">Корпоративный тим-билдинг</h1>
|
||
<p class="tb-sub" style="color:var(--kt-ai-fg-muted)">День командных игр и соревнований для коллективов АО «Казахтелеком». Регистрация открыта для всех сотрудников и их команд.</p>
|
||
|
||
<div class="tb-facts">
|
||
<div class="tb-fact"><svg class="kt-icon" aria-hidden="true"><use href="#calendar"></use></svg><span><strong>Суббота, 10 октября 2026</strong> · 11:00–16:00</span></div>
|
||
<div class="tb-fact"><svg class="kt-icon" aria-hidden="true"><use href="#pin"></use></svg><span>г. Алматы, центральный офис, 4-й этаж (актовый зал)</span></div>
|
||
<div class="tb-fact"><svg class="kt-icon" aria-hidden="true"><use href="#users"></use></svg><span>Лимит <strong>150 участников</strong>, регистрация на 1 человека</span></div>
|
||
<div class="tb-fact"><svg class="kt-icon" aria-hidden="true"><use href="#sparkles"></use></svg><span>Обед и вода — за счёт компании. Свободная форма, закрытая обувь</span></div>
|
||
</div>
|
||
|
||
<div class="tb-count" id="tb-count" hidden></div>
|
||
<p class="tb-note">Чтобы добавить коллег, поделитесь ссылкой на эту форму — каждый регистрируется отдельно, в списке заявок видно всех.</p>
|
||
</section>
|
||
|
||
<!-- Форма регистрации -->
|
||
<section id="reg" class="kt-ai-card tb-form-card">
|
||
<h2 style="font-size:var(--kt-ai-text-lg)">Заявка на участие</h2>
|
||
<form id="tb-form" novalidate>
|
||
<div id="tb-msg" class="tb-msg" role="status"></div>
|
||
<div class="kt-ai-field">
|
||
<label for="tb-name">ФИО</label>
|
||
<input class="kt-ai-input" id="tb-name" name="name" type="text" placeholder="Айтжанов Серик Абдикырович" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="tb-dept">Отдел / направление</label>
|
||
<input class="kt-ai-input" id="tb-dept" name="dept" type="text" placeholder="Служба корпоративных клиентов" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="tb-email">Рабочий e-mail</label>
|
||
<input class="kt-ai-input" id="tb-email" name="email" type="email" placeholder="name@kaztelecom.kz" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="tb-phone">Телефон</label>
|
||
<input class="kt-ai-input" id="tb-phone" name="phone" type="tel" placeholder="+7 701 000 00 00" required>
|
||
</div>
|
||
<button class="kt-ai-btn" data-variant="primary" type="submit">Зарегистрироваться</button>
|
||
<p style="font-size:var(--kt-ai-text-xs);color:var(--kt-ai-fg-muted)">Отправляя форму, вы соглашаетесь на обработку данных для организации мероприятия.</p>
|
||
</form>
|
||
</section>
|
||
|
||
</div>
|
||
</main>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot" style="margin-top:var(--kt-ai-space-10)">
|
||
<span>© 2026 АО «Казахтелеком»</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>HR-дирекция</span>
|
||
</footer>
|
||
|
||
<script src="design-system/icons/kt-ai-icons.js"></script>
|
||
<script src="script.js"></script>
|
||
|
||
</body>
|
||
</html>
|