111 lines
5.9 KiB
HTML
111 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Дизайн: Стандартный дизайн. Сохраняй все пять CSS; подробности в design.md. -->
|
||
<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="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">
|
||
<link rel="stylesheet" href="design-system/vibe-theme.css">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="position:absolute;width:0;height:0;overflow:hidden">
|
||
<symbol id="check-circle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M21.8 10A10 10 0 1 1 17 3.34"/><path d="m9 11 3 3L22 4"/></symbol>
|
||
<symbol id="user" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></symbol>
|
||
<symbol id="arrowLeft" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"/><path d="M19 12H5"/></symbol>
|
||
</svg>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<img class="ds-logo" src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком">
|
||
<span class="ds-app-name">Хакатон 2026</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="index.html">Главная</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="participants.html">Участники</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-section ds-register-sec">
|
||
<div class="kt-ai-wrap" data-width="narrow">
|
||
<div class="kt-ai-section-head" style="text-align:center">
|
||
<h2>Регистрация на хакатон</h2>
|
||
<p>28 сентября · ул. Сауран, 12 · 10:00 · 5 часов</p>
|
||
</div>
|
||
|
||
<div id="reg-succ" class="ds-succ" hidden>
|
||
<svg class="kt-icon ds-succ-ic"><use href="#check-circle"></use></svg>
|
||
<h3>Вы зарегистрированы!</h3>
|
||
<p id="reg-succ-text">Подтверждение отправим на почту накануне мероприятия.</p>
|
||
<a class="kt-ai-btn" data-variant="primary" href="participants.html">Смотреть список участников</a>
|
||
</div>
|
||
|
||
<form id="reg-form" class="ds-form" novalidate>
|
||
<div class="kt-ai-grid" data-cols="2" style="gap:var(--kt-ai-space-4)">
|
||
<label class="kt-ai-field">
|
||
<span class="kt-ai-field-label">ФИО</span>
|
||
<input class="kt-ai-input" id="f-name" name="name" type="text" placeholder="Айдос Серикуов" required>
|
||
<span class="kt-ai-field-error" data-err="name"></span>
|
||
</label>
|
||
<label class="kt-ai-field">
|
||
<span class="kt-ai-field-label">Email</span>
|
||
<input class="kt-ai-input" id="f-email" name="email" type="email" placeholder="aidos@example.com" required>
|
||
<span class="kt-ai-field-error" data-err="email"></span>
|
||
</label>
|
||
<label class="kt-ai-field">
|
||
<span class="kt-ai-field-label">Телефон</span>
|
||
<input class="kt-ai-input" id="f-phone" name="phone" type="tel" placeholder="+7 700 555 12 34" required>
|
||
<span class="kt-ai-field-error" data-err="phone"></span>
|
||
</label>
|
||
<label class="kt-ai-field">
|
||
<span class="kt-ai-field-label">Город</span>
|
||
<input class="kt-ai-input" id="f-city" name="city" type="text" placeholder="Астана">
|
||
</label>
|
||
<label class="kt-ai-field">
|
||
<span class="kt-ai-field-label">Направление</span>
|
||
<select class="kt-ai-select" id="f-dir" name="direction" required>
|
||
<option value="">Выберите направление</option>
|
||
<option value="Frontend">Frontend</option>
|
||
<option value="Backend">Backend</option>
|
||
<option value="Data Science">Data Science</option>
|
||
</select>
|
||
<span class="kt-ai-field-error" data-err="dir"></span>
|
||
</label>
|
||
<div class="kt-ai-field">
|
||
<span class="kt-ai-field-label">Участие</span>
|
||
<select class="kt-ai-select" id="f-team" name="team" required>
|
||
<option value="">Выберите вариант</option>
|
||
<option value="solo">Индивидуально</option>
|
||
<option value="team">Своей командой</option>
|
||
</select>
|
||
<span class="kt-ai-field-error" data-err="team"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<label class="ds-consent" id="f-consent-wrap">
|
||
<input type="checkbox" id="f-consent" name="consent">
|
||
<span>Согласен на обработку персональных данных и получение писем о хакатоне</span>
|
||
<span class="kt-ai-field-error" data-err="consent"></span>
|
||
</label>
|
||
|
||
<div class="ds-form-actions">
|
||
<a class="kt-ai-btn" href="index.html"><svg class="kt-icon kt-icon-sm"><use href="#arrowLeft"></use></svg>Назад</a>
|
||
<button class="kt-ai-btn" data-variant="primary" type="submit">Зарегистрироваться</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Казахтелеком · Хакатон</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-link" href="index.html">На главную</a>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|