196 lines
9.1 KiB
HTML
196 lines
9.1 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/style.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="about">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-xl-6 col-md-12 col-sm-12">
|
||
<div class="text1_on ms-0">
|
||
<h2 class="text-center color1">Стёпаschool</h2>
|
||
</div>
|
||
<div class="text2_on ms-0">
|
||
<h2 class="text-center color1">подготовки к ЕГЭ и ОГЭ</h2>
|
||
</div>
|
||
<div class="text3_on mt-5">
|
||
<h2 class="text-center color1">Подготовься на 240+ баллов или оценку 5</h2>
|
||
<h2 class="text-center color1">за 8 месяцев на основном курсе</h2>
|
||
</div>
|
||
<div class="row">
|
||
<div class="text4_on">
|
||
<div class="podgotovka3">
|
||
<a href="#buy" class="but1 text-center px-3 mx-3">Купить курс</a>
|
||
<a href="#buy" class="but2 text-center px-3 mx-3">Получить пробный урок</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6 col-md-12 col-sm-12">
|
||
<a href="#" class="navbar-brand teach"><img src="img/teacher.png" width="600px"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="data">
|
||
<div class="container">
|
||
<div class="row podgotovka4_1">
|
||
<div class="col-xl-3 col-md-6 col-sm-12 podgotovka4 mt-5 me-1">
|
||
<h2 class="text1_da text-center color1">10 000+</h2>
|
||
<h2 class="text2_da text-center color1">учеников 9-11 класса</h2>
|
||
</div>
|
||
<div class="col-xl-3 col-md-6 col-sm-12 podgotovka4 mt-5 me-1">
|
||
<h2 class="text1_da text-center color1">34 000+</h2>
|
||
<h2 class="text2_da text-center color1">учеников сдали ЕГЭ на 90+ баллов</h2>
|
||
</div>
|
||
<div class="col-xl-3 col-md-6 col-sm-12 podgotovka4 mt-5 me-1">
|
||
<h2 class="text1_da text-center color1">29 000+</h2>
|
||
<h2 class="text2_da text-center color1">учеников сдали ОГЭ на “5”</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="naprav">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="podgotovka5">
|
||
<h2 class="text1_nap text-center color1">Выбери направление подготовки</h2>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-4 col-md-8 col-sm-12 podgotovka6">
|
||
<div class="Num11">
|
||
<a href="#" class="navbar-brand mt-3"><img src="img/Num11.png"></a>
|
||
<h2 class="text2_nap text-center color1">ЕГЭ 11 класс</h2>
|
||
</div>
|
||
<div class="Num11">
|
||
<a href="#" class="navbar-brand mt-3"><img src="img/Num10.png"></a>
|
||
<h2 class="text2_nap text-center color1">ЕГЭ 10 класс</h2>
|
||
</div>
|
||
<div class="Num11 num9">
|
||
<a href="#" class="navbar-brand mt-3"><img src="img/Num9.png"></a>
|
||
<h2 class="text2_nap text-center color1">ОГЭ 9 класс</h2>
|
||
</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> |