mne-nuzhno-sayt-priglatelnuy/index.html

213 lines
9.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Carrier Meeting 2026 — Пригласительное</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="hero">
<div class="hero-bg"></div>
<div class="container hero-content">
<p class="eyebrow">Пригласительное</p>
<h1>Carrier Meeting 2026</h1>
<p class="subtitle">Встреча международных операторов связи</p>
<div class="hero-details">
<div class="detail-item">
<span class="detail-icon">📅</span>
<span>3 сентября 2026</span>
</div>
<div class="detail-item">
<span class="detail-icon">📍</span>
<span>Астана, Казахстан</span>
</div>
</div>
<a href="#register" class="btn btn-primary">Подтвердить участие</a>
</div>
</header>
<section class="section about" id="about">
<div class="container">
<h2>О мероприятии</h2>
<div class="about-grid">
<div class="about-text">
<p>Carrier Meeting — это ежегодная встреча ведущих международных операторов связи для обсуждения ключевых тенденций отрасли, установления деловых контактов и заключения стратегических партнёрств.</p>
<p>Вас ждёт насыщенная программа с докладами экспертов, панельными дискуссиями и возможностями для нетворкинга в неформальной обстановке.</p>
<ul class="features">
<li>🌍 Международные операторы связи</li>
<li>🤝 Деловые переговоры и нетворкинг</li>
<li>📊 Инсайты о рынке телекоммуникаций</li>
<li>🍽 Фуршет и неформальное общение</li>
</ul>
</div>
<div class="about-image">
<img src="KTB_nomad_invitation_rus.jpg" alt="Carrier Meeting Invitation">
</div>
</div>
</div>
</section>
<section class="section agenda" id="agenda">
<div class="container">
<h2>Программа мероприятия</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-time">09:00 — 10:00</div>
<div class="timeline-content">
<h3>Регистрация участников</h3>
<p>Приветственный кофе, получение бейджей</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">10:00 — 10:30</div>
<div class="timeline-content">
<h3>Открытие мероприятия</h3>
<p>Приветственное слово организаторов</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">10:30 — 12:30</div>
<div class="timeline-content">
<h3>Пленарная сессия</h3>
<p>Ключевые тренды и вызовы телеком-рынка СНГ и Центральной Азии</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">12:30 — 13:30</div>
<div class="timeline-content">
<h3>Кофе-брейк</h3>
<p>Нетворкинг и неформальное общение</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">13:30 — 15:00</div>
<div class="timeline-content">
<h3>Панельные дискуссии</h3>
<p>Роуминг, интерконнект, инфраструктурные проекты</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">15:00 — 16:00</div>
<div class="timeline-content">
<h3>Обед</h3>
<p>Возможность для индивидуальных встреч</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">16:00 — 18:00</div>
<div class="timeline-content">
<h3>B2B переговоры</h3>
<p>Запланированные встречи участников</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-time">19:00 — 22:00</div>
<div class="timeline-content">
<h3>Вечерний фуршет</h3>
<p>Неформальное завершение мероприятия</p>
</div>
</div>
</div>
</div>
</section>
<section class="section location" id="location">
<div class="container">
<h2>Место проведения</h2>
<div class="location-grid">
<div class="location-info">
<h3>Астана, Казахстан</h3>
<p>Точное место проведения будет сообщено дополнительно после подтверждения участия.</p>
<p>Организаторы обеспечат трансфер от аэропорта и помощь в размещении в гостинице.</p>
<div class="contact-info">
<p><strong>По вопросам организации:</strong></p>
<p>📧 <a href="mailto:carrier@ktb.kz">carrier@ktb.kz</a></p>
<p>📱 <a href="tel:+77000000000">+7 (700) 000-00-00</a></p>
</div>
</div>
<div class="location-map">
<div class="map-placeholder">
<span>🗺 Карта города</span>
</div>
</div>
</div>
</div>
</section>
<section class="section register" id="register">
<div class="container">
<h2>Подтвердите участие</h2>
<p class="section-desc">Заполните форму, чтобы подтвердить своё участие в Carrier Meeting 2026</p>
<form id="registrationForm" class="registration-form">
<div class="form-row">
<div class="form-group">
<label for="firstName">Имя</label>
<input type="text" id="firstName" name="firstName" required placeholder="Ваше имя">
</div>
<div class="form-group">
<label for="lastName">Фамилия</label>
<input type="text" id="lastName" name="lastName" required placeholder="Ваша фамилия">
</div>
</div>
<div class="form-group">
<label for="company">Компания</label>
<input type="text" id="company" name="company" required placeholder="Название вашей компании">
</div>
<div class="form-group">
<label for="position">Должность</label>
<input type="text" id="position" name="position" required placeholder="Ваша должность">
</div>
<div class="form-row">
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" required placeholder="name@company.com">
</div>
<div class="form-group">
<label for="phone">Телефон</label>
<input type="tel" id="phone" name="phone" required placeholder="+7 (___) ___-__-__">
</div>
</div>
<div class="form-group">
<label for="country">Страна</label>
<select id="country" name="country" required>
<option value="">Выберите страну</option>
<option value="KZ">Казахстан</option>
<option value="RU">Россия</option>
<option value="UZ">Узбекистан</option>
<option value="KG">Киргизия</option>
<option value="TJ">Таджикистан</option>
<option value="TM">Туркменистан</option>
<option value="AZ">Азербайджан</option>
<option value="BY">Беларусь</option>
<option value="GE">Грузия</option>
<option value="AM">Армения</option>
<option value="MD">Молдова</option>
<option value="UA">Украина</option>
<option value="OTHER">Другая</option>
</select>
</div>
<div class="form-group">
<label for="dietary">Особые требования (питание, доступность)</label>
<textarea id="dietary" name="dietary" rows="3" placeholder="Укажите, если у вас есть особые требования"></textarea>
</div>
<button type="submit" class="btn btn-primary btn-large">Подтвердить участие</button>
</form>
<div id="successMessage" class="success-message" style="display: none;">
<h3>✅ Заявка отправлена!</h3>
<p>Спасибо за подтверждение участия. Мы свяжемся с вами в ближайшее время для уточнения деталей.</p>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p>&copy; 2026 Carrier Meeting. Все права защищены.</p>
<p class="footer-note">Организатор: KTB / Nomad</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>