/
razumov_798
/
InTech
Обзор
Документация
Войти
/
razumov_798
/
InTech
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
apply.html
103 строки
6 KB
razumov_798
Create: Лекторий «Наука молодых».jpg, Лекторий «Наука молодых».txt, 01.jpg, 02.jpg, 03.jpg, 04.jpg, 05.jpg, 06.jpg, 07.jpg, 08.jpg, 09.jpg, 10.jpg, 11.jpg, 12.jpg, apply.html, index.html, style.css
19 июн 2026, 09:48
Верифицирован
19 июн 2026, 09:48
063b5a7
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Подать заявку - InTech</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <input type="checkbox" id="a11y-toggle" class="hidden-hack"> <div class="page-wrapper"> <header class="header"> <div class="header-container"> <a href="index.html" class="logo-link" aria-label="На главную InTech"> <svg width="40" height="40" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="100" height="100" rx="20" fill="#1E3A8A" /> <path d="M30 70L50 30L70 70" stroke="#06B6D4" stroke-width="8" stroke-linecap="round" stroke-linejoin="round" /> <circle cx="50" cy="50" r="10" fill="#FFFFFF" /> </svg> <span class="logo-text">InTech</span> </a> <input type="checkbox" id="mobile-menu-toggle" class="hidden-hack"> <label for="mobile-menu-toggle" class="burger-icon"> <span></span><span></span><span></span> </label> <nav class="main-nav"> <a href="index.html" class="nav-link">Главная</a> <a href="index.html#about" class="nav-link">Сведения об образовательной организации</a> <a href="index.html#news" class="nav-link">Новости</a> <a href="index.html#students" class="nav-link">Учащимся</a> <label for="a11y-toggle" class="btn btn-outline">👁️ Версия для слабовидящих</label> <a href="apply.html" class="btn btn-primary page-apply-active">Хочу у вас учиться</a> </nav> </div> </header> <main> <h1 class="section-title">Заявка на обучение</h1> <div class="form-container"> <form class="application-form" id="appForm"> <div class="form-group"> <label for="group">1. Выберите группу *</label> <select id="group" class="form-control" required> <option value="">-- Сделайте выбор --</option> <option value="junior">Младшая школа (поступление после 3 класса)</option> <option value="middle">Средняя школа (поступление после 9 класса)</option> </select> </div> <div class="form-group"> <label for="specialty">2. Направление углубленной подготовки *</label> <select id="specialty" class="form-control" required> <option value="">-- Сделайте выбор --</option> <option value="math">Математика</option> <option value="informatics">Информатика и ИКТ</option> </select> </div> <div class="form-group"> <label>3. Перечень дополнительных услуг</label> <div class="checkbox-group"> <label><input type="checkbox"> Web-разработка</label> <label><input type="checkbox"> Робототехника</label> <label><input type="checkbox"> Художественная деятельность</label> <label><input type="checkbox"> 3D-моделирование</label> </div> </div> <div class="form-group"> <label for="parents_name">4. Имя родителей *</label> <input type="text" id="parents_name" class="form-control" placeholder="Иванов Иван" required minlength="3" title="Имя должно содержать не менее 3-х символов"> </div> <div class="form-group"> <label for="phone">5. Телефон для связи *</label> <input type="tel" id="phone" class="form-control" placeholder="+7 (ХХХ) ХХХ-ХХ-ХХ" required pattern="\+7 \([0-9]{3}\) [0-9]{3}-[0-9]{2}-[0-9]{2}" title="Формат: +7 (XXX) XXX-XX-XX"> </div> <div class="form-group"> <label for="date_time">6. Желаемая дата и время звонка</label> <input type="datetime-local" id="date_time" class="form-control"> </div> <button type="submit" formmethod="dialog" class="btn btn-primary submit-btn">Отправить заявку</button> <div class="success-modal"> <h2>✅ Заявка успешно отправлена!</h2> <p>Мы свяжемся с вами в указанное время.</p> </div> </form> </div> </main> <footer> <p>© 2026 Лицей информационных технологий «InTech».</p> </footer> </div> </body> </html>