applicant-site/resources/views/new-design/bakalavr-special.blade.php

@extends('layouts.new-design-layout')
@section('content')
    <style>
        @font-face {

            font-family: "Geologica-Medium";

            src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");

        }

        @font-face {

            font-family: "Geologica-ExtraLight";

            src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
            font-style: normal;
            font-weight: normal;
        }

        @font-face {

            font-family: "Geologica-Light";

            src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
            font-style: normal;
            font-weight: normal;
        }

        html {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;

        }

        body {
            {{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
             overflow-x: hidden;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            object-fit: cover;

            font-family: "Geologica-Medium";
        !important;
        }

        a {
            text-decoration: none;
            color: unset;
        }

        a:hover {
            color: unset;

        }
        .default-focus{


            border-color: #198754;
            box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);

        }

        .gradient-text {
            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .button1 {
            background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0d6efd, #4f96ff) border-box;
            border-radius: 11px;
            border: 1px solid transparent;

        }


        .hover1:hover {
            transform: scale(1.1);
            transition: all .3s ease-in-out;
            z-index: 1052;


        }

        .hover2:hover {
            color: #d3d3d3;
            transition: all .4s ease-in-out;
            /*border: solid;*/
            /*border-radius: 8rem;*/
            /*padding: 5px 8px;*/
            /*border-color: #ffffff;*/
        }

        .hover3:hover {

            border: unset;
            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
        !important;


            transition: all .3s ease-in-out;

        }

        .hover3:hover div {
            -webkit-background-clip: unset;
            -webkit-text-fill-color: unset;
            color: white;
        }

        /* Customize the label (the container) */
        .checkbox1 {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;

            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;

        }

        /* Hide the browser's default checkbox */
        .checkbox1 input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom checkbox */
        .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: transparent;
            border: 1px solid rgb(241, 241, 241);
            border-radius: 8px;
        }

        /* On mouse-over, add a grey background color */
        .checkbox1:hover input ~ .checkmark {
            background-color: rgba(64, 160, 241, 0.85);
        }

        /* When the checkbox is checked, add a blue background */
        .checkbox1 input:checked ~ .checkmark {
            background-color: rgb(255, 255, 255);

        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .checkbox1 input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .checkbox1 .checkmark:after {

        }

        td {
            padding-top: 20px;
            padding-bottom: 10px;

        }

        tr {
            vertical-align: top;
        }

        #faculty {
            width: 40%;
        }

        /* width */
        .scroll-1::-webkit-scrollbar {
            width: 15px;
            transition: 0.3s;
            border-radius: 20px;
        }

        /* Track */
        .scroll-1::-webkit-scrollbar-track {
            background: #bdbdbd;


            border-radius: 20px;

        }

        /* Handle */
        .scroll-1::-webkit-scrollbar-thumb {

            height: 30px;
            width: 8px;
            background-image: linear-gradient(to right, rgba(38, 159, 239, 0.6), 20%, rgba(2, 142, 229, 0.6));
            opacity: 0.1;
            border-radius: 10px;
            transition: 0.3s;


        }

        /* Handle on hover */
        .scroll-1::-webkit-scrollbar-thumb:hover {
            background-image: linear-gradient(to right, rgb(38, 159, 239), 20%, rgb(2, 142, 229));
            transition: 0.3s;
        }
        .accordion-button:not(.collapsed) {
            color: #007337;
            background-color: transparent;
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
        }
        .accordion-button:focus {

            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
        }
        .accordion-button:not(.collapsed)::after {
            background-image: url({{ URL::to("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#35af00' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}});
            transform: rotate(-180deg);
        }

    </style>
    <script
        src="{{ URL::to('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js') }}"
        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">

    </script>
    <body>


    <header>
        <div class="container-fluid position-relative "
             style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
            <div class=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end  z-1 "
                 style="height: 100%; ">
                <div style="width: 60%">
                    <img class="img-fluid float-end  "
                         src="{{ URL::to('img/front-page/bakalavr-special/professor.png') }}" alt="">
                </div>
            </div>
            <div class="ms-0 ms-md-5   ">
                <div class="row">
                    <div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center mt-2">
                        <div class=" " style="width: 30%">
                            <img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo-white.png') }}"
                                 alt="">
                        </div>
                    </div>
                    <div class="col-xl-8 col-12 ">
                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end border-bottom border-white ">

                            <div
                                class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative  pb-3"
                                style="font-family: Geologica-Light">

                                <a href="#" class="col-auto pe-lg-3  text-white text-sm-start"
                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                    <div class="hover2"> Колл-центр: 8 800 550-23-01</div>
                                </a>
                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start "
                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                    <div class="hover2"> Почта: info@mkgtu.ru</div>
                                </a>
                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start "
                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                    <div class="hover2"> Все контакты</div>
                                </a>
                                {{--                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
                                {{--                                    <div class="hover2"> RU </div>--}}
                                {{--                                </a>--}}
                                {{--                            <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
                            </div>

                        </div>
                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">

                            <div
                                class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative "
                                style="font-family: Geologica-Light">

                                <a href="{{ URL::to('/') }}" class="col-auto pe-lg-3  text-white text-sm-start"
                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                    <div class="hover2"> Бакалавриат / Специалитет</div>
                                </a>
                                <a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start "
                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                    <div class="hover2"> Магистратура</div>
                                </a>
                                <a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start "
                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                    <div class="hover2"> Иностранным абитуриентам</div>
                                </a>

                            </div>

                        </div>
                    </div>
                </div>


                <div class="row">
                    <div class="col-12 text-white display-1  my-5 text-center text-md-start"
                         style=" font-weight: 900; letter-spacing: 0em; ">
                        ПОСТУПАЙ В МГТУ
                    </div>
                </div>
                <div class="row">
                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 "
                         style="  letter-spacing: 0em; ">
                        75 студенческих объединений
                    </div>
                </div>
                <div class="row">
                    <div class="display-5 col-12 text-white mb-3 text-center text-md-start "
                         style=" font-weight: 700; letter-spacing: 0em; ">
                        3367 БЮДЖЕТНЫХ МЕСТ
                    </div>
                </div>
                <div class="row">
                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75"
                         style="  letter-spacing: 0em; ">
                        300 образовательных программ
                    </div>
                </div>
                <div class="d-none d-lg-block">
                    <br><br><br><br><br><br><br>
                </div>

                <div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative ">
                    <a href="#"
                       class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
                       style="  background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
                        Личный кабинет
                    </a>
                    <a href="#"
                       class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
                       style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
                        День открытых дверей
                    </a>
                    <a href="#"
                       class=" hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
                       style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
                        Твои возможности
                    </a>
                </div>


            </div>
            <div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
        </div>
    </header>

    <div
        style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">

        <div class="container-fluid ms-sm-5  py-5">
            <div class="row">
                <div class="display-5 col-12  mb-3 text-center text-md-start "
                     style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em;  ">
                    ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
                </div>
            </div>

            <div class="row d-flex  justify-content-md-start justify-content-center">
                @php use App\Services\DirectonHtmlBuilder; @endphp
                @foreach($groupedDirections as $faculty)

                    <div class="mt-xl-5 col-xxl-4 col-md-6 col-10 ">

                        <!-- Button trigger modal -->
                        <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-{{ $faculty['id'] }}"
                                class=" col-md-11 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex justify-content-start align-items-center hover1 "
                                style="background-color: #ffffff; border-radius: 15px; border: unset;">
                            <img class=" " style="width: 108px; height: auto "
                                 src="{{ URL::to('img/faculties/5.png') }}" alt="">
                            <span class="ms-xl-5 ms-2 z-3 gradient-text text-start"> {{ $faculty['name'] }}</span>
                        </button>

                        <!-- Modal -->
                        <div class="modal fade" id="exampleModal-{{ $faculty['id'] }}" tabindex="-1"
                             aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content"> <!--style="border-radius: 30px;"-->
                                    <div class="modal-header d-flex justify-content-center">
                                        <img class="" style="width: 108px; height: auto "
                                             src="{{ URL::to('img/faculties/5.png') }}" alt="">


                                    </div>
                                    <p class="text-center fs-3"> {{ $faculty['name'] }} </p>

                                    <div class="modal-body d-flex justify-content-center" >
                                        <div class="col-11">
                                            <p class="fs-5">Основная информация</p>
                                            <p class="fs-6"
                                               style=" font-family: Geologica-ExtraLight;   text-align: justify;"> {{ $faculty['description'] }}</p>
                                            <p class="fs-5">Специальности</p>
                                            <div class="table-responsive ps-4">
                                                <table class="table w-100 fs-6"
                                                       style=" font-family: Geologica-ExtraLight;">
                                                    <tr>
                                                        <th> Название</th>
                                                        <th> Код специальности</th>
                                                        <th> Уровень образования</th>
                                                        <th> Форма обучения</th>
                                                    </tr>

                                                    @foreach ($faculty['directions'] as $direction)

                                                            <tr>
                                                                <td>
                                                                    <a class=" border border-dark rounded-3 p-2 hover1"
                                                                       type="button" data-bs-toggle="offcanvas"
                                                                       data-bs-target="#offcanvasScrolling-{{ $direction['id'] }}"
                                                                       aria-controls="offcanvasScrolling"
                                                                       role="button" style="background: white">{{ $direction['name'] }}</a>

                                                                    @php
                                                                        $DirectonHtmlBuilder = new DirectonHtmlBuilder($direction);
                                                                        echo $DirectonHtmlBuilder->getHTML();
                                                                    @endphp
                                                                </td>

                                                                <td>  {{ $direction['code'] }} </td>
                                                                <td> {{ $direction['education_level'] }} </td>
                                                                @php
                                                                    $educationForms = '';
                                                                    foreach ($direction['education_form'] as  $educationForm) {
                                                                        $educationForms .= $educationForm . ', ';
                                                                    }
                                                                    $educationForms = substr($educationForms, 0, -2);

                                                                @endphp
                                                                <td> {{$educationForms}} </td>
                                                            </tr>
                                                    @endforeach
                                                </table>
                                            </div>

                                        </div>


                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Закрыть
                                        </button>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                @endforeach
                <!--Здесь пишем ЯВА СКРИПТ-->
                <script>
                    $(".button_chng_instit").click(function () {
                        let id=$(this).data('id');
                        let institut=$(this).data('institut');
                        if(institut=='mgtu') {
                            $("#content_budget_filial_" + id).hide();
                            $("#content_budget_mgtu_" + id).show();
                            $("#id_mgtu_" + id).show();
                            $("#id_filial_" + id).hide();
                        }else{
                            $("#content_budget_filial_"+id).show();
                            $("#content_budget_mgtu_"+id).hide();
                            $("#id_mgtu_"+id).hide();
                            $("#id_filial_"+id).show();
                        }
                    });


                </script>
            </div>
        </div>
    </div>

    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">

        <div class="container-fluid ms-sm-5  py-5">
            <div class="row">
                <div class="display-5 col-12 text-white mb-3 text-center text-md-start "
                     style=" font-weight: 700; letter-spacing: 0em; ">
                    КАЛЬКУЛЯТОР ЕГЭ
                </div>
            </div>
            <div class="row mt-4">
                <div class="col-md-4 col-12 ">
                    <div class="row">

                        <div class="text-white display-6"> Выберите предметы ЕГЭ</div>
                        <form class="text-white mt-4 fs-4 calcul" style=" font-family: Geologica-ExtraLight">
                            <script
                                src="{{ URL::to('https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js')}}"></script>
                            @foreach($subjects as $id => $name)
                                @if($name === "Русский язык" || $name === "Математика" )
                                    <label class="checkbox1"> {{ $name }}
                                        <input class="checkbox_input_clear" type="checkbox" checked="checked"
                                               value="{{ $id }}">
                                        <span class="checkmark"></span>
                                    </label>
                                @endif
                            @endforeach
                            <hr class="col-5">
                            @foreach($subjects as $id => $name)
                                @if($name !== "Русский язык" && $name !== "Математика" )
                                    <label class="checkbox1"> {{ $name }}
                                        <input class="checkbox_input_clear" type="checkbox" value="{{ $id }}">
                                        <span class="checkmark"></span>
                                    </label>
                                @endif
                            @endforeach

                        </form>
                        <div class="row d-md-block d-flex ms-md-3 justify-content-center">
                            <a role="button" style="border-radius: 11px; font-family: Geologica-ExtraLight"
                               class="hover3 unclearall mt-4 col-5 text-white p-2 border border-white  d-inline-flex justify-content-center shadow">
                                Сбросить фильтр </a>


                        </div>
                        <script>window.onload = function () {
                                $(".unclearall").click(function () {

                                    $('input[type="checkbox"]').prop('checked', false);

                                    return false;

                                })
                                $(".calcul input").click(function () {
                                    $('.text-remove').remove();
                                    let selected = [];
                                    let predmets = '';
                                    $('.calcul input:checked').each(function () {
                                        selected.push(+$(this).val());
                                        predmets += $(this).val() + ',';
                                    });


                                    $.ajax({
                                        url: "{{ route('calculator') }}",
                                        dataType: 'json',
                                        cache: false,
                                        type: "POST",
                                        data: 'ajx=get_napr&format=html&predmets=' + JSON.stringify(selected),

                                        success: function (data) {
                                            $(".calcul_rez").html('<tr><th class="fs-5"> Направление </th><th style="text-align: right;"> Цена за обучение</th><th class="fs-5" style="text-align: right;"> Период обучения (в годах)</th></tr>');
                                            $(".calcul_rez").append(data.html);

                                        }
                                    });
                                });
                            };
                        </script>
                    </div>
                </div>

                <div class="col-md-7 mt-md-0 mt-5 col-12">

                    <div class="d-flex  border border-white py-5 justify-content-center align-items-center"
                         style="border-radius: 50px; min-height: 200px;">
                        <div class="col-12 text-remove text-white w-100 text-center fs-4"
                             style="font-family: Geologica-ExtraLight">Выберите предметы
                        </div>
                        <div class="table-responsive p-5 w-100   " style=" max-height: 700px; ">
                            <table class=" text-white   calcul_rez"
                                   style="width: 90%; font-family: Geologica-ExtraLight;">


                            </table>
                        </div>
                    </div>


                </div>

            </div>


        </div>
        <div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
    </div>
    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">

        <div class="container-fluid ms-sm-5  pt-5">
            <div class="row">
                <div class="col d-lg-block d-flex justify-content-center">
                    <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text "
                         style=" font-weight: 700; letter-spacing: 0em;  ">
                        ЭКРАН ПРИЕМА
                    </div>
                </div>
                <!--<div class="col-5 d-block d-lg-flex justify-content-end">
                    <div class="me-2 d-flex justify-content-center align-items-center ">
                        <a href="#" class="px-5 py-2 hover3 button1 " >
                            <div class="gradient-text">
                                Очная
                            </div>
                        </a>
                    </div>
                    <div class="me-2 d-flex justify-content-center align-items-center ">
                        <a href="#" class="px-5 py-2 hover3 button1">
                            <div class="gradient-text">
                                Заочно-очная
                            </div>
                        </a>
                    </div>
                    <div class="me-2 d-flex justify-content-center align-items-center ">
                        <a href="#" class="px-5 py-2 hover3 button1" >
                            <div class="gradient-text">
                                Заочная
                            </div>
                        </a>
                    </div>
                </div> -->
                <div class="mt-3 d-flex justify-content-start scroll-1 ps-lg-0 ms-lg-0 ps-3 ms-3">
                    <div class="row  ps-2 scroll-1 mb-4 " style=" overflow:auto; width: 95%; height: 60em;">
                        <div class="col-11  ">
                            <div class="row shadow-lg mt-3  bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
                                <div class="col-9 m-3">
                                    <div class="fs-4 gradient-text">
                                        Начало приема документов
                                    </div>
                                    <p class="mt-2 gradient-text"
                                       style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное,
                                        как квинтэссенцию победы
                                        маркетинга над разумом и должны быть описаны максимально подробно
                                    </p>
                                </div>
                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
                                    <div>
                                        <div class="row mb-3 ms-3">
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                            <div class="col-6"> 20.06.24</div>
                                            <div class="col-6"> Бюджет</div>
                                        </div>
                                    </div>
                                </div>

                            </div>

<br><br><br><br><br><br><br><br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">


        <div id="carouselExampleIndicators" class="carousel slide">
            <div class="carousel-indicators">
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 3"></button>
            </div>
            <div class="carousel-inner px-5 pt-5">
                <div class="carousel-item active " >
                        <div class="row d-flex align-items-center "   >
                            <div class="col-xl col-12 " style=" height: 25em;">

                                <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">



                                    <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
                                        <div class="gradient-text p-3">
                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="col-xl col-12 " style=" height: 25em;">
                                <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                    <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                        <div class="gradient-text p-3">
                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl col-12" style=" height: 25em;">
                                <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                    <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                        <div class="gradient-text p-3">
                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl col-12" style=" height: 25em;">
                                <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                    <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                        <div class="gradient-text p-3">
                                            <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                            <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="carousel-item  " >
                    <div class="row d-flex align-items-center "   >
                        <div class="col-xl col-12 " style=" height: 25em;">

                            <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">



                                <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-xl col-12 " style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-12" style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-12" style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item  " >
                    <div class="row d-flex align-items-center "   >
                        <div class="col-xl col-12 " style=" height: 25em;">

                            <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">



                                <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-xl col-12 " style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-12" style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-12" style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item  " >
                    <div class="row d-flex align-items-center "   >
                        <div class="col-xl col-12 " style=" height: 25em;">

                            <div class="w-100 h-75 position-relative  " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">



                                <div class="position-absolute bottom-0   bg-white " style="border-radius: 20px; ">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете.qwfqaswefqaswfswfqaeswf </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="col-xl col-12 " style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-12" style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl col-12" style=" height: 25em;">
                            <div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
                                <div class="position-absolute bottom-0  bg-white  " style="border-radius: 20px;">
                                    <div class="gradient-text p-3">
                                        <strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
                                        <p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
{{--                <span class="carousel-control-prev-icon" aria-hidden="true"></span>--}}
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
{{--                <span class="carousel-control-next-icon" aria-hidden="true"></span>--}}
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }});  ">
        <div class="container-fluid ms-sm-5  pt-5 gradient-text">
            <div class="row">
                <div class="ms-4 col-auto  ">


                    <div class="col-12">
                        <div class="text-white fs-4"> Приемная коммисия:</div>
                        <p class="text-white"> (8772) 52-30-08 </p>
                    </div>


                    <div class="col-12">
                        <div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
                        <p class="text-white"> 8-938-530-53-14 </p>
                    </div>


                    <div class="col-12">
                        <div class="text-white fs-4"> Почта:</div>
                        <p class="text-white"> info@mkgtu.ru </p>
                    </div>


                   <div class="col-12">
                        <p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
                   </div>
                   <div class="col-12">
                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}" alt="vid"></a>
                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}" alt="vid"></a>
                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}" alt="vid"></a>
                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}" alt="vid"></a>
                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}" alt="vid"></a>
                       <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
                   </div>
                    </div>
                <div class="col">
                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
                        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abce7036e67cc958b252a800040dcada03df467881dac609a6f6b7ef8618fe7a1&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
                    </div>
                </div>
            </div>

            </div>



            <br><br><br>
        </div>

    </div>

    </body>
@endsection