136 lines
9.6 KiB
HTML
136 lines
9.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru" data-theme="auto">
|
||
<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">
|
||
<style>
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.tb-brand .kt-ai-brand { display: inline-flex; align-items: center; gap: var(--kt-ai-space-3); margin: 0 var(--kt-ai-space-4) 0 0; }
|
||
.tb-brand img { height: 22px; width: auto; }
|
||
.tb-brand .brand-name { font-weight: var(--kt-ai-weight-semibold); }
|
||
.tb-form-card { max-width: 640px; margin: 0 auto; }
|
||
.tb-success { display: none; text-align: center; padding: var(--kt-ai-space-8) var(--kt-ai-space-5); }
|
||
.tb-success .tb-success-title { margin-top: var(--kt-ai-space-4); font-size: var(--kt-ai-text-xl); font-weight: var(--kt-ai-weight-bold); }
|
||
.tb-success p { color: var(--kt-ai-fg-muted); margin-top: var(--kt-ai-space-3); }
|
||
.tb-icon-tile .kt-ai-tile-icon { display: inline-flex; margin-bottom: var(--kt-ai-space-3); }
|
||
.tb-icon-tile .kt-icon { color: var(--kt-ai-primary); }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<span class="tb-brand"><img src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком"><span class="brand-name">Тимбилдинг</span></span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#program">Программа</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#register">Записаться</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<span class="kt-ai-chip" style="margin-bottom: var(--kt-ai-space-4)">Суббота, 25 октября 2026</span>
|
||
<h1>Тимбилдинг АО «Казахтелеком»</h1>
|
||
<p class="kt-ai-hero-sub">Один день вместе: спорт, команды, новые знакомства и много позитива. Приходи в хорошем настроении — остальное мы организуем.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#register">Записаться</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#program">Программа дня</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Что тебя ждёт</h2>
|
||
<p>Днем займёмся всем: и поспорим на скорость, и пообщаемся с коллегами из других отделов.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)" data-cols="2">
|
||
<article class="kt-ai-tile tb-icon-tile"><span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#users"></use></svg></span><h3>Командные активности</h3><p>Работаем в смешанных командах: квизы, эстафеты и командные вызовы — побеждает дружба, а не опыт.</p></article>
|
||
<article class="kt-ai-tile tb-icon-tile"><span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#sparkles"></use></svg></span><h3>Спорт и игра</h3><p>Активные зоны на свежем воздухе: для каждого что-нибудь по силам и по настроению.</p></article>
|
||
<article class="kt-ai-tile tb-icon-tile"><span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#chat"></use></svg></span><h3>Общение вне офиса</h3><p>Перерывы, пикник и свободная зона — чтобы познакомиться с коллегами, с которыми пока не пересекались.</p></article>
|
||
<article class="kt-ai-tile tb-icon-tile"><span class="kt-ai-tile-icon"><svg class="kt-icon" aria-hidden="true"><use href="#trophy"></use></svg></span><h3>Питание и призы</h3><p>Обед, закуски и напитки включены. Лучшие команды увезут награды домой.</p></article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="program" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Программа дня</h2>
|
||
<p>Приходите к 10:00 — встречаем у входа. Обед с 13:00, до 15:30 финал игры и награждение.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)" data-cols="2">
|
||
<article class="kt-ai-tile"><h3>09:30–10:00 · Сбор участников</h3><p>Регистрация, получение футболок команд и бейджей.</p></article>
|
||
<article class="kt-ai-tile"><h3>10:00–10:30 · Открытие и разминка</h3><p>Делим команды, знакомимся, разминаемся.</p></article>
|
||
<article class="kt-ai-tile"><h3>10:30–13:00 · Командные активности</h3><p>Квизы, эстафеты, активные зоны — всё вперемешку, чтобы познакомиться с коллегами.</p></article>
|
||
<article class="kt-ai-tile"><h3>13:00–14:00 · Обед</h3><p>Обед вместе с командой.</p></article>
|
||
<article class="kt-ai-tile"><h3>14:00–15:30 · Финал и награждение</h3><p>Финальное задание, подведём итоги и наградим лучшие команды.</p></article>
|
||
<article class="kt-ai-tile"><h3>15:30 · Финал</h3><p>Офотографировались, обменялись контактами, разошлись.</p></article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="register" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Регистрация</h2>
|
||
<p>Заполни форму — это займёт меньше минуты. После отправки оргкомитет свяжется с тобой, если будут вопросы.</p>
|
||
</div>
|
||
|
||
<div class="tb-form-card" style="margin-top: var(--kt-ai-space-7); background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border); border-radius: var(--kt-ai-radius-2xl); padding: var(--kt-ai-space-6);">
|
||
<form id="reg-form" novalidate>
|
||
<div class="kt-ai-field"><label>ФИО</label><input class="kt-ai-input" name="name" placeholder="Фамилия Имя Отчество" required></div>
|
||
<div class="kt-ai-field"><label>Отдел / подразделение</label><input class="kt-ai-input" name="dept" placeholder="Например: Сеть доступа" required></div>
|
||
<div class="kt-ai-field"><label>Телефон</label><input class="kt-ai-input" name="phone" type="tel" placeholder="+7 ___ ___ __ __" required></div>
|
||
<div class="kt-ai-field"><label>E-mail</label><input class="kt-ai-input" name="email" type="email" placeholder="name@kt.kz"></div>
|
||
<div class="kt-ai-field"><label>Размер футболки</label>
|
||
<select class="kt-ai-select" name="size" required>
|
||
<option value="" selected disabled>Выбери размер</option>
|
||
<option>XS</option>
|
||
<option>S</option>
|
||
<option>M</option>
|
||
<option>L</option>
|
||
<option>XL</option>
|
||
<option>XXL</option>
|
||
</select>
|
||
</div>
|
||
<div class="kt-ai-field"><label>Аллергии / особенности (необязательно)</label><input class="kt-ai-input" name="allergies" placeholder="Например: аллергия на орехи"></div>
|
||
<div class="kt-ai-field"><label>Комментарий (необязательно)</label><textarea class="kt-ai-textarea" name="comment" rows="3" placeholder="Вопросы, пожелания…"></textarea></div>
|
||
<button class="kt-ai-btn" data-variant="primary" data-size="lg" type="submit" style="width:100%">Отправить заявку</button>
|
||
</form>
|
||
|
||
<div class="tb-success" id="reg-success">
|
||
<svg class="kt-icon kt-icon-lg" style="color: var(--kt-ai-primary)" aria-hidden="true"><use href="#check-circle"></use></svg>
|
||
<div class="tb-success-title">Заявка отправлена!</div>
|
||
<p>Мы получили твою регистрацию. Если будут вопросы — свяжемся по телефону.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Вопросы перед мероприятием?</h2>
|
||
<p>Пиши организатору тимбилдинга — подскажем по маршруту и форме одежды.</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#">Написать организатору</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<img src="design-system/brand/kazakhtelecom-logo-white.png" alt="Казахтелеком" style="height: 18px; width: auto;">
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Тимбилдинг · Октябрь 2026</span>
|
||
</footer>
|
||
|
||
<script src="design-system/icons/kt-ai-icons.js"></script>
|
||
<script src="script.js"></script>
|
||
|
||
</body>
|
||
</html>
|