158 lines
7.9 KiB
HTML
158 lines
7.9 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="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; }
|
||
.reg-form { max-width: 480px; margin-top: var(--kt-ai-space-8); }
|
||
.reg-success {
|
||
display: none;
|
||
margin-top: var(--kt-ai-space-6);
|
||
padding: var(--kt-ai-space-5) var(--kt-ai-space-6);
|
||
background: var(--kt-ai-card-bg);
|
||
border: 1px solid var(--kt-ai-card-border);
|
||
border-radius: var(--kt-ai-radius-xl);
|
||
color: var(--kt-ai-fg);
|
||
}
|
||
.reg-success.show { display: block; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<script src="design-system/icons/kt-ai-icons.js"></script>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<a class="kt-ai-brand" href="#">
|
||
<img src="design-system/brand/kazakhtelecom-logo.png" alt="Казахтелеком" height="22">
|
||
<span>Мероприятие</span>
|
||
</a>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#about">Про событие</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">
|
||
<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="#details">Подробнее</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="details" class="kt-ai-section">
|
||
<div class="kt-ai-wrap" data-width="narrow" style="display:flex;flex-wrap:wrap;gap:var(--kt-ai-space-6)">
|
||
<div style="flex:1;min-width:200px">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#calendar"></use></svg>
|
||
<h3 style="margin-top:var(--kt-ai-space-3);font-weight:var(--kt-ai-weight-semibold)">Дата и время</h3>
|
||
<p style="color:var(--kt-ai-fg-muted);margin-top:var(--kt-ai-space-1)">15 ноября 2026, 10:00 – 17:00</p>
|
||
</div>
|
||
<div style="flex:1;min-width:200px">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#building"></use></svg>
|
||
<h3 style="margin-top:var(--kt-ai-space-3);font-weight:var(--kt-ai-weight-semibold)">Место</h3>
|
||
<p style="color:var(--kt-ai-fg-muted);margin-top:var(--kt-ai-space-1)">Астана, пр. Кабанбай батыра 51, БЦ Kazakhstan</p>
|
||
</div>
|
||
<div style="flex:1;min-width:200px">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#users"></use></svg>
|
||
<h3 style="margin-top:var(--kt-ai-space-3);font-weight:var(--kt-ai-weight-semibold)">Формат</h3>
|
||
<p style="color:var(--kt-ai-fg-muted);margin-top:var(--kt-ai-space-1)">Специалисты компаний и госорганов</p>
|
||
</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" data-cols="3" style="margin-top:var(--kt-ai-space-9)">
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#rocket"></use></svg>
|
||
</div>
|
||
<h3>Главные доклады</h3>
|
||
<p>Доклады о 5G, интернет вещей и цифровизации от ведущих экспертов АО «Казахтелеком».</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#users"></use></svg>
|
||
</div>
|
||
<h3>Нетворкинг</h3>
|
||
<p>Возможность познакомиться с коллегами из отрасли и найти партнёров для совместных проектов.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon">
|
||
<svg class="kt-icon kt-icon-lg" aria-hidden="true"><use href="#trophy"></use></svg>
|
||
</div>
|
||
<h3>Сертификаты</h3>
|
||
<p>Сертификаты участника для всех, кто зарегистрируется и будет присутствовать.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="register" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap" data-width="narrow">
|
||
<h2>Зарегистрироваться</h2>
|
||
<p>Заполните форму ниже — мы свяжемся с вами для подтверждения.</p>
|
||
<form class="reg-form" action="https://formsubmit.co/dauren@kazakhtelecom.kz" method="POST">
|
||
<input type="hidden" name="_subject" value="Новая регистрация на мероприятие АО «Казахтелеком»">
|
||
<div class="kt-ai-field">
|
||
<label for="name">Имя и фамилия</label>
|
||
<input class="kt-ai-input" type="text" id="name" name="name" placeholder="Айдана Нурланова" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="company">Компания / организация</label>
|
||
<input class="kt-ai-input" type="text" id="company" name="company" placeholder="АО «Казахтелеком»" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="position">Должность</label>
|
||
<input class="kt-ai-input" type="text" id="position" name="position" placeholder="Операционный директор">
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="email">Email</label>
|
||
<input class="kt-ai-input" type="email" id="email" name="email" placeholder="aidana@example.kz" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="phone">Телефон</label>
|
||
<input class="kt-ai-input" type="tel" id="phone" name="phone" placeholder="+7 701 234 56 78" required>
|
||
</div>
|
||
<div class="kt-ai-field">
|
||
<label for="topic">Интересующая тема</label>
|
||
<select class="kt-ai-select" id="topic" name="topic">
|
||
<option value="5G">Развёртывание 5G</option>
|
||
<option value="AI">Искусственный интеллект</option>
|
||
<option value="Digital">Цифровые сервисы</option>
|
||
<option value="Network">Сети и инфраструктура</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="kt-ai-btn" data-variant="primary" data-size="lg" style="width:100%">Отправить заявку</button>
|
||
</form>
|
||
<div class="reg-success" id="reg-success">
|
||
<strong>Заявка отправлена!</strong>
|
||
<p style="margin-top:var(--kt-ai-space-2);color:var(--kt-ai-fg-muted)">Мы свяжемся с вами в течение одного рабочего дня.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 АО «Казахтелеком»</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<span>Регистрация закрыта 10 ноября 2026</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|