170 lines
9.2 KiB
HTML
170 lines
9.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Учебный процесс</title>
|
||
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="css/process.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav class="navbar navbar-expand-lg sticky-top">
|
||
<div class="container">
|
||
<a href="#" class="navbar-brand"><img src="img/Logo-St5 1.png"></a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||
<ul class="navbar-nav me-auto menu1">
|
||
<li class="nav-item">
|
||
<a href="index.html" class="nav-link px-4 mx-3">Главная</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="process.html" class="nav-link px-4 mx-3">Учебный процесс</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="feedback.html" class="nav-link px-4 mx-3">Отзывы</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="collapse navbar-collapse navv" id="navbarResponsive">
|
||
<ul class="navbar-nav">
|
||
<li class="nav-item">
|
||
<a href="registr.html" class="nav-link px-3 mx-2">Вход</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<section class="format">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="podgotovka_1">
|
||
<h2 class="text1_format text-center color1">Выбери свой формат подготовки</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-4 col-md-6 col-sm-12 podgotovka_3 mt-5">
|
||
<h2 class="text1_for text-center color1">Тариф Стандарт</h2>
|
||
<h2 class="text2_for color1">· Онлайн-занятия с преподавателем + теоретические уроки</h2>
|
||
<h2 class="text2_for color1">· Домашние задания для закрепления</h2>
|
||
<h2 class="text2_for color1">· Ответы на вопросы в течение 5 минут</h2>
|
||
<h2 class="text2_for color1">· и многое другое</h2>
|
||
<div class="Format1" style="margin-bottom: 20px;">
|
||
<div class="format_pole">
|
||
<a href="#" class="text1_format_ px-3 mx-3">Подписка за 3890 ₽</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-md-6 col-sm-12 podgotovka_3 mt-5">
|
||
<h2 class="text1_for text-center color1">Тариф ПРО</h2>
|
||
<h2 class="text3_for color1">· Онлайн-занятия с преподавателем + теоретические уроки</h2>
|
||
<h2 class="text3_for color1">· Домашние задания для закрепления</h2>
|
||
<h2 class="text3_for color1">· Ответы на вопросы в течение 5 минут</h2>
|
||
<h2 class="text3_for color1">· Личный куратор, который поможет выстроить индивидуальный планобучения</h2>
|
||
<h2 class="text3_for color1">· и многое другое</h2>
|
||
<div class="Format" style="margin-bottom: 20px;">
|
||
<div class="format_pole" >
|
||
<a href="#" class="text1_format_ px-3 mx-3">Подписка за 4890 ₽</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-4 col-md-6 col-sm-12 podgotovka_3 mt-5">
|
||
<h2 class="text1_for text-center color1">Тариф Премиум</h2>
|
||
<h2 class="text3_for color1">· Онлайн-занятия с преподавателем + теоретические уроки</h2>
|
||
<h2 class="text3_for color1">· Домашние задания для закрепления</h2>
|
||
<h2 class="text3_for color1">· Ответы на вопросы в течение 5 минут</h2>
|
||
<h2 class="text3_for color1">· Личный куратор, который поможет выстроить индивидуальный планобучения</h2>
|
||
<h2 class="text3_for color1">· Индивидуальные уроки с куратором</h2>
|
||
<div class="Format" style="margin-bottom: 20px;">
|
||
<div class="format_pole">
|
||
<a href="#" class="text1_format_ px-3 mx-3">Подписка за 6890 ₽</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="zapisi" id="buy">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="container zapis">
|
||
<div class="container osnova">
|
||
<div class="row container pochta">
|
||
<div class="col-xl-8 col-md-12 col-sm-12 pochta2">
|
||
<div class="obvodka">
|
||
<h2 class="zap text1_zap color1 mt-3">Начни готовиться</h2>
|
||
</div>
|
||
<h2 class="zap text2_zap color1">к экзаменам вместе с Стёпаschool</h2>
|
||
<h2 class="zap text3_zap color1">Оставляй свои контакты — мы поможем подобрать курс и набрать высокие баллы. А также расскажем, как получить пробное занятие</h2>
|
||
<h2 class="zap text4_zap color1">Позвоним с 8:00 до 22:00 по МСК</h2>
|
||
</div>
|
||
<div class="col-xl-4 col-md-6 col-sm-12 pochta3">
|
||
<div class="Names me-3">
|
||
<h2 class="text1_name color1">Имя</h2>
|
||
<div class="mb-2">
|
||
<input id="firstname" name="firstname" class="form-control" type="text" placeholder="Имя" required>
|
||
</div>
|
||
</div>
|
||
<div class="Number me-3">
|
||
<h2 class="text1_number color1">Номер телефона</h2>
|
||
<div class="mb-2">
|
||
<input id="firstname" name="firstname" class="form-control" type="firstname" placeholder="+7 (9**) ***-**-**" required>
|
||
</div>
|
||
</div>
|
||
<div class="Mail me-3">
|
||
<h2 class="text1_mail color1">E-mail</h2>
|
||
<div class="mb-2">
|
||
<input id="email" name="email" class="form-control" type="email" placeholder="name@example.ru" required>
|
||
</div>
|
||
</div>
|
||
<div class="Zaivka me-3">
|
||
<div class="zaivka_pole">
|
||
<a href="#buy" class="text1_zaivka_ px-3 mx-3">Отправить заявку</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="text-center text_">
|
||
<section class="">
|
||
<div class="container text-center text-md-start mt-5 pt-3">
|
||
<div class="row">
|
||
<div class="col-md-3 col-lg-4 mx-auto mb-4">
|
||
<h6 class=" fw-bold mb-4 text_1"> Присоединяйся к нам в соцсетях! </h6>
|
||
<div class="social-icons">
|
||
<a href="#" class="text-center text-reset me-3"><img class="ic" src="img/vk-social-network-logo 1.png" alt="vk"></a>
|
||
<a href="#" class="text-center text-reset me-3"><img class="ic" src="img/youtube 1.png" alt="tg"></a>
|
||
<a href="#" class="text-center text-reset me-3"><img class="ic" src="img/telegram 1.png" alt="Inst"></a>
|
||
<a href="#" class="text-center text-reset"><img class="ic" src="img/whatsapp 1.png" alt="Inst"></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-lg-3 col-xl-2 mx-auto mb-4">
|
||
<h6 class="fw-bold mb-4 text_1">Контакты</h6>
|
||
<div class="social-icons2">
|
||
<div class="emaill">
|
||
<a href="#" class="text-reset me-3"><img src="img/email 1.png" alt="vk"></a>
|
||
<h2 class="text1_emaill_ mt-1">stepan2004stepan@yandex.ru</h2>
|
||
</div>
|
||
<div class="callme">
|
||
<a href="#" class="text-reset me-3"><img src="img/phone-call 1.png" alt="tg"></a>
|
||
<h2 class="text1_callme_ mt-2">8 917 052 79 27</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</footer>
|
||
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
|
||
</body>
|
||
</html> |