Тесты / Информатика / 11 класс / Тест 2. МДК 08.01Разработка дизайна web приложений
Тест 2. МДК 08.01Разработка дизайна web приложений

Автор скрыт
13.06.2023. Тест. Информатика, 11 класс
Внимание! Все тесты в этом разделе разработаны пользователями сайта для собственного использования. Администрация сайта не проверяет возможные ошибки, которые могут встретиться в тестах.
Система оценки: 5 балльная
Список вопросов теста

Вопрос 1

Какого псевдоэлемента не существует в CSS?

Варианты ответов

after
first-letter
last-letter
selection
Вопрос 2

С помощью какого тега можно сделать нумерованный список?

Варианты ответов

Вопрос 3

Какой псевдокласс сработает при установке курсора в текстовом поле (input)?

Варианты ответов

hover
active
not(:active)
focus
Вопрос 4

Как сделать так, чтобы каждое слово в тексте начиналось с прописной буквы?

Варианты ответов

text-style: capitalize;
text-transform: capitalize
style: capitalize
transform: capitalize
Вопрос 5

Какова ширина HTML-элемента div без содержания?

Варианты ответов

100px
0px
100%
0%
Вопрос 6

Укажите свойство стиля position:

Варианты ответов

top
fixed
block
hover
Вопрос 7

Какой стиль отвечает за внешний отступ от элемента?

Варианты ответов

outline
padding
top
margin
Вопрос 8

Укажите правильный синтаксис CSS для выделения всех элементов <p> жирным шрифтом?

Варианты ответов

p {font-weight:bold;}
p {text-size:bold;}
p {boldtext-size:;}
Вопрос 9

Какой порядок следования отступов у свойства padding: 10px 20px 30px?

Варианты ответов

сверху, слева и снизу, справа
слева, сверху и снизу, справа
сверху, справа и слева, снизу
сверху, снизу
Вопрос 10

Какие из CSS-селекторов являются селекторами по атрибуту id HTML-элемента?

Варианты ответов

#div
div
.div
:div
Вопрос 11

Выберите HTML-элемент для создания заголовка с высшим приоритетом:

Варианты ответов

Вопрос 12

Укажите тег позволяющий определить поле для ввода пароля.

Варианты ответов

Вопрос 13

Какой тег нужно использовать, чтобы пробелы не вырезались?

Варианты ответов


                                
                                    
                                        Вопрос 14
                                                                                
                                            Для какого тега элемент <!DOCTYPE> выступает родителем?
                                        
                                                                                                                            
                                                Варианты ответов
                                                                                                
                                                                                                             </li>
                                                                                                            <li> <BODY></li>
                                                                                                            <li> <HTML></li>
                                                                                                            <li> Ни для одного тега</li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                
                                    <div class="question_item">
                                        <h5>Вопрос 15</h5>
                                                                                <div class="question_item-description">
                                            <h3>Строчные элементы всегда начинаются с новой строки?</h3>
                                        </div>
                                                                                                                            <div class="question_item-variants">
                                                <h6>Варианты ответов</h6>
                                                                                                <ul class="question_item-answers">
                                                                                                            <li> Да</li>
                                                                                                            <li> Нет</li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                
                                    <div class="question_item">
                                        <h5>Вопрос 16</h5>
                                                                                <div class="question_item-description">
                                            <h3>Какой элемент является родительским для тега <TITLE>?</h3>
                                        </div>
                                                                                                                            <div class="question_item-variants">
                                                <h6>Варианты ответов</h6>
                                                                                                <ul class="question_item-answers">
                                                                                                            <li> <TITLE></li>
                                                                                                            <li> <!DOCTYPE></li>
                                                                                                            <li> <HEAD></li>
                                                                                                            <li> <BODY></li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                
                                    <div class="question_item">
                                        <h5>Вопрос 17</h5>
                                                                                <div class="question_item-description">
                                            <h3>Какой атрибут определяет альтернативный текст для изображения, если изображение не может быть отображено?</h3>
                                        </div>
                                                                                                                            <div class="question_item-variants">
                                                <h6>Варианты ответов</h6>
                                                                                                <ul class="question_item-answers">
                                                                                                            <li> img</li>
                                                                                                            <li> title</li>
                                                                                                            <li> alt</li>
                                                                                                            <li> src</li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                
                                    <div class="question_item">
                                        <h5>Вопрос 18</h5>
                                                                                <div class="question_item-description">
                                            <h3>Тег <iframe> используется для отображения веб-страницы внутри веб-страницы.</h3>
                                        </div>
                                                                                                                            <div class="question_item-variants">
                                                <h6>Варианты ответов</h6>
                                                                                                <ul class="question_item-answers">
                                                                                                            <li> Нет</li>
                                                                                                            <li> Нет такого элемента <iframe></li>
                                                                                                            <li> Да</li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                
                                    <div class="question_item">
                                        <h5>Вопрос 19</h5>
                                                                                <div class="question_item-description">
                                            <h3>Какая ошибка в следующем коде: <a href="page.html"><b><i>Страница 1</i></a></h3>
                                        </div>
                                                                                                                            <div class="question_item-variants">
                                                <h6>Варианты ответов</h6>
                                                                                                <ul class="question_item-answers">
                                                                                                            <li> Внутри тега <a> не может быть тег <b> и/или тег <i></li>
                                                                                                            <li> Не указан обязательный атрибут alt у тега <a></li>
                                                                                                            <li> Не закрыт тег <b></li>
                                                                                                            <li> Не указан обязательный атрибут title у тега <a></li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                
                                    <div class="question_item">
                                        <h5>Вопрос 20</h5>
                                                                                <div class="question_item-description">
                                            <h3>Размер окна браузера 1000 пикселей. На страницу добавили блок с шириной 40%. Затем в этот блок добавили таблицу с шириной 50%. Какова будет ширина таблицы в пикселях?</h3>
                                        </div>
                                                                                                                            <div class="question_item-variants">
                                                <h6>Варианты ответов</h6>
                                                                                                <ul class="question_item-answers">
                                                                                                            <li> 500 пикселей</li>
                                                                                                            <li> Недостаточно данных</li>
                                                                                                            <li> 200 пикселей</li>
                                                                                                            <li> 250 пикселей</li>
                                                                                                    </ul>
                                            </div>
                                        
                                    </div>
                                                            </div>
                                                        <div class="catalog-block">
    <h2 class="title-h2">Получите комплекты видеоуроков <a target="_blank" href="https://videouroki.net/blog/ispol-zuitie-onlain-viersii-kompliektov-pri-orghanizatsii-distantsionnogho-obuchieniia.html">+ онлайн версии</a></h2>
                        <div class="row">
                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/t7ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=t7ru">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/t7ru.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/t7ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=t7ru"><span title="Электронная тетрадь по информатике 7 класс">Электронная тетрадь по информатике 7...</span></a></p>
                </div>
                                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/t5rufgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=t5rufgos">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/t5rufgos.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/t5rufgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=t5rufgos"><span title="Электронная тетрадь по информатике 5 класс ФГОС">Электронная тетрадь по информатике 5...</span></a></p>
                </div>
                                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/inf10fgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=inf10fgos">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/inf10fgos.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/inf10fgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=inf10fgos"><span title="Информатика 10 класс ФГОС">Информатика 10 класс ФГОС</span></a></p>
                </div>
                                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/infpython10i11/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=infpython10i11">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/infpython10i11.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/infpython10i11/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=infpython10i11"><span title="Основы алгоритмизации и программирования на языке Python">Основы алгоритмизации и...</span></a></p>
                </div>
                                    </div>
                    <div class="row">
                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/10ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=10ru">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/10ru.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/10ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=10ru"><span title="Информатика 10 класс (Россия)">Информатика 10 класс (Россия)</span></a></p>
                </div>
                                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/uvinf/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=uvinf">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/uvinf.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/uvinf/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=uvinf"><span title="Увлекательная информатика">Увлекательная информатика</span></a></p>
                </div>
                                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/t9ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=t9ru">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/t9ru.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/t9ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=t9ru"><span title="Электронная тетрадь по информатике 9 класс">Электронная тетрадь по информатике 9...</span></a></p>
                </div>
                                                            <div class="col-xs-4">
                    <div><a target="_blank" href="/catalog/view/7ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=7ru">
                            <img src="https://fsd.videouroki.net/catalog/img/mini/7ru.jpg" class="w100">
                        </a>
                    </div>
                    <p><a target="_blank" href="/catalog/view/7ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vabovedwl2&utm_content=informatika&utm_term=7ru"><span title="Информатика 7 класс (Россия)">Информатика 7 класс (Россия)</span></a></p>
                </div>
                                    </div>
    </div>
<style>
    #article .catalog-block img, .catalog-block img {
        max-height: 140px !important;
        max-width: 140px !important;
    }

    .catalog-block a {
        font-size: 0.75em;
    }

    .title-h2 {
        margin-bottom: 20px;
    }

    .title-h2 a {
        color: #0c55c3 !important;
    }
</style>
                            <div style="text-align: center; margin: 30px 0;">
                                <a rel="nofollow" target="_blank" href="/tests/5677383/" class="btn
                                    blue">Пройти тест</a>
                                <div class="info">Сохранить у себя:</div>
                                <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
                                <script src="//yastatic.net/share2/share.js" async="async"></script>
                                <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""

                                ></div>
                            </div>
                            <!-- Test if the User is connected -->
                                                            <div style="text-align: center; margin: 30px 0">
                                    <a class="open-login" href="#">Сохранить этот тест в личном кабинете<br>
                                        и раздать его своим ученикам</a>
                                </div>
                                                                                                                <div class="info" style="padding: 25px 0">
                                                                    <a href="/tests/informatika/11-class/">
                                        Тесты по информатике 11 класс                                    </a>
                                
                                <div class="pull-right">
                                    <div class="num"><img src="/videouroki/images/ico/comments.svg" alt=""> 0</div>
                                    <div class="num"><img src="/videouroki/images/ico/viewed.svg" alt=""> 198</div>
                                    <div class="num"><div class="comment_action">
            <div class="open-login comment_btn btn_like btn_like__116502">
            <div class="likesCount_116502">
                <img class="like" src="/videouroki/images/like/like_gray.svg" alt="Нравится" title="Нравится">  <span>Нравится</span>
                <span class="btn__counter">0</span>
            </div>
        </div>
    
</div></div>
                                </div>
                            </div>

                            <div class="coments">
            <h2>Комментарии
            <span class="commentsCount">0</span>
        </h2>
                <p style="color: #999;margin-bottom: 20px">Чтобы добавить комментарий <a href="#" class="open-register">зарегистрируйтесь</a> или <a href="#" class="open-login">войдите</a> на сайт
        </p>
    
    <div class="best_comment">
            </div>

    <div class="comments_items">
        
    </div>
</div>
<style>
    .show_on_hower{
        display: none;
    }
    .item:hover .show_on_hower{
        display: inline-block;
    }
    .coments .item .comment_action img {
        margin-right: 0;
    }

    .comment_btn img {
        margin-bottom: 3px !important;
    }

    .best_comment {
        background-color: #f9f9f9;
    }

    #cke_message {
        margin-right: 10px;
        color: #999;
        line-height: 12px !important;
        border-radius: 2px;
        border-color: #ddd;
        width: 100%;
    }

    .comments_items .item-wrp .comment_text img, .best_comment .item-wrp .comment_text img {
        max-width: 100%;
        width: inherit;
        max-height: inherit;

    }
    .btn.custom .pop li a{
        display: block;
    }
    .comments_items .item-wrp {
        width: 100%
    }

    @media only screen and (max-width: 767.5px) {
        .coments .item:not(:first-of-type) img.like {
            margin-bottom: inherit !important;
            margin-top: inherit !important;
        }
    }
</style>
<script>
    function SetFocus(editor)  {
        if(typeof(editor) !== 'undefined' && typeof(editor.document) !== 'undefined') {
            // Scroll down editor
            var jqDocument = $(editor.document.$);
            var documentHeight = jqDocument.height();
            jqDocument.scrollTop(documentHeight);
            // Set focus
            editor.focus();
            var element = editor.document.getBody()
            var range = editor.createRange();
            if(range) {
                range.moveToElementEditablePosition(element, true);
                range.select();
            }
        }
    }
    $( document ).ready(function() {
        CKEDITOR.on('instanceReady', function(ev) {
            var editor = ev.editor;
            SetFocus(editor);
        });
    });
    $(document).on("click", "a.reply_link", function () {
        console.log('reply');
        var id = $("#comment_text_" + $(this).data("id"));
        var e = "<blockquote>" + $(this).data("login") + ',<br>' + id.html().trim() + '</blockquote>' + "<br>",
            t = $("#message").val() == "" ? e + " " : $("#message").val() + " " + e + " ";
        var editor = CKEDITOR.instances['message'];
        if (!editor) {
            editor = CKEDITOR.replace('message');
        }

        editor.setData(t);
        SetFocus(editor);

        $('html, body').animate({
            scrollTop: $("#add-coment").offset().top
        }, 500);
    });


</script>
<!--[if !(IE)]><!-->
<script type="text/javascript" src="/videouroki/assets/ckeditor-mini/ckeditor.js?0211"></script> <!--<![endif]-->
<script src="/videouroki/push/pushstream.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script src="/videouroki/push/handlebars-v4.0.5.js" type="text/javascript" language="javascript" charset="utf-8"></script>
<script type="text/javascript" language="javascript" charset="utf-8">
    // <![CDATA[
    pushstream = new PushStream({
        //  host: window.location.hostname,
        host: 'videouroki.net',
        port: window.location.port,
        useSSL: true,
        modes: "websocket|eventsource|longpolling",
        channelsByArgument: true,
        channelsArgument: 'channels' //this is the default value, you have to change it to be the same value used on push_stream_channels_path directive
    });
    pushstream.onmessage = _manageEvent;
    pushstream.onstatuschange = _statuschanged;
    pushstream.addChannel("e7f55648d1f4988f3c64c1704357c035");
    pushstream.connect();
    // ]]>
    function _statuschanged(state) {
        if (state == PushStream.OPEN) {
            $(".offline").hide();
            $(".online").show();
        } else {
            $(".offline").show();
            $(".online").hide();
        }
    }

    function _manageEvent(eventMessage) {

                uuid = false;
                if (eventMessage != '') {
            values = JSON.parse(decodeURIComponent(eventMessage));
            console.log(values);
            if (values.action == 'add' && uuid != values.uuid) {
                var source = $("#entry-template").html();
                var template = Handlebars.compile(source);

                var html = template(values);
                $('.comments_items').prepend(html);
                count = parseInt($('.commentsCount').html());
                $('.commentsCount').html(++count);
            } else if (values.action == 'delete' && uuid != values.uuid) {
                $('#comment_' + values.id).remove();
                count = parseInt($('.commentsCount').html());
                $('.commentsCount').html(--count);
            }
            else if (values.action == 'like' && uuid != values.uuid) {
                $('.commentsCount_' + values.id).find('.btn__counter').html(values.count);
            }else if (values.action == 'likes' && uuid != values.uuid) {
                $('.likesCount_' + values.id).find('.btn__counter').html(values.count);
            }
        }

    }

</script>

<script id="entry-template" type="text/x-handlebars-template">
    <div class="item" data-id="{{id}}" id="comment_{{id}}">
        <img src="{{photo}}" width="42px" height="42px" alt=""/>
        <div class="item-wrp">
            <div class="info">{{publicName}}, {{date}}</div>

            <div class="comment_text" id="comment_text_{{id}}">{{{text}}}</div>

            <div class="comment_action">
                                    <div class="open-login comment_btn btn_like btn_like__{{id}}">
                        <div class="commentsCount_{{id}}">
                                                        <img src="/videouroki/images/like/like_gray.svg" alt="Нравится" title="Нравится">  Нравится
                            <span class="btn__counter">0</span>
                        </div>
                    </div>
                                                            </div>
        </div>
    </div>

</script>
<script>
    $(document).ready(
        function () {
            $("#message").click(function () {
                // console.log(message);
                CKEDITOR.replace('message', {filebrowserUploadUrl: '/razrabotki/comment?uploadCKEDITImage'});
            });
                    });
</script>                        </div>
                    </div>
                </div>
            </div>
            <aside class="col-lg-4 col-md-12 col-md-offset-4 col-lg-offset-0" id="right">
                <div class="wrp best">
    <h2>Возможности тестов</h2>
    <p>
        <a class="mpf-link" data-mfp-src="#test_instruction" target="_blank" href="#">
            <img src="/assets/test/promo/test_instr.png" class="w100" alt=""></a></p>
    <p style="margin-bottom: 10px">
        <i style="color: #337ab7" class="fa fa-play-circle-o" aria-hidden="true"></i> <a class="mpf-link" data-mfp-src="#test_instruction_big" target="_blank" href="#">
            Видео: Как работать с тестами?
        </a>
    </p>
    <p style="margin-bottom:10px"><i style="color:#337ab7" class="fa fa-file-text-o" aria-hidden="true"></i>
        <a target="_blank" href="https://fsd.videouroki.net/products/instructions/videouroki/videouroki_creation_tests_instructions.pdf">Инструкция по созданию тестов</a>

    </p>
    <p style="margin-bottom:10px"><i style="color:#337ab7" class="fa fa-file-text-o" aria-hidden="true"></i>
        <a target="_blank" href="https://fsd.videouroki.net/products/instructions/videouroki/videouroki_work_tests_instructions.pdf">Инструкция по работе с тестами</a>

    </p>
    <p style="margin-bottom:20px"><i style="color:#337ab7" class="fa fa-file-text-o" aria-hidden="true"></i>
        <a target="_blank" href="https://fsd.videouroki.net/products/instructions/videouroki/videouroki_pupils_instructions.pdf">Инструкция для учеников</a>

    </p>
</div>
<!-- Modal -->
<div class="white-popup mfp-hide" id="test_instruction" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="invoice-orders__item" style="padding-bottom: 20px;">
                    <div class="orders__title" style="text-align: center">Основные возможности тестов</div>
                    <div class="myvideo">
<!--                        <iframe width="100%" height="305" src="https://www.youtube.com/embed/oElQVt9O8Gc" frameborder="0" allowfullscreen></iframe>-->
                        <video poster="https://fsd.videouroki.net/ro2/2021/08/img/20210827_preview-tests.png"
                               controls="" width="100%"
                               onpause = "// console.log(this.currentTime, this.ended, this.muted, this.playbackRate, this.duration)"
                               src="https://fsd.videouroki.net/products/instructions/video_instructions/vu-tests_fhd.mp4">
                            Как работать с тестами?
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="white-popup mfp-hide" id="test_instruction_big" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="invoice-orders__item" style="padding-bottom: 20px;">
                    <div class="orders__title" style="text-align: center">Как работать с тестами?</div>
                    <div class="myvideo">
<!--                        <iframe width="100%" height="305" src="https://www.youtube.com/embed/Uh1ZX3MVyUQ" frameborder="0" allowfullscreen></iframe>-->
                        <video poster="https://fsd.videouroki.net/ro2/2021/08/img/20210827_preview-tests.png"
                               controls="" width="100%"
                               onpause = "// console.log(this.currentTime, this.ended, this.muted, this.playbackRate, this.duration)"
                               src="https://fsd.videouroki.net/products/instructions/video_instructions/servis-testov-onlajn-dlya-uchitelej.mp4">
                            Как работать с тестами?
                        </video>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<link href="/css/magnific-popup.css" media="screen" rel="stylesheet" type="text/css">
<script>
    $('.mpf-link').magnificPopup();
</script>

<script>
    document.addEventListener("click", function(e) {
        if (e.target.className == "mfp-close") {
            var videos = document.querySelectorAll("video");
            $(videos).each(function() {
                this.pause();
            })
        }
    });
</script>                    
<!--<a target="_blank" style="margin-bottom: 20px;" href="https://videouroki.net/subscriptions/pomkp/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr3&utm_content=freecomplect&utm_term=20210929pomkp">-->
<!--    <img src="https://fsd.videouroki.net/ro2/2021/10/pro/20211012_vr3-pomkp2.png" title="Получите 12 видеоуроков для повышения мотивации школьников к учёбе">-->
<!--</a>-->
<a target="_blank" style="margin-bottom: 20px;" href="/look/kvu2022/index.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr3&utm_content=freecomplect&utm_term=20220830kvu2">
    <img src="https://fsd.videouroki.net/ro2/2022/08/pro/20220830_vr3-videocourse1-2.png" title="Узнайте о технологиях, которые расширят возможности учителя и помогут организовать эффективный учебный процесс ">
</a>

<div class="wrp best">
    <h2>Получайте новое первыми</h2>
    <div class="">
        <a class="socialImg" target="_blank" href="https://www.youtube.com/user/videourokinet" style="width: 42px;">
            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-yt.png" title="Ютуб">
        </a>
        <a class="socialImg" target="_blank" href="https://vk.com/compedu_videouroki" style="width: 42px;">
            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-vk.png" title="Вконтакте">
        </a>
<!--        <a class="socialImg" target="_blank" href="https://www.facebook.com/videouroki.net" style="width: 42px;">-->
<!--            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-fb.png" title="Фэйсбук">-->
<!--        </a>-->
        <a class="socialImg" target="_blank" href="https://zen.yandex.ru/id/5ec1300972423a6de38c5b7c" style="width: 42px;">
            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-dz.png" title="Яндекс Дзен">
        </a>
<!--        <a class="socialImg" target="_blank" href="https://www.instagram.com/videouroki_net/" style="width: 42px;">-->
<!--            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-in.png" title="Инстаграмм">-->
<!--        </a>-->
        <a class="socialImg" target="_blank" href="https://t.me/+V0UBzYO7GPSYIqmQ" style="width: 42px;">
            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-tg.png" title="Телеграмм">
        </a>
        <a class="socialImg" target="_blank" href="https://ok.ru/videourokinet" style="width: 42px;">
            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-ok.png" title="Одноклассники">
        </a>
<!--        <a class="socialImg" target="_blank" href="https://twitter.com/videouroki_net" style="width: 42px;">-->
<!--            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-tw.png" title="Твиттер">-->
<!--            <img border="0" src="https://fsd.videouroki.net/ro2/2023/12/img/20231228_icon-soc-x.png" title="Твиттер">-->
<!--        </a>-->
        <!--        <a class="socialImg" target="_blank" href="" style="width: 42px;">-->
        <!--            <img border="0" src="/videouroki/images/ico/icons-socials-block/icon-soc-vb.png" title="Вайбер">-->
        <!--        </a>-->
    </div>
</div>

<div class="wrp row courses__lists">
    <div class="course__promo">Комплекты для уроков</div>
    <div class="course__list">
                                                                        <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">

                                <div>
                                    <a target="_blank" href="/catalog/view/inf9/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=inf9">
                                        <img src="https://fsd.videouroki.net/catalog/img/mini/inf9.jpg" width="63px" height="63px">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="/catalog/view/inf9/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=inf9"><span title="Информатика 9 класс ФГОС">Информатика 9 класс ФГОС</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                1770 руб.
                                            </div>
                                                                                            <div class="course__item-oldprice">
                                                    2530 руб.
                                                </div>
                                                                                    </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                            <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">

                                <div>
                                    <a target="_blank" href="/catalog/view/inf8fgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=inf8fgos">
                                        <img src="https://fsd.videouroki.net/catalog/img/mini/inf8fgos.jpg" width="63px" height="63px">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="/catalog/view/inf8fgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=inf8fgos"><span title="Информатика 8 класс ФГОС">Информатика 8 класс ФГОС</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                1770 руб.
                                            </div>
                                                                                            <div class="course__item-oldprice">
                                                    2530 руб.
                                                </div>
                                                                                    </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                            <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">

                                <div>
                                    <a target="_blank" href="/catalog/view/t7ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=t7ru">
                                        <img src="https://fsd.videouroki.net/catalog/img/mini/t7ru.jpg" width="63px" height="63px">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="/catalog/view/t7ru/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=t7ru"><span title="Электронная тетрадь по информатике 7 класс">Электронная тетрадь по информатике 7 класс</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                1720 руб.
                                            </div>
                                                                                            <div class="course__item-oldprice">
                                                    2460 руб.
                                                </div>
                                                                                    </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                                            <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">

                                <div>
                                    <a target="_blank" href="/catalog/view/t5rufgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=t5rufgos">
                                        <img src="https://fsd.videouroki.net/catalog/img/mini/t5rufgos.jpg" width="63px" height="63px">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="/catalog/view/t5rufgos/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=informatika&utm_term=t5rufgos"><span title="Электронная тетрадь по информатике 5 класс ФГОС">Электронная тетрадь по информатике 5 класс ФГОС</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                1670 руб.
                                            </div>
                                                                                            <div class="course__item-oldprice">
                                                    2380 руб.
                                                </div>
                                                                                    </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                        </div>
    <div class="course__b_links"><a href="/catalog/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr1&utm_content=catalog&utm_term=201806tgb-catalog">Смотреть все
            комплекты</a></div>
</div>
<style>
    .course__item-next {
        text-align: left;
    }

    .course__b_links {
        padding: 10px 0 20px 0;
    }

    .course__b_links a {
        font-size: 13px;
    }

    .course__item-oldprice {
        font-size: 11px;
        color: #999;
        text-decoration: line-through;
        display: inline-block;
    }

    .course__item-price {
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
    }

    .course__item-oldprice_discont {
        position: relative;
        left: 53px;
        top: 31px;
    }

    .course__item-oldprice_discont .ui.label {
        font-size: 15px;
        margin: 0;
        padding: .433em .4em;
        border-radius: 0 0 2px 2px;
    }

    .ui.red.label {
        background-color: #5cb85c !important;
        border-color: #5cb85c !important;
    }

    .courses__list {
        padding: 30px 30px 45px;
    }

    /*Flex items*/
    .course__list {
        display: flex;
        flex-wrap: wrap;

    }

    .course__list-item {
        display: flex;
        width: 100%;
    }

    @media all and (min-width: 20em) {
        .course__list-item {
            width: 100%;
        }
    }

    @media all and (min-width: 1280px) {
        .course__list-item {
            width: 100%;
        }
    }

    .course__list-content {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .course__list-content p {
        flex: 1 0 auto;
    }

    .showcaseContainer {
        display: flex;
        font-size: 13px;
        margin: 10px 0;
    }

    .course__promo {
        font-size: 18px;
        font-weight: bold;
    }

    .showcaseTitle {
        display: flex;
        flex: 0 0 64px;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0 10px 0 0;
    }

    .showcaseDescription {
        display: flex;
        /*flex: 0 0 100%;*/
        /*flex-flow: row wrap;*/
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        padding-right: 5px;
        align-items: center;
    }

    .showcaseDescription a, .showcaseDescription a:hover {
        color: #333;
    }
</style>
<div class="wrp row courses__lists">
    <div class="course__promo"><span style="color:#40b236 "></span>Курсы ПК и ППК</div>
    <div class="course__list">
                                                        
                <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">
                                                                <div>
                                    <a target="_blank" href="https://videouroki.net/course/osnovy-html.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=30">
                                        <img class="ui middle circular aligned tiny image" width="63px" height="63px"
                                             src="https://fsd.videouroki.net/courses/images/201710/091922_59eedb6a60d95.jpg">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="https://videouroki.net/course/osnovy-html.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=30"><span title="Основы HTML">Основы HTML</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                800 руб.
                                            </div>
                                            <div class="course__item-oldprice">
                                                4000 руб.
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                            
                <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">
                                                                <div>
                                    <a target="_blank" href="https://videouroki.net/course/osnovy-php-i-mysql.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=42">
                                        <img class="ui middle circular aligned tiny image" width="63px" height="63px"
                                             src="https://fsd.videouroki.net/courses/images/201801/103901_5a4dda15543fd.jpg">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="https://videouroki.net/course/osnovy-php-i-mysql.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=42"><span title="Создание динамических веб-страниц с помощью PHP и MySQL">Создание динамических веб-страниц с помощью PHP и MySQL</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                800 руб.
                                            </div>
                                            <div class="course__item-oldprice">
                                                4000 руб.
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                            
                <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">
                                                                <div>
                                    <a target="_blank" href="https://videouroki.net/course/osnovy-html.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=30">
                                        <img class="ui middle circular aligned tiny image" width="63px" height="63px"
                                             src="https://fsd.videouroki.net/courses/images/201710/091922_59eedb6a60d95.jpg">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="https://videouroki.net/course/osnovy-html.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=30"><span title="Основы HTML">Основы HTML</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                800 руб.
                                            </div>
                                            <div class="course__item-oldprice">
                                                4000 руб.
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                            
                <div class="course__list-item">
                    <div class="course__list-content">
                        <div class="showcaseContainer">
                            <div class="showcaseTitle">
                                                                <div>
                                    <a target="_blank" href="https://videouroki.net/course/profilaktika-narushieniia-zrieniia-u-dietiei-i-podrostkov.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=218">
                                        <img class="ui middle circular aligned tiny image" width="63px" height="63px"
                                             src="https://fsd.videouroki.net/courses/images/201909/103232_5d720b90ec93a.jpg">
                                    </a>
                                </div>

                            </div>
                            <div class="showcaseDescription">
                                <div>
                                    <div>
                                        <a target="_blank" href="https://videouroki.net/course/profilaktika-narushieniia-zrieniia-u-dietiei-i-podrostkov.html?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=218"><span title="Профилактика нарушения зрения у детей и подростков">Профилактика нарушения зрения у детей и подростков</span></a>
                                    </div>

                                    <div>
                                        <div class="course__item course__item-next">

                                            <div class="course__item-price">
                                                800 руб.
                                            </div>
                                            <div class="course__item-oldprice">
                                                4000 руб.
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                                        </div>
    <div class="course__b_links"><a href="/course/?utm_source=videouroki&utm_medium=banner&utm_campaign=vr2&utm_content=course&utm_term=201806tgb">Смотреть все курсы</a></div>
</div>
<style>
    .ui.circular.image {
        border-radius: 500rem;
    }

    .courses__lists .course__item.course__item-next {
        padding: 0;
    }

    .course__item-next {
        text-align: left;
    }

    .course__b_links {
        padding: 10px 0 20px 0;
    }

    .course__b_links a {
        font-size: 13px;
    }

    .course__item-oldprice {
        font-size: 11px;
        color: #999;
        text-decoration: line-through;
        display: inline-block;
    }

    .course__item-price {
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
    }

    .course__item-oldprice_discont {
        position: relative;
        left: 53px;
        top: 31px;
    }

    .course__item-oldprice_discont .ui.label {
        font-size: 15px;
        margin: 0;
        padding: .433em .4em;
        border-radius: 0 0 2px 2px;
    }

    .ui.red.label {
        background-color: #5cb85c !important;
        border-color: #5cb85c !important;
    }

    .courses__list {
        padding: 30px 30px 45px;
    }

    /*Flex items*/
    .course__list {
        display: flex;
        flex-wrap: wrap;

    }

    .course__list-item {
        display: flex;
        width: 100%;
    }

    @media all and (min-width: 20em) {
        .course__list-item {
            width: 100%;
        }
    }

    @media all and (min-width: 1280px) {
        .course__list-item {
            width: 100%;
        }
    }

    #right .course__list-content img {
        max-width: 64px;
    }

    .course__list-content {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .course__list-content p {
        flex: 1 0 auto;
    }

    .showcaseContainer {
        display: flex;
        font-size: 13px;
        margin: 10px 0;
    }

    .course__promo {
        font-size: 18px;
        font-weight: bold;
    }

    .showcaseTitle {
        display: flex;
        flex: 0 0 63px;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        margin: 0 10px 0 0;
    }

    .showcaseDescription {
        display: flex;
        /*flex: 0 0 100%;*/
        /*flex-flow: row wrap;*/
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        padding-right: 5px;
        align-items: center;
    }

    .showcaseDescription a, .showcaseDescription a:hover {
        color: #333;
    }
</style>


<style>
    .socialImg {
        margin-right: 5px;
    }
</style>

                            
                                    <script type="text/javascript" src="//vk.com/js/api/openapi.js?154"></script>
<!-- VK Widget -->

<div id="vk_groups"></div>

<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 3, no_cover: 1, width:'auto', color3: '4196F6'}, 62338492);
</script>                            <div class="wrp license__item best">
    <div class="license-left">
        <div>Лицензия на осуществление образовательной деятельности №Л035-01253-67/00192584 от 25.08.2017 г.</div>
        <div class="license-left__link">
            <a class="href" data-fancybox="" data-type="pdf" data-src="https://videouroki.net/videouroki/res/license_multiurok/vypiska-L035-01253-67_00192584-from-11-07-2022.pdf" href="javascript:;">
            Подробнее
        </a></div>
    </div>
    <div class="license-right">
                   <a  data-fancybox="" data-type="pdf" data-src="https://videouroki.net/videouroki/res/license_multiurok/vypiska-L035-01253-67_00192584-from-11-07-2022.pdf" href="javascript:;"> <img border="0" style="width: 60px;height: 84px;" src="/images/license/vu_licence_mini.png" alt=""></a>
    </div>
</div>
<style>.wrp.license__item.best{margin:20px 0}</style>                                    </aside>
        </div>

    </div>
</div>
<div class="popup" id="share">
    <div class="perfect-scroll" style="text-align: center">
        <div style="margin-bottom: 20px;margin-top: 10px">Поделитесь тестом в социальных сетях</div>
        <div>
            <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
        </div>
        <div class="close-pop pull-right">
            <svg width="10px" height="10px" viewBox="0 0 10 10">
                <path fillrule="evenodd"
                      d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path>
            </svg>
        </div>

    </div>
</div>
<div class="popup template" id="view_template">
    <div class="perfect-scroll">
        <h2>5 балльная            <div class="close-pop pull-right">
                <svg width="10px" height="10px" viewBox="0 0 10 10">
                    <path fillRule="evenodd"
                          d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
                </svg>
            </div>
        </h2>
        <div class="template__table">
            <div class=template__table_head>
                <span>Оценка</span>
                <span>Необходимый минимум баллов, %</span>
                <span>Альтернативное название</span>
            </div>
            <div class="perfect-scroll">
                <table class="results-table">
                    <tbody>
                                                                <tr>
                            <td class="dis "><input type="text" disabled value="2"></td>
                            <td class="dis"><input disabled type="text" min="0" value="0"></td>
                            <td class="template__table_text"><input disabled type="text" value="-"></td>
                        </tr>
                                            <tr>
                            <td class="dis "><input type="text" disabled value="3"></td>
                            <td class="dis"><input disabled type="text" min="0" value="40"></td>
                            <td class="template__table_text"><input disabled type="text" value="-"></td>
                        </tr>
                                            <tr>
                            <td class="dis "><input type="text" disabled value="4"></td>
                            <td class="dis"><input disabled type="text" min="0" value="60"></td>
                            <td class="template__table_text"><input disabled type="text" value="-"></td>
                        </tr>
                                            <tr>
                            <td class="dis "><input type="text" disabled value="5"></td>
                            <td class="dis"><input disabled type="text" min="0" value="80"></td>
                            <td class="template__table_text"><input disabled type="text" value="-"></td>
                        </tr>
                                        </tbody>
                </table>
            </div>
        </div>
        <br class="clear">
    </div>
</div>

<div class="popup" id="begin-test">
    <div class="perfect-scroll">
        <h2>Введите номер теста
            <div class="close-pop pull-right">
                <svg width="10px" height="10px" viewBox="0 0 10 10">
                    <path fillRule="evenodd"
                          d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
                </svg>
            </div>
        </h2>

        <div class="">
            <form action="/tests/api/start" data-method="post" data-remote="true" data-method="post" method="post" id="begin-test_form">
                <div class="input-wrp">
                    <input name="id" type="text" id="beginTest_input" placeholder="">
                </div>
                <input type="submit" data-disable-with="Проверка..." class="btn green"  id="beginTest_submit" value="Перейти к тесту">
            </form>
        </div>
        <div class="auth-form_error" style="padding-top: 10px"></div>

    </div>
</div>
<script>
    $('#begin-test_form').on('ajax:success', function (event, status, xhr) {
        if (status.errors) {
            $('.auth-form_error').html(status.message);
            $('#beginTest_input').val('');
        } else {
            window.location.href = '/tests/' + status.id;
            $('#beginTest_submit').remove();
        }
    }).on('ajax:before', function () {
        var val  = document.getElementById("beginTest_input").value;
        console.log(val);
        if(!val.length){
            $('.auth-form_error').html('Введите номер теста');
            return false;
        }
        $('.auth-form_error').html('');
    });
</script><style>
    .orders__title_small {
        font-size: 16px;
        color: #000;
        margin-bottom: 8px;
        margin-top: 20px;
        line-height: 30px;
    }

    ol li {
        font-size: 0.86em;
    }

    ol {
        padding-left: 30px;
    }

    .mfp-wrap {
        min-width: inherit;
    }
</style>
<link href="/assets/test/css/element-ui.css?1503" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/test/css/test.css?2704" media="screen" rel="stylesheet" type="text/css"></section>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-xs-16 col-sm-4 col-md-3">
                                    <p>© 2008-2026, ООО «Мультиурок», ИНН 6732109381, ОГРН 1156733012732</p>
                                <div class="social">
                    <a style="margin-top: 10px;" target="_blank" href="https://vk.com/compedu_videouroki">
                        <svg width="32px" height="19px" viewBox="0 0 32 19">
                            <path fillRule="evenodd"
                                  d="M 15.36 18.01C 15.36 18.01 17.24 18.01 17.24 18.01 17.24 18.01 17.81 17.94 18.1 17.64 18.36 17.37 18.35 16.85 18.35 16.85 18.35 16.85 18.32 14.41 19.49 14.05 20.64 13.7 22.12 16.4 23.69 17.45 24.87 18.23 25.77 18.06 25.77 18.06 25.77 18.06 29.97 18.01 29.97 18.01 29.97 18.01 32.16 17.87 31.12 16.21 31.03 16.07 30.51 14.97 28 12.72 25.37 10.35 25.72 10.74 28.89 6.65 30.82 4.16 31.59 2.65 31.35 2 31.12 1.38 29.7 1.54 29.7 1.54 29.7 1.54 24.98 1.57 24.98 1.57 24.98 1.57 24.63 1.52 24.37 1.67 24.12 1.82 23.95 2.16 23.95 2.16 23.95 2.16 23.21 4.09 22.21 5.72 20.11 9.18 19.27 9.36 18.92 9.15 18.12 8.65 18.32 7.14 18.32 6.07 18.32 2.72 18.85 1.32 17.3 0.96 16.79 0.84 16.41 0.76 15.1 0.75 13.41 0.73 11.99 0.76 11.18 1.14 10.64 1.39 10.23 1.96 10.48 1.99 10.79 2.03 11.5 2.18 11.88 2.67 12.36 3.31 12.34 4.74 12.34 4.74 12.34 4.74 12.62 8.68 11.69 9.17 11.06 9.5 10.18 8.82 8.31 5.68 7.35 4.08 6.62 2.3 6.62 2.3 6.62 2.3 6.48 1.97 6.23 1.8 5.93 1.58 5.51 1.51 5.51 1.51 5.51 1.51 1.02 1.54 1.02 1.54 1.02 1.54 0.35 1.56 0.1 1.84-0.12 2.09 0.08 2.62 0.08 2.62 0.08 2.62 3.6 10.57 7.57 14.57 11.22 18.25 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01 15.36 18.01Z"/>
                        </svg>
                    </a>
                    <a style="margin-top: 10px;" target="_blank" href="https://ok.ru/videourokinet">
                        <svg  viewBox="0 0 25 25" width="25px" height="25px">
                            <path class="st0" d="M12.5,12.7c3.2,0,5.8-2.6,5.8-5.8c0-3.2-2.6-5.8-5.8-5.8C9.3,1,6.7,3.6,6.7,6.8C6.7,10,9.3,12.7,12.5,12.7z
	 M12.5,3.9c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C9.6,5.2,10.9,3.9,12.5,3.9z M19.2,13.4
	c-0.3-0.7-1.2-1.2-2.5-0.3c-1.6,1.3-4.3,1.3-4.3,1.3s-2.6,0-4.3-1.3c-1.2-1-2.1-0.4-2.5,0.3c-0.6,1.2,0.1,1.7,1.5,2.7
	c1.3,0.8,3,1.1,4.1,1.2l-0.9,0.9c-1.3,1.3-2.6,2.6-3.4,3.4c-0.5,0.5-0.5,1.4,0,1.9l0.2,0.2c0.5,0.5,1.4,0.5,1.9,0l3.4-3.4
	c1.3,1.3,2.6,2.6,3.4,3.4c0.5,0.5,1.4,0.5,1.9,0l0.2-0.2c0.5-0.5,0.5-1.4,0-1.9l-3.4-3.4l-0.9-0.9c1.1-0.1,2.8-0.4,4.1-1.2
	C19.2,15.1,19.8,14.5,19.2,13.4z"/>
                        </svg>
                    </a>
<!--                    <a style="margin-top: 10px;" target="_blank" href="https://www.facebook.com/videouroki.net">-->
<!--                        <svg width="26px" height="25px" viewBox="0 0 26 25">-->
<!--                            <path fillRule="evenodd"-->
<!--                                  d="M 24.33-0C 24.33-0 1.96-0 1.96-0 1.19-0 0.57 0.62 0.57 1.38 0.57 1.38 0.57 23.62 0.57 23.62 0.57 24.38 1.19 25 1.96 25 1.96 25 14 25 14 25 14 25 14 15.32 14 15.32 14 15.32 10.72 15.32 10.72 15.32 10.72 15.32 10.72 11.54 10.72 11.54 10.72 11.54 14 11.54 14 11.54 14 11.54 14 8.76 14 8.76 14 5.53 15.98 3.77 18.88 3.77 20.27 3.77 21.46 3.88 21.81 3.92 21.81 3.92 21.81 7.3 21.81 7.3 21.81 7.3 19.8 7.3 19.8 7.3 18.22 7.3 17.92 8.04 17.92 9.13 17.92 9.13 17.92 11.54 17.92 11.54 17.92 11.54 21.68 11.54 21.68 11.54 21.68 11.54 21.19 15.32 21.19 15.32 21.19 15.32 17.92 15.32 17.92 15.32 17.92 15.32 17.92 25 17.92 25 17.92 25 24.33 25 24.33 25 25.09 25 25.71 24.38 25.71 23.62 25.71 23.62 25.71 1.38 25.71 1.38 25.71 0.62 25.09-0 24.33-0Z"/>-->
<!--                        </svg>-->
<!--                    </a>-->
                    <a style="margin-top: 10px;" target="_blank" href="https://zen.yandex.ru/id/5ec1300972423a6de38c5b7c">
                        <svg width="25" height="25" viewBox="0 0 25 25">
                            <path id="dzen" class="cls-1" d="M879.362,2350c-5.152,0-8.722.02-10.555,1.81-1.79,1.83-1.807,5.57-1.807,10.55,5.535-.16,8.067-0.3,10.085-2.27C879.056,2358.07,879.2,2355.54,879.362,2350Zm-10.555,23.19c-1.79-1.83-1.807-5.57-1.807-10.55,5.535,0.17,8.066.3,10.085,2.28,1.971,2.01,2.11,4.55,2.277,10.08C874.209,2375,870.639,2374.98,868.807,2373.19Zm10.831,1.81c0.167-5.53.306-8.07,2.277-10.08,2.019-1.98,4.55-2.11,10.085-2.28,0,4.98-.018,8.72-1.807,10.55C888.36,2374.98,884.791,2375,879.638,2375Zm0-25c0.167,5.54.306,8.07,2.277,10.09,2.019,1.97,4.55,2.11,10.085,2.27,0-4.98-.018-8.72-1.807-10.55C888.36,2350.02,884.791,2350,879.638,2350Z" transform="translate(-867 -2350)"></path>
                        </svg>

                    </a>
                    <a style="margin-top: 10px;" target="_blank" href="https://www.youtube.com/user/videourokinet">
                        <svg width="26px" height="19px" viewBox="0 0 26 19">
                            <path fillRule="evenodd"
                                  d="M 25.75 14.46C 25.75 14.46 25.5 16.18 24.75 16.93 23.79 17.92 22.72 17.93 22.23 17.99 18.71 18.24 13.43 18.25 13.43 18.25 13.43 18.25 6.89 18.19 4.88 18 4.32 17.89 3.06 17.92 2.11 16.93 1.35 16.18 1.11 14.46 1.11 14.46 1.11 14.46 0.86 12.45 0.86 10.44 0.86 10.44 0.86 8.55 0.86 8.55 0.86 6.54 1.11 4.52 1.11 4.52 1.11 4.52 1.35 2.81 2.11 2.05 3.06 1.06 4.14 1.06 4.63 1 8.15 0.75 13.42 0.75 13.42 0.75 13.42 0.75 13.43 0.75 13.43 0.75 13.43 0.75 18.71 0.75 22.23 1 22.72 1.06 23.79 1.06 24.75 2.05 25.5 2.81 25.75 4.52 25.75 4.52 25.75 4.52 26 6.54 26 8.55 26 8.55 26 10.44 26 10.44 26 12.45 25.75 14.46 25.75 14.46ZM 10.83 5.73C 10.83 5.73 10.83 12.72 10.83 12.72 10.83 12.72 17.62 9.24 17.62 9.24 17.62 9.24 10.83 5.73 10.83 5.73Z"/>
                        </svg>
                    </a>
<!--                    <a style="margin-top: 10px;" target="_blank" href="https://www.instagram.com/videouroki_net/">-->
<!--                        <svg width="26" height="26" viewBox="0 0 26 26">-->
<!--                            <path fillrule="evenodd" d="M1111.51,2357.09a9.492,9.492,0,0,0-.61-3.16,6.383,6.383,0,0,0-1.51-2.32,6.5,6.5,0,0,0-2.3-1.5,9.586,9.586,0,0,0-3.17-.6c-1.39-.07-1.84-0.09-5.38-0.09s-3.98.02-5.37,0.08a9.558,9.558,0,0,0-3.17.61,6.622,6.622,0,0,0-3.81,3.81,9.558,9.558,0,0,0-.61,3.17c-0.06,1.39-.08,1.83-0.08,5.37s0.02,3.99.08,5.38a9.52,9.52,0,0,0,.6,3.16,6.732,6.732,0,0,0,3.82,3.82,9.574,9.574,0,0,0,3.16.6c1.39,0.06,1.84.08,5.38,0.08s3.98-.02,5.37-0.08a9.586,9.586,0,0,0,3.17-.6,6.667,6.667,0,0,0,3.81-3.82,9.546,9.546,0,0,0,.61-3.16c0.06-1.39.08-1.83,0.08-5.38S1111.57,2358.48,1111.51,2357.09Zm-2.35,10.65a7.224,7.224,0,0,1-.45,2.42,4.351,4.351,0,0,1-2.47,2.47,7.284,7.284,0,0,1-2.42.45c-1.38.06-1.79,0.08-5.27,0.08s-3.9-.02-5.27-0.08a7.224,7.224,0,0,1-2.42-.45,4.257,4.257,0,0,1-2.47-2.47,7.224,7.224,0,0,1-.45-2.42c-0.06-1.37-.08-1.79-0.08-5.27s0.02-3.89.08-5.26a7.165,7.165,0,0,1,.45-2.42,3.949,3.949,0,0,1,.98-1.5,4.09,4.09,0,0,1,1.49-.97,7.284,7.284,0,0,1,2.42-.45c1.38-.06,1.79-0.08,5.27-0.08s3.9,0.02,5.27.08a7.224,7.224,0,0,1,2.42.45,4.257,4.257,0,0,1,2.47,2.47,7.224,7.224,0,0,1,.45,2.42c0.06,1.37.08,1.79,0.08,5.26S1109.22,2366.36,1109.16,2367.74Zm-10.62-11.97a6.7,6.7,0,1,0,6.7,6.69A6.7,6.7,0,0,0,1098.54,2355.77Zm0,11.04a4.345,4.345,0,1,1,4.35-4.35A4.345,4.345,0,0,1,1098.54,2366.81Zm8.53-11.31a1.565,1.565,0,1,1-1.56-1.56A1.564,1.564,0,0,1,1107.07,2355.5Z" transform="translate(-1085.5 -2349.44)"></path>-->
<!--                        </svg>-->
<!--                    </a>-->
                    <a style="margin-top: 10px;" target="_blank" href="https://t.me/+V0UBzYO7GPSYIqmQ">
                        <svg width="24" height="21" viewBox="0 0 24 21">
                            <path fillrule="evenodd"
                                  d="M1142.06,2366.92l-0.4,5.73a1.445,1.445,0,0,0,1.14-.55l2.73-2.61,5.68,4.14c1.04,0.58,1.77.28,2.05-.95l3.72-17.42h0.01c0.33-1.54-.56-2.14-1.57-1.76l-21.89,8.36c-1.5.58-1.47,1.41-.26,1.79l5.6,1.74,13-8.12c0.61-.41,1.17-0.18.71,0.22Z" transform="translate(-1132.38 -2353.41)"></path>
                        </svg>
                    </a>
                    <a style="margin-top: 10px;" target="_blank" href="https://twitter.com/videouroki_net">
                        <svg width="25" height="25" viewBox="0 0 25 25">
                            <path fillrule="evenodd" d="M6.79 6.25L16.13 18.75L18.25 18.75L8.91 6.25L6.79 6.25z" /><path fillrule="evenodd" d="m12.5,0C5.6,0,0,5.6,0,12.5s5.6,12.5,12.5,12.5,12.5-5.6,12.5-12.5S19.4,0,12.5,0Zm3.13,19.74l-4.25-5.69-5.26,5.69h-1.35l6.01-6.5-5.97-7.99h4.6l3.92,5.24,4.85-5.24h1.35l-5.6,6.05,6.31,8.44h-4.6Z" />
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-lg-2 col-sm-4 col-xs-16 links">
                <a href="/subscriptions/">Подписки</a>
                <a href="/catalog">Комплекты</a>
                <a href="/course">Курсы</a>
                <a href="/olymp">Олимпиады</a>
                <a href="/webinar">Вебинары</a>
                <a href="/tests">Тесты</a>
                <a href="/video">Видеоучебник</a>
                <a href="/et/">Тетради</a>
                <a href="/razrabotki">Разработки</a>
<!--                <a href="/qa">Учительская</a>-->
                <a href="/blog">Блог</a>
            </div>
            <div class="col-lg-2 col-sm-3 col-xs-16 links">
                <a href="/">О проекте</a>
                                <a href="/course/info/">Об организации</a>
                                <a href="/pages/feedback.html">Обратная связь</a>
                <a target="_blank" href="/check">Проверка документов</a>
                <a href="/pages/friends.html">Друзьям</a>
                <a target="_blank" href="https://goo.gl/forms/aDPNSAf8uu33aOdD2">Вакансии</a>
                <a target="_blank" href="/et/pupil">Вход для ученика</a>
            </div>
            <div class="col-lg-5 col-sm-1 col-xs-16 links"></div>
                    </div>
                <div class="row v-center">
            <div class="col-md-12 col-xs-16">

                                    <a data-fancybox data-type="iframe" data-src="https://videouroki.net/legal/terms.html?t=1" href="javascript:;">Пользовательское соглашение</a>
                
                                <a data-fancybox data-type="iframe" data-src="https://videouroki.net/legal/privacy.html" href="javascript:;">Политика обработки персональных данных</a>
                <a data-fancybox data-type="iframe" data-src="https://videouroki.net/legal/cookie.html" href="javascript:;">Политика использования файлов cookie</a>
                <!-- cookie-consent.phtml -->

<style>
    /* Можно подключить CSS отдельно через <link>, но для примера вставим стили прямо здесь */
    .cookie-banner {
        position: fixed;
        bottom: -100px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999;
        background-color: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 16px 24px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: max-content;
        max-width: 90%;
        font-family: 'Segoe UI', sans-serif;
        animation: slideUp 0.5s ease forwards;
        opacity: 0;
    }

    .cookie-content {
        margin-right: 20px;
        text-align: left;
    }

    .cookie-content p {
        margin: 0 0 4px 0;
        font-size: 14px;
        color: #333;
    }

    .cookie-content a {
        font-size: 13px;
        color: #0078ff;
        text-decoration: none;
    }

    .accept-btn {
        background-color: #ff0000;
        color: #fff;
        border: none;
        padding: 10px 16px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color 0.3s ease;
    }

    .accept-btn:hover {
        background-color: #cc0000;
    }

    @keyframes slideUp {
        from {
            bottom: -100px;
            opacity: 0;
        }
        to {
            bottom: 20px;
            opacity: 1;
        }
    }
</style>

<div id="cookieBanner" class="cookie-banner" style="">
    <div class="cookie-content">
        <p>Мы используем файлы cookie для улучшения работы сайта.</p>
        <a data-fancybox data-type="iframe" data-src="https://videouroki.net/legal/cookie.html" href="javascript:;">Подробнее</a>
    </div>
    <button onclick="acceptCookies()" class="accept-btn">Принять</button>
</div>

<script>
    function acceptCookies() {
        document.cookie = "cookieConsent=accepted; path=/; max-age=31536000";
        document.getElementById('cookieBanner').style.display = 'none';
    }
</script>

<!--                <a target="_blank" href="http://videouroki.net/look/subs/index.php?from=newfutter">Рассылка</a>-->
            </div>
            <div class="col-md-4 col-xs-16">
                <div class="share pull-right">
                    <script type="text/javascript" src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js" charset="utf-8"></script>
                    <script type="text/javascript" src="//yastatic.net/share2/share.js" charset="utf-8"></script>
                    <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,gplus" data-counter=""></div>
                </div>
            </div>
        </div>
    </div>

    <!-- start vbubble -->
    <div class="bubble" id="vbubble">
        <div class="bubble__content">
            <div class="close-bubble pull-right">
                <a href="#" onclick="event.preventDefault(); document.getElementById('vbubble').style='transform: translateX(-470px)'; document.cookie='vbubble=closed; max-age=86400; path=/';">
                    <svg width="10px" height="10px" viewBox="0 0 10 10"><path fillrule="evenodd" d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"></path></svg>
                </a>
            </div>
            <div class="bubble_info">
                <div class="bubble_title"><span class="for-theacher">Учителю!</span><br>Огромная база учебных материалов на каждый урок с возможностью удаленного управления</div>
                <div>
                    <a class="btn__yellow" href="https://videouroki.net/subscriptions/?type=1&utm_source=videouroki&utm_medium=banner&utm_campaign=vbubble&utm_content=subscription&utm_term=20240131vbubble-btn" target="_blank">Подробнее</a>
                </div>
            </div>
            <div class="bubble_img">
                <a href="https://videouroki.net/subscriptions/?type=1&utm_source=videouroki&utm_medium=banner&utm_campaign=vbubble&utm_content=subscription&utm_term=20240131vbubble-img" target="_blank"><img src="https://fsd.videouroki.net/ro2/2024/01/img/20240131_img-vbubble.png" alt="Тесты, видеоуроки, электронные тетради"></a>
            </div>
        </div>
    </div>
    <style type="text/css">
        .for-theacher {
            color: #3973e6;
        }
        .bubble {
            display: block;
            position: fixed;
            z-index: 9999;
            width: 450px;
            bottom: 20px;
            left: 20px;
            margin-right: 0;
            transition: all .5s ease-in-out;
        }
        .bubble__content {
            display: flex;
            padding: 16px 20px;
            transition: all .3s;
            background: #f7f7f7;
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
            border-radius: 2px;
            border: 1px solid #e5e5e5;
            /*            background-color: rgba(242, 242, 242 / 50%);
                        backdrop-filter: blur(20px);*/
        }
        #vbubble{
            left: -450px;
        }
        .bubble .pull-right {
            float: right !important;
        }
        .bubble .close-bubble {
            position: absolute;
            right: 10px;
            top: 10px;
        }
        .bubble .close-bubble {
            fill: #666;
            -webkit-transition: .2s;
            transition: .2s;
            cursor: pointer;
        }
        .bubble .close-bubble:hover{
            fill: #333;
        }
        .bubble .bubble_info {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            margin-right: 20px;
        }
        .bubble .bubble_img {
            border: 0;
            width: 164px;
            height: 180px;
            align-self: center;
            flex-shrink: 0;
        }
        .bubble .bubble_title {
            font-size: 16px;
            line-height: 24px;
            font-weight: 700;
            color: #333;
            margin-bottom: 16px;
        }
        .bubble .btn__yellow {
            text-decoration: none;
            background-color: #ffd940;
            color: #333;
            padding: 9px 19px;
            border-radius: 2px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
            font-weight: 400;
            font-size: .88em;
            cursor: pointer;
            display: inline-block;
            -webkit-transition: .2s;
            transition: .2s;
        }
        .bubble .btn__yellow:hover {
            background-color: #fc0;
        }
        @media (max-width: 500px) {
            .bubble .bubble_img {
                display: none;
            }
            .bubble {
                width: 280px;
            }
        }
    </style>
    <script>
        function getCookie(name) {
            let matches = document.cookie.match(new RegExp(
                "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
            ));
            return matches ? decodeURIComponent(matches[1]) : undefined;
        }
        window.onscroll = function() {
            var scrolled = window.pageYOffset || document.documentElement.scrollTop;
            var cookieVbubble = getCookie('vbubble');
            //console.log(cookieVbubble);
            if (cookieVbubble !== 'closed' && !(window.location.href.includes('subscriptions'))){
                if(scrolled > 350){
                    document.getElementById('vbubble').style="transform: translateX(470px);";
                }else{
                    document.getElementById('vbubble').style="transform: translateX(-470px);";
                }
            }
        }
    </script>
    <!-- end vbubble -->

</footer>
<a href="#bot" id="to-top">
    <svg width="50px" height="50px" viewBox="0 0 50 50">
        <circle cx="25.00" cy="25.00" r="25.00" fill="rgb(0,0,0)" opacity="0.37"/>
        <path fillRule="evenodd"
              d="M 33.94 24.46C 33.94 24.46 25.89 16.3 25.89 16.3 25.32 15.73 24.41 15.73 23.84 16.3 23.84 16.3 15.79 24.46 15.79 24.46 14.88 25.38 15.52 26.97 16.81 26.97 16.81 26.97 20.43 26.97 20.43 26.97 21.23 26.97 21.88 27.62 21.88 28.43 21.88 28.43 21.88 32.51 21.88 32.51 21.88 33.71 22.83 34.68 24.01 34.68 24.01 34.68 25.72 34.68 25.72 34.68 26.9 34.68 27.86 33.71 27.86 32.51 27.86 32.51 27.86 28.43 27.86 28.43 27.86 27.62 28.5 26.97 29.31 26.97 29.31 26.97 32.92 26.97 32.92 26.97 34.21 26.97 34.85 25.38 33.94 24.46Z"
              fill="rgb(241,241,241)"/>
    </svg>
</a>
<div class="overlay"></div>

    <div class="popup" id="register">
        <div class="perfect-scroll">
            <h2>Зарегистрироваться
                <div class="close-pop pull-right">
                    <svg width="10px" height="10px" viewBox="0 0 10 10">
                        <path fillRule="evenodd"
                              d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
                    </svg>
                </div>
            </h2>
            <form action="/api/register" data-method="post" data-remote="true" method="post" class="registration_form">
                <div class="input-wrp">
                    <p>Электронная почта</p>
                    <input name="email" type="text" placeholder="Введите ваш e-mail">
                    <div id="emailError" class="reg-error"></div>
                    <div id="emailExist" style="display: none"><i class="icon-error"></i>
                        <div class="error_note_wrapper">
                            <div class="error_note">
                                <span class="error_note_text">Такой пользователь уже существует, вы можете <a href="" class="open-login-form">войти</a> или <a
                                            class="open-pass-form" href="">восстановить пароль</a>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="input-wrp">
                    <p>Пароль</p>
                    <div><input class="input-pass1" name="password" type="password" placeholder="Введите ваш пароль">
                        <img src="/videouroki/images/ico/eye-disabled.svg" alt="" class="eye">
                    </div>
                    <div id="passwordError" class="reg-error"></div>
                </div>

                <div class="input-wrp">
                    <p>Повторите пароль</p>
                    <div><input class="input-pass1" name="passwordVerify" type="password" placeholder="Повторите пароль">
                        <img src="/videouroki/images/ico/eye-disabled.svg" alt="" class="eye"></div>
                    <div id="passwordVerifyError" class="reg-error"></div>
                </div>
                <div class="input-wrp">
                    <input name="userType" id="user_type" value="0" type="hidden"/>
                    <div class="profile-user">
                        <div class="user one">
                            <span>Я ученик</span>
                        </div>
                        <div class="user two">
                            <span>Я учитель</span>
                        </div>
                        <div class="user three">
                            <span>Я родитель</span>
                        </div>
                        <div id="userTypeError" class="reg-error"></div>
                    </div>
                </div>

                <div class=reg__term>
                    Регистрируясь Вы соглашаетесь с <a data-fancybox data-type="iframe" data-src="/legal/terms.html" href="javascript:;">пользовательским
                        соглашением</a> и
                    <a data-fancybox data-type="iframe" data-src="/legal/privacy.html" href="javascript:;">политикой конфиденциальности</a>, а также даёте согласие на
                    получение информационных и рекламных писем от ООО “Мультиурок” на указанный Вами e-mail. Отказаться от рассылки Вы сможете в любой момент, кликнув на ссылку
                    "отказаться от рассылки", которая будет в каждом
                    письме.
                </div>
                <input type="submit" data-disable-with="Загрузка..." class="btn green" value="Продолжить">
            </form>
            <div class="auth-form_error"></div>
            <div class="open-social">
                <div class="socialText">Или войти с помощью аккаунта в соцсети</div>
                <div class="socialIcons">
                    
    <span><a href="/user/login/odnoklassniki?redirect=http://videouroki.net/tests/tiest-2-mdk-08-01razrabotka-dizaina-web-prilozhienii.html" rel="nofollow"><img src="/images/social/odnoklassniki.png" onmouseover="this.src='/images/social/odnoklassniki_hover.png'" onmouseout="this.src='/images/social/odnoklassniki.png'" alt=""></a></span>

    <span><a href="/user/login/yandex?redirect=http://videouroki.net/tests/tiest-2-mdk-08-01razrabotka-dizaina-web-prilozhienii.html" rel="nofollow"><img src="/images/social/yandex.png" onmouseover="this.src='/images/social/yandex_hover.png'" onmouseout="this.src='/images/social/yandex.png'" alt=""></a></span>

                </div>
            </div>
        </div>
    </div>
    <div class="popup" id="login">
        <div class="perfect-scroll">
            <h2>Войти в профиль
                <div class="close-pop pull-right">
                    <svg width="10px" height="10px" viewBox="0 0 10 10">
                        <path fillRule="evenodd"
                              d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
                    </svg>
                </div>
            </h2>
            <form action="/api/login" data-method="post" data-remote="true" method="post" class="login_form">
                <div class="input-wrp">
                    <p>Электронная почта</p>
                    <div>
                        <input name="identity" type="text" placeholder="Введите ваш e-mail">

                    </div>
                </div>
                <div class="input-wrp">
                    <p>Пароль</p>
                    <input class="input-pass1" name="credential" type="password" placeholder="Введите ваш пароль">
                    <img src="/videouroki/images/ico/eye-disabled.svg" alt="" class="eye">
                </div>
                <input type="checkbox" name="stay" id="checkboxG1" class="css-checkbox"/>
                <label for="checkboxG1" class="css-label">Оставаться в системе</label>
                <input type="submit" data-disable-with="Войти..." class="btn green" value="Войти">
            </form>
            <style>
                .social_a_svg {
                    margin-top: 10px !important;
                }
                .socialText {
                    color: #999;
                    text-align: center;
                    margin-bottom: 10px;
                    padding-top: 10px;
                }

                .socialIcons {
                    text-align: center;
                }

                .reg__term {
                    color: #999;
                    font-size: .75em;
                    padding-bottom: 10px;
                }

                .popup {
                    width: 472px;
                    margin-left: -231px;
                }

                @media (min-width: 768px) {
                    .popup {
                        margin-top: 25px !important;
                    }
                }

                #register .open-social {
                    margin-top: 5px;
                    background-color: inherit;
                    padding-bottom: 0;
                }

                .open-social {
                    padding-bottom: 15px;
                    margin: 0 -25px;
                    text-align: center;
                    background-color: #f2f2f2;
                    color: #fff;
                    font-size: .81em;
                    -webkit-transition: .2s;
                    transition: .2s;
                }

                .open-social img {
                    margin-right: 10px;
                    margin-left: 10px;
                }

                .enter-pupil {
                    display: inline;
                    float: right;
                    margin: 20px 0;
                    border-bottom: 1px dotted #000;
                    font-size: .81em;
                }
            </style>

            <p class="open-password">Вспомнить пароль</p>
            <div class="enter-pupil"><a href="/et/pupil" target="_blank">Войти в кабинет ученика</a></div>
            <div class="auth-form_error"></div>
            <div class="open-social">
                <div class="socialText">Или войти с помощью аккаунта в соцсети</div>
                <div class="socialIcons">
                    
    <span><a href="/user/login/odnoklassniki?redirect=http://videouroki.net/tests/tiest-2-mdk-08-01razrabotka-dizaina-web-prilozhienii.html" rel="nofollow"><img src="/images/social/odnoklassniki.png" onmouseover="this.src='/images/social/odnoklassniki_hover.png'" onmouseout="this.src='/images/social/odnoklassniki.png'" alt=""></a></span>

    <span><a href="/user/login/yandex?redirect=http://videouroki.net/tests/tiest-2-mdk-08-01razrabotka-dizaina-web-prilozhienii.html" rel="nofollow"><img src="/images/social/yandex.png" onmouseover="this.src='/images/social/yandex_hover.png'" onmouseout="this.src='/images/social/yandex.png'" alt=""></a></span>

                </div>
            </div>
            <div class="open-register">
                <div class="brdr">Зарегистрироваться</div>
            </div>
        </div>
    </div>
    <div class="popup" id="password">
        <div class="perfect-scroll">
            <h2>Восстановление пароля
                <div class="close-pop pull-right">
                    <svg width="10px" height="10px" viewBox="0 0 10 10">
                        <path fillRule="evenodd"
                              d="M 6.41 5C 6.41 5 9.24 7.83 9.24 7.83 9.63 8.22 9.63 8.85 9.24 9.24 8.85 9.63 8.22 9.63 7.83 9.24 7.83 9.24 5 6.41 5 6.41 5 6.41 2.17 9.24 2.17 9.24 1.78 9.63 1.15 9.63 0.76 9.24 0.37 8.85 0.37 8.22 0.76 7.83 0.76 7.83 3.59 5 3.59 5 3.59 5 0.76 2.17 0.76 2.17 0.37 1.78 0.37 1.15 0.76 0.76 1.15 0.37 1.78 0.37 2.17 0.76 2.17 0.76 5 3.58 5 3.58 5 3.58 7.83 0.76 7.83 0.76 8.22 0.37 8.85 0.37 9.24 0.76 9.63 1.15 9.63 1.78 9.24 2.17 9.24 2.17 6.41 5 6.41 5Z"/>
                    </svg>
                </div>
            </h2>

            <div class="recover-success">
                <form action="/recovery/request" data-method="post" method="post" class="recover_form">
                    <p>Введите вашу электронную почту, чтобы восстановить пароль!</p>
                    <div class="input-wrp">
                        <input name="email" type="text" placeholder="Введите ваш e-mail">
                    </div>
                    <input type="submit" data-disable-with="Отправить..." class="btn green" value="Отправить">
                </form>
            </div>
            <div class="auth-form_error" style="padding-top: 10px"></div>

        </div>
    </div>
    <script>

        if(getJsonFromUrl()){
            $('#register, .overlay').removeClass('visible-pop');
            $('#login, .overlay').addClass('visible-pop');
        }

        $('.user.one').click(function (e, ob) {
            $('.user').removeClass('active-user');
            $('.user.one').addClass('active-user');
            $('#user_type').val('1');
            e.stopPropagation();
        });
        $('.user.two').click(function (e, ob) {
            $('.user').removeClass('active-user');
            $('.user.two').addClass('active-user');
            $('#user_type').val('2');
            e.stopPropagation();
        });
        $('.user.three').click(function (e, ob) {
            $('.user').removeClass('active-user');
            $('.user.three').addClass('active-user');
            $('#user_type').val('3');
            e.stopPropagation();
        });

        function clearErrors() {
            $('.auth-form_error').each(function () {
                $(this).html('');
            });
        }

        $('body').on('click', '.open-login-form', function (e) {
            $('#register, .overlay').removeClass('visible-pop');
            $('#login, .overlay').addClass('visible-pop');

            e.preventDefault();
        });
        $('body').on('click', '.open-pass-form', function (e) {
            $('#register, .overlay').removeClass('visible-pop');
            $('#password, .overlay').addClass('visible-pop');
            e.preventDefault();
        });
        $('.login_form')
            .on('ajax:beforeSend', function (event, xhr, settings) {
                clearErrors();
            })
            .on('ajax:complete', function (event, xhr, status) {
            })
            .on('ajax:success', function (event, data, status, xhr) {
                if (data.status == 0) {
                    $('.auth-form_error').html(data.text + '<br>');
                } else {
                    $('.open-register').html(data.text);
                    if (getJsonFromUrl() !== null) {
                        window.location.href = url = getJsonFromUrl();
                    } else {
                        window.location.href = url = window.location.href + "?login=ok";
                    }
                    console.log(url);
                    location.replace(url);
                    setTimeout('window.location.reload(true);', 3000);

                }
            }).on('ajax:error', function (event, xhr, status, error) {

        });
        $('.recover_form')
            .on('ajax:beforeSend', function (event, xhr, settings) {
                clearErrors();
            })
            .on('ajax:complete', function (event, xhr, status) {
            })
            .on('ajax:success', function (event, data, status, xhr) {
                console.log(data);
                if (data.status == 0) {
                    $('.auth-form_error').html(data.text + '<br>');
                } else {
                    $('.recover-success').html('<div class="success" >' + data.text + '</div>');
                }
            }).on('ajax:error', function (event, xhr, status, error) {

        });
        $('.registration_form')
            .on('ajax:beforeSend', function (event, xhr, settings) {
                var emailError = $('#emailError');
                var passwordError = $('#passwordError');
                var passwordVerify = $('#passwordVerifyError');
                var userTypeError = $('#userTypeError');
                var emailExist = $('#emailExist');


                emailError.html('');
                passwordError.html('');
                passwordVerify.html('');
                userTypeError.html('');
                emailExist.hide();
            })
            .on('ajax:complete', function (event, xhr, status) {
            }).on('ajax:success', function (event, data, status, xhr) {
            // insert the failure message inside the "#account_settings" element
            //console.log(data);
            if (data.status == 0) {
                //$('.reg-info').html('<div class="error">' + data.text + '</div>');
                if (data.text.email) {
                    var emailError = $('#emailError');
                    var emailExist = $('#emailExist');
                    console.log(data.text.email);
                    if (data.text.email == 'Найдена совпадающая со значением запись') {
                        console.log('alert');
                        emailExist.show();
                    } else {
                        emailError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
                            '<div class="error_note">' +
                            '<span class="error_note_text">' + data.text.email + '</span></div></div>');
                    }
                }
                if (data.text.password) {
                    var passwordError = $('#passwordError');
                    console.log(data.text.password);
                    passwordError.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
                        '<div class="error_note">' +
                        '<span class="error_note_text">' + data.text.password + '</span></div></div>');
                }
                if (data.text.passwordVerify) {
                    var passwordVerify = $('#passwordVerifyError');
                    console.log(data.text.passwordVerify);
                    passwordVerify.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
                        '<div class="error_note">' +
                        '<span class="error_note_text">' + data.text.passwordVerify + '</span></div></div>');
                }
                if (data.text.captcha) {
                    var captcha = $('#captchaError');
                    console.log(data.text.captcha);
                    captcha.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
                        '<div class="error_note">' +
                        '<span class="error_note_text">' + data.text.captcha + '</span></div></div>');
                }
                if (data.text.userType) {
                    var user_type = $('#userTypeError');
                    console.log(data.text.userType);
                    user_type.html('<i class="icon-error"></i><div class="error_note_wrapper">' +
                        '<div class="error_note">' +
                        '<span class="error_note_text">' + data.text.userType + '</span></div></div>');
                }
            } else {
                $('.reg-success').html(data.text);
                var delay = 2000;
                if (getJsonFromUrl() !== null) {
                    window.location.href = url = getJsonFromUrl();
                } else {
                    window.location.href = url = window.location.href + "?reg=ok";
                }
                console.log(url);
                location.replace(url);
                setTimeout('window.location.reload(true);', delay);
            }
        }).on('ajax:error', function (event, xhr, status, error) {
        });

        function getJsonFromUrl() {
            var query = location.search.substr(1);
            var result = null;
            query.split("&").forEach(function (part) {
                var item = part.split("=");
                if (item[0] == 'url') {
                    var urlValue = decodeURIComponent(item[1]);

                    if (urlValue.indexOf('https://videouroki.net') === 0) {
                        result = decodeURIComponent(item[1]);

                    }
                }
            });
            console.log(result);
            return result;
        }

    </script>
<div class="popup" id="premium-pop">

</div>

<!-- begin footterbun-fancy-video -->
<!-- end footterbun-fancy-video -->
<!-- версия для слабовидящих-->
<div title="Обычная версия" id="visButOn" class="visionbutton" ><img src="/img/icon-visionoff.png" onclick="event.preventDefault(); versionForVisuallyImpaired('off')"></div>
<div title="Версия для слабовидящих" id="visButOff" class="visionbuttonOn visionbutton"><img src="/img/icon-visionon.png" onclick="event.preventDefault(); versionForVisuallyImpaired('on')"></div>
<style>
    .visionbutton {
        display: block;
        width: 80px;
        height: 80px;
        position: fixed;
        z-index: 9999;
        top: 350px;
        right: -25px;
        cursor: pointer;

    }
    .versionForVisuallyImpaired {
        font-size: 24px;
        filter: grayscale(100%);
        margin-top: -43px;
    }
    .versionForVisuallyImpaired p {
        font-size: 1em;
    }
    @media (max-width: 1023px) {
        .visionbutton {
            display: none;
        }
    }
</style>
<script>
    function versionForVisuallyImpaired(status) {
        if (status === 'on') {
            document.cookie='versionForVisuallyImpaired=on; max-age=86400; path=/';
            document.getElementById('visButOn').style='display: block;';
            document.getElementById('visButOff').style='display: none;';
            document.getElementById('top_main_menu_content').style='margin-top: 86px;';
            $("body").addClass("versionForVisuallyImpaired");
        } else {
            document.cookie='versionForVisuallyImpaired=off; max-age=86400; path=/';
            document.getElementById('visButOn').style='display: none;';
            document.getElementById('visButOff').style='display: block;';
            document.getElementById('top_main_menu_content').style='margin-top: default;';
            $("body").removeClass("versionForVisuallyImpaired");
        }
    }
    function getCookie(name) {
        let matches = document.cookie.match(new RegExp(
            "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
        ));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }
    window.onload = function() {
        var versionForVisuallyImpaired = getCookie('versionForVisuallyImpaired');
        if (versionForVisuallyImpaired === 'on'){
            $("body").addClass("versionForVisuallyImpaired");
            document.getElementById('visButOff').style="display: none;";
            document.getElementById('top_main_menu_content').style='margin-top: 86px;';
        } else {
            $("body").removeClass("versionForVisuallyImpaired");
            document.getElementById('top_main_menu_content').style='margin-top: default;';
        }
    }
</script>
<!-- версия для слабовидящих end-->

<link rel="stylesheet" href="/videouroki/res/lightslider/lightslider.min.css">
<link rel="stylesheet" href="/videouroki/res/perfectScrollbar/perfect-scrollbar.css">

<link rel="stylesheet" href="/videouroki/assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.min.css">

<script src="/videouroki/res/perfectScrollbar/perfect-scrollbar.jquery.min.js"></script>

<script src="/js/rails.js"></script>
<script src="/videouroki/res/lightslider/lightslider.min.js"></script>
<script src="/videouroki/res/jquery.validate.min.js"></script>

<script src="/videouroki/res/autosize-master/autosize.min.js"></script>
<script src="/videouroki/js/tabs.js"></script>
<script src="/videouroki/js/select.js"></script>
<script src="/videouroki/js/global.js?07092"></script>
<script src="/videouroki/js/views.js"></script>
<script src="/videouroki/plugin/notify/notify.min.js"></script>
<script src="/videouroki/plugin/notify/notify-metro.js"></script>
<script src="/videouroki/js/lazyload.min.js"></script>
<script src="/assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<script type="text/javascript">
    $(document).ready(
        function () {
            // new LazyLoad();
        })
</script>
<!--[if gte IE 9]><script type="text/javascript" src="/videouroki/assets/ckeditor-mini/ckeditor.js"></script><![endif]--><!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "e9ce310cefeb466ba59274f7a4c07e25"}'></script><!-- End Cloudflare Web Analytics -->
</body>
</html>