<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Набор в группы вождению</title>
</head>
<style>
.slideshow {
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
background:#FFFFFF ;
margin: 20px 0;
}
.slideshow-item {
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
animation: slideanim 40s infinite;
pointer-events: none;
}
.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img {
animation-delay: 0;
}
.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img {
animation-delay: 10s;
}
.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img {
animation-delay: 20s;
}
.slideshow-item:nth-child(4),
.slideshow-item:nth-child(4) img {
animation-delay: 30s;
}
.slideshow-item img {
width: 100%;
height: 100%;
object-fit: cover;
animation: zoom 40s infinite;
}
.slideshow-item-text {
max-width: 50%;
position: absolute;
bottom: 20px;
left: 20px;
background-color: rgba(0,0,0,0.7);
color: #fff;
padding: 20px 30px;
font-family: Verdana, sans-serif;
}
.slideshow-item-text h5 {
font-size: 22px;
margin: 0 0 10px 0;
color: #BFE2FF;
}
.slideshow-item-text p {
font-size: 15px;
margin-bottom: 10px;
}
@keyframes slideanim {
12.5%{
opacity: 1;
pointer-events: auto;
}
25%{
opacity: 1;
pointer-events: auto;
}
37.5%{
opacity: 0;
}
}
@keyframes zoom {
50%{
transform: scale(1.3);
}
}
@media screen and (max-width: 1100px){
.slideshow-item-text{
max-width: 75%;
}
}
@media screen and (max-width: 456px){
.slideshow-item-text {
bottom: 0;
left: 0;
max-width: 100%;
}
.slideshow-item-text h5 {
font-size: 18px;
}
.slideshow-item-text p {
font-size: 13px;
}
}
@keyframes slideanim {
7.15%{
opacity: 1;
pointer-events: auto;
}
14.3%{
opacity: 1;
pointer-events: auto;
}
21.5%{
opacity: 0;
}
}
@keyframes zoom {
28.5%{
transform: scale(1.3);
}
}
</style>
<body>
<body bgcolor="#FFFFFF"></body>
<img src="https://leda-sl.ru/storage/uploads/images/pages/kondicioner/Инф%20для%20сайта%20автокондиционер_html_m54bddb3e.jpg" width="150"heigt="200"alt="">
<svg viewBox="0 0 520 50">
<path id="path">
<animate attributeName="d" from="m0,32 h0" to="m100,32 h1100" dur="6s" begin="0s" repeatCount="indefinite"/>
</path>
<text font-size="25" font-weight="bold" font-family="Georgia" fill="#8B0000">
<textPath xlink:href="#path">Обучение вождению кат В,C </textPath>
</text>
</svg>
<center><font color="#8B0000"><i><b><h1>Автошкола"Светофор"</h1></center>
<img src="https://autotras.com/image/3562/fiat-fullback-extended-cab-mod-big.jpg"height="350"alt="">
<img src="https://sportishka.com/uploads/posts/2023-12/1701773616_sportishka-com-p-gruzovaya-mashina-kamaz-oboi-64.jpg"height="300"alt="">
<div class="slideshow">
<div class="slideshow-item">
<img src="https://ocenkaunison.ru/d/pikpngcom_usps-truck-png_4965539.png" alt="">
<div class="slideshow-item-text">
<h5>Обучение</h5>
<p>кат В,С</p>
</div>
</div>
<div class="slideshow-item">
<img src="https://fantracker.net/wp-content/uploads/2020/09/pngwing.com-9-2048x674.png" alt="">
<div class="slideshow-item-text">
<h5>Обучение</h5>
<p>кат В,С</p>
</div>
</div>
<div class="slideshow-item">
<img src="https://sportishka.com/uploads/posts/2022-11/1667525649_59-sportishka-com-p-legkovaya-gruzovaya-mashina-pinterest-67.png" alt="">
<div class="slideshow-item-text">
<h5>Обучение</h5>
<p>кат В,С</p>
</div>
</div>
<div class="slideshow-item">
<img src="https://moodle.psu.by/pluginfile.php/4449/course/overviewfiles/Картинка%20для%20курсов.png" alt="">
<div class="slideshow-item-text">
<h5>Обучение</h5>
<p>кат В,С,D</p>
</div>
</div>
</div>
<center><i><b><h1>Кто и чему учит в автошколе</h1></b></i></center>
<center><i><b>В автошколе работают педагоги, имеющие опыт вождения.
Минимальный водительский стаж педагога – 5 лет.
Чтобы рассказывать теоретический курс, педагог должен обладать опытом преподавания или работы в ГИБДД.
На занятия также могут приглашать сотрудников дорожной инспекции для разъяснения каких-то моментов, проверки знаний, но не на постоянную работу
Занятия в автошколе делятся на 2 курса: теоретический и практический. Теория предполагает, что вместе с педагогами автошколы вы изучите:
<li>ПДД;</li>
<li>меры за нарушения КоАП</li>;
<li>правила безопасности во время вождения</li>;
<li>первую медицинскую помощь при аварии или травме;</li>
<li>общее устройство машины.</li>
После изучения теоретической части вы приступите к практическим занятиям.
Сначала это будет автодром.
Там вам предстоит научиться чувствовать габариты автомобиля, реакцию руля, педалей газа, тормоза, а также получить первые водительские навыки.
Там вы научитесь трогаться с места, поворачивать, парковаться и останавливаться на подъеме.
После автодрома обучение продолжится на городских дорогах с реальными машинами, светофорами, пробками и т. д.
На этом этапе вы научитесь анализировать дорожные ситуации и делать прогнозы.
Также научитесь чувствовать дорогу и сцепление с ней при разных температурах и видах осадков..</b></i></center>
<marquee style="color:#800000; font-size: 50px; font-weight: bolder; line-height: 150%; text-shadow: #FFFF00 0px 1px 1px;">Приглашаем на обучение вождению кат В,С.</marquee>
</body>
</html>