From 261cdafcda46b1506430ceb5f3be82b51bb2c1c1 Mon Sep 17 00:00:00 2001
From: RomanGolienko <romangolienko@yandex.ru>
Date: Wed, 5 Jun 2024 13:18:12 +0300
Subject: [PATCH] green button switch fix

---
 .../DirectonHtmlBuilderForCalculator.php      |    2 +-
 .../new-design/bakalavr-special.blade.php     |    4 +-
 .../views/new-design/inostran-old.blade.php   | 1142 ++++++++--------
 resources/views/new-design/inostran.blade.php |  278 ++--
 .../views/new-design/magistr-old.blade.php    | 1154 ++++++++---------
 resources/views/new-design/magistr.blade.php  |  181 ++-
 6 files changed, 1403 insertions(+), 1358 deletions(-)
diff --git a/app/Services/DirectonHtmlBuilderForCalculator.php b/app/Services/DirectonHtmlBuilderForCalculator.php
index 8eb8786..ddbba18 100644
--- a/app/Services/DirectonHtmlBuilderForCalculator.php
+++ b/app/Services/DirectonHtmlBuilderForCalculator.php
@@ -182,7 +182,7 @@ class DirectonHtmlBuilderForCalculator
         return "<div class=\"offcanvas offcanvas-bottom  visually_impaired_mode direction-card-text fon2_blok\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"calc-{$direction['id'] }\" aria-labelledby=\"Labelcalc-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;\">
 
 
-            <div class=\"mx-5 pb-5\">
+            <div class=\"mx-5 pb-5 text-dark\">
                 <div class=\"col-12 d-flex justify-content-end mt-4\">
                     <button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
                 </div>
diff --git a/resources/views/new-design/bakalavr-special.blade.php b/resources/views/new-design/bakalavr-special.blade.php
index 29739cf..d141eba 100644
--- a/resources/views/new-design/bakalavr-special.blade.php
+++ b/resources/views/new-design/bakalavr-special.blade.php
@@ -75,7 +75,7 @@
         integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
 
     </script>
-    <script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
+
     <script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
     <body>
 
@@ -470,9 +470,7 @@
                             };
 
                         </script>
-                        <script>
 
-                        </script>
                     </div>
                 </div>
 
diff --git a/resources/views/new-design/inostran-old.blade.php b/resources/views/new-design/inostran-old.blade.php
index 1d3f189..77f6713 100644
--- a/resources/views/new-design/inostran-old.blade.php
+++ b/resources/views/new-design/inostran-old.blade.php
@@ -1,259 +1,125 @@
 @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{
-
-
-        }
-
-
-        .gradient-text{
+        .gradient-text {
             background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         }
 
-        .button1{
-            background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(113, 49, 152, 0.85), #6f00a8) border-box;
+        .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;
-
-
-        }
-        .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/inostran/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: rgba(255, 255, 255, 0.18);
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            border-radius: 5px;
-        }
 
         /* On mouse-over, add a grey background color */
         .checkbox1:hover input ~ .checkmark {
             background-color: rgba(113, 49, 152, 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 */
-        ::-webkit-scrollbar {
-            width: 15px;
-        }
-
-        /* Track */
-        ::-webkit-scrollbar-track {
-            background: #FFFFFF;
-            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
-
-            border-radius: 20px;
-
-        }
 
         /* Handle */
-        ::-webkit-scrollbar-thumb {
+        .scroll-1::-webkit-scrollbar-thumb {
 
             height: 30px;
             width: 8px;
-            background: #eaeaea;
-            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+            background-image: linear-gradient(to right, rgba(191, 99, 253, 0.85), 20%, rgba(166, 47, 239, 0.85));
+            opacity: 0.1;
             border-radius: 10px;
+            transition: 0.3s;
+
 
         }
 
         /* Handle on hover */
-        ::-webkit-scrollbar-thumb:hover {
-            background: #bebebe;
+        .scroll-1::-webkit-scrollbar-thumb:hover {
+            background-image: linear-gradient(to right, rgba(134, 8, 215, 0.85), 20%, rgba(113, 49, 152, 0.85));
+            transition: 0.3s;
         }
 
 
     </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">
+        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>
+
+    <script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
     <body>
 
 
-
     <header>
-        <div class="container-fluid " style="background-image: url({{ URL::to('img/front-page/inostran/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%; bottom: -10px;" >
+        <div class="container-fluid position-relative "
+             style="background-image: url({{ URL::to('img/front-page/inostran/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/inostran/photo.png') }}" alt="">
+                    <img class="img-fluid float-end  "
+                         src="{{ URL::to('img/front-page/inostran/photo.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">
+                    <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.png') }}" alt="">
+                            <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">
+                            <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="col-auto pe-lg-3  text-white text-sm-start"
+                                      style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    Колл-центр: 8 800 550-23-01
+                                </div>
+                                <div class="col-auto px-lg-3 text-white text-sm-start "
+                                     style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    Почта: info@mkgtu.ru
+                                </div>
+                                <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>
+                                {{--                                <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+                                <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.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">
+                            <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 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 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;">
+                                <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>
 
@@ -264,24 +130,27 @@ overflow-x: hidden;
                 </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 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; ">
+                    <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; ">
+                    <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; ">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75"
+                         style="  letter-spacing: 0em; ">
                         300 образовательных программ
                     </div>
                 </div>
@@ -289,16 +158,41 @@ overflow-x: hidden;
                     <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(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                <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(#8c2bf5, 60%, #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(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                    <a href="#anchor"
+                       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(#8c2bf5, 60%, #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(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
-                        Твои возможности
+                    <!-- Button trigger modal -->
+                    <a type="button" 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" data-bs-toggle="modal" data-bs-target="#exampleModal" style=" background: linear-gradient(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                        Видео про МГТУ
                     </a>
+
+                    <!-- Modal -->
+                    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                        <div class="modal-dialog modal-xl modal-dialog-centered">
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
+                                <div class="modal-body">
+                                    <div class="row">
+                                        <div class="col">
+                                            <iframe width="100%" height="600" src="https://rutube.ru/play/embed/ab6d3a9c514cdd8fa91c73eb724cccf1/" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+                                        </div>
+                                    </div>
+                                </div>
+
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
                 </div>
 
 
@@ -307,170 +201,157 @@ overflow-x: hidden;
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <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="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/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em;  ">
+                <div class="display-5 col-12  mb-3 text-center text-md-start "
+                     style="background-image: url({{ URL::to('img/front-page/inostran/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-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <!-- Button trigger modal -->
 
-                    <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1 " style="background-color: #ffffff; border-radius: 15px;">
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/5.png') }}" alt="">
-                        <span class="ms-xl-5  z-3 gradient-text" > Факультет послевузовского профессионального образования</span>
-                    </button>
-                    <!-- Modal -->
-                    <div class="modal fade" id="exampleModal" 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 class="row d-flex  justify-content-md-start justify-content-center">
+                @php
+                    use App\Services\DirectonHtmlBuilder;
+                    use Illuminate\Support\Facades\Storage;
+                    $facultiesLogosPaths = array();
+                @endphp
+                @foreach($groupedDirections as $faculty)
+                    @php
+                        $path = "img/faculties/" . $faculty['name'] . '.png';
+
+                        if(file_exists($path) == false){
+                            $path =  URL::to('img/faculties/Экологический факультет.png');
+                        }
+                        $path =  URL::to($path);
+                        $groupedDirections[$faculty['name']]['path'] = $path;
+
+                    @endphp
+
+                @endforeach
 
 
-                                </div>
-                                <p class="text-center fs-3"> Факультет послевузовского профессионального образования </p>
+                @foreach($groupedDirections as $faculty)
 
-                                <div class="modal-body">
-                                    Основная информация
-                                </div>
-                                <div class="modal-footer">
-                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Закрыть</button>
 
+                    <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="{{$groupedDirections[$faculty['name']]['path']}}" 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="{{$groupedDirections[$faculty['name']]['path']}}" 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();
+                        }
+                    });
 
 
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/10.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Лечебный факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/8.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Инженерный факультет</p>
-
-                    </a>
-                </div>
-
+                </script>
             </div>
-            <div class="row d-flex mt-md-4 justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/9.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Технологический факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет аграрных технологий</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/12.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Педиатрический факультет</p>
-
-                    </a>
-                </div>
-
-            </div>
-            <div class="row d-flex mt-md-4 justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/13.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Фармацевтический факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/4.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет международного образования</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/11.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Стоматологический факультет </p>
-
-                    </a>
-                </div>
-
-            </div>
-            <div class="row d-flex mt-md-4 justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/6.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Экологический факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Медицинский факультет </p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/2.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет экономики и управления </p>
-
-                    </a>
-                </div>
-
-            </div>
-            <div class="row d-flex mt-md-4 justify-content-xxl-start justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/3.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет информационных систем в экономике и юрисприденции</p>
-
-                    </a>
-                </div>
-
-
-            </div>
-
-
-
-
         </div>
     </div>
 
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
-        <div class="container-fluid ms-sm-5  pt-5">
+        <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 class="display-5 col-12 text-white mb-3 text-center text-md-start "
+                     style=" font-weight: 700; letter-spacing: 0em; ">
                     КАЛЬКУЛЯТОР ЕГЭ
                 </div>
             </div>
@@ -478,112 +359,107 @@ overflow-x: hidden;
                 <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" style=" font-family: Geologica-ExtraLight">
-                            <label class="checkbox1"> Русский язык
-                                <input type="checkbox" checked="checked">
-                                <span class="checkmark"></span>
-                            </label>
-
-                            <label class="checkbox1">Математика
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-
-                            <label class="checkbox1">Физика
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-
-                            <label class="checkbox1">Химия
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Биология
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Иностранный язык
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">История
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Обществознание
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Литература
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Информатика / ИКТ
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
+                        <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">
-                            <div style="border-radius: 11px; font-family: Geologica-ExtraLight" class="mt-4 col-5 text-white p-2 border border-white  d-inline-flex justify-content-center shadow"> Сбросить фильтр </div>
+                            <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>
+                        <script>
+                            $(".calc_green_circle_button").click(function () {
+                                console.log('111')
+                                let name=$(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 class="col-md-6 mt-md-0 mt-5 col-12">
+                <div class="col-md-7 mt-md-0 mt-5 col-12">
 
-                    <div class="d-md-flex d-none border border-white py-5 justify-content-center" style="border-radius: 50px;">
-                        <table class="table1 text-white  mx-0 p-2  " style="width: 90%; font-family: Geologica-ExtraLight;">
-                            <tr class="border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class=" border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
+                    <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 class="d-md-none d-flex border border-white py-5 justify-content-center  " style="border-radius: 50px;">
-                        <table class="table1 text-white  mx-0 p-2  " style="width: 90%; font-family: Geologica-ExtraLight; font-size: 13px;">
-                            <tr class="">
-                                <td id="faculty"> Технологический факультет  </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="">
-                                <td id="faculty"> Технологический факультет </td>
-                                <td> Технологические машины и оборудование </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="">
-                                <td> Технологический факультет </td>
-                                <td> Продукты питания из растительного сырья </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-
-                        </table>
 
+                            </table>
+                        </div>
                     </div>
 
 
@@ -593,18 +469,20 @@ overflow-x: hidden;
 
 
         </div>
-        <br><br><br><br><br><br><br><br><br><br><br><br><br>
+        <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/inostran/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <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">
+            <a id="anchor"></a>
             <div class="row">
-                <div class="col-6">
-                    <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em;  ">
-                        СРОКИ ПРИЕМА
+                <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="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">
@@ -626,188 +504,241 @@ overflow-x: hidden;
                             </div>
                         </a>
                     </div>
-                </div>
-                <div class="mt-3 d-flex justify-content-center ">
-                    <div class="row w-75 h-75 ps-2" style=" overflow:auto;">
-                        <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 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: 30em;">
+                        <div class="col-11  ">
+
+                            @foreach($admissions as $admission)
+                                <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">
+                                            {{$admission->name}}
                                         </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>
+                                        @foreach($admission->documents as $document)
 
-                            </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 class="row mt-2 gradient-text shadow p-2 my-3 rounded-3"
+                                                 style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
 
-                            </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>
+                                                <a href="{{ URL::to($document->url) }}" > <strong>{{ $document->name }} </strong> <img class="" style="width: 18px; height: auto" src="{{ URL::to('img/front-page/clip-svgrepo-com.png') }}"></a>
+                                                <br>
+                                                {{$document->description}}
+                                            </div>
 
 
 
+                                        @endforeach
+
+                                    </div>
+
+
+                                </div>
+
+                            @endforeach
+
+
+
+                            <br><br><br><br><br><br><br><br>
                         </div>
                     </div>
                 </div>
-
-                <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>  <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon5_blok.png') }});  ">
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
         <div class="container-fluid ms-sm-5  pt-5">
-            <div class="col-11 ">
-                <div class="row">
+            <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 id="carouselExampleIndicators" class="carousel slide d-lg-block d-none " data-bs-interval="false">
+                <div class="carousel-inner px-5 pt-5">
+                    @php
+                        $all_news = array()
+                    @endphp
+                    @foreach($news as $item)
+                        @php
+                            $all_news[$item->name]['name'] = $item->name;
+                            $all_news[$item->name]['text'] = $item->text;
+                            $all_news[$item->name]['url'] = asset($item->photo);
+                            $all_news[$item->name]['id'] = $item->id;
+                        @endphp
+                    @endforeach
+
+                    @php
+                        $out = array_chunk($all_news, 4, true);
+                    @endphp
+                    @foreach($out as $id => $page)
+                        <div class="carousel-item @if($id == 0) active @endif  \" >
+                            <div class="row d-flex align-items-center justify-content-center "   >
+                                @foreach($page as $item)
+                                    <div class="col " style="max-width: 20%">
+                                        <img src="{{$item['url']}}" class="w-100 border border-white border-2" style="border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
+                                        <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
+                                            <div class=" p-3" style="">
+                                                <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
+                                                <br><button style="background: #9739f6;  letter-spacing: 0;" type="button" class="btn text-white "  data-bs-toggle="modal" data-bs-target="#exampleModalNews-{{$item['id']}}"> читать полностью</button>
+                                                <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item['text']), 100, "...") }}  </p>
+
+
+
+
+
+
+                                                <!-- Modal -->
+                                                <div class="modal fade" id="exampleModalNews-{{$item['id']}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                                                    <div class="modal-dialog modal-xl">
+                                                        <div class="modal-content">
+                                                            <div class="modal-header">
+                                                                <h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item['name']}}</h1>
+                                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                                            </div>
+                                                            <div class="modal-body">
+                                                                <div class="container">
+                                                                    <div class="row justify-content-center">
+                                                                        <div class="col-8">
+                                                                            <img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
+                                                                        </div>
+                                                                    </div>
+                                                                    <p class="mt-4"> {{$item['text']}}</p>
+                                                                </div>
+
+                                                            </div>
+
+                                                        </div>
+                                                    </div>
+                                                </div>
+
+
+                                            </div>
+                                        </div>
+                                    </div>
+                                @endforeach
+
+                            </div>
+                            <br><br><br><br>
+                        </div>
+                    @endforeach
+
+
+                    <div class="carousel-indicators mt-5">
+                        @for ($i = 0; $i < count($out); $i++)
+                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{{$i}}" @if($i == 0) class="active" @endif  aria-current="true" aria-label="Slide {{$i + 1}}"></button>
+                        @endfor
 
-                    <div class="col-12">
-                        <div class="text-white fs-5"> Приемная коммисия: </div>
-                        <p class="text-white">  (8772) 52-30-08 </p>
                     </div>
+
+
                 </div>
-                <div class="row">
-                    <div class="col-12">
-                        <div class="text-white fs-5"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
-                        <p class="text-white">  8-938-530-53-14 </p>
+                <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 id="carouselExampleIndicatorsMobile" class="carousel slide d-lg-none d-block" data-bs-interval="false"  >
+                <div class="carousel-inner px-5 pt-5">
+                    @php $counter = 0; @endphp
+                    @foreach($news as $item)
+                        @php $counter++ @endphp
+                        <div class="carousel-item @if($counter == 1) active @endif  \" >
+                            <div class="row d-flex align-items-center justify-content-center "   >
+
+                                <div class="col-12" >
+                                    <img src="{{asset($item->photo)}}" class="img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px 20px 0px 0px;">
+                                    <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 12em;">
+                                        <div class=" p-3" style="">
+                                            <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item->name}} </strong>
+                                            <br><button style="background: #9739f6;  letter-spacing: 0;" type="button" class="btn  text-white " data-bs-toggle="modal" data-bs-target="#exampleModalNewsMobile-{{$item->id}}"> читать полностью</button>
+                                            <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item->text), 100, "...") }}  </p>
+                                            <!-- Modal -->
+                                            <div class="modal fade" id="exampleModalNewsMobile-{{$item->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                                                <div class="modal-dialog modal-xl">
+                                                    <div class="modal-content">
+                                                        <div class="modal-header">
+                                                            <h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item->name}}</h1>
+                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                                        </div>
+                                                        <div class="modal-body">
+                                                            <div class="container">
+                                                                <div class="row justify-content-center">
+                                                                    <div class="col">
+                                                                        <img src="{{asset($item->photo)}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
+                                                                    </div>
+                                                                </div>
+                                                                <p class="mt-4"> {{$item->text}}</p>
+                                                            </div>
+
+                                                        </div>
+
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+
+                            </div>
+                            <br><br><br><br>
+                        </div>
+                    @endforeach
+
+
+                    <div class="carousel-indicators mt-5">
+                        @for ($i = 0; $i < $counter; $i++)
+                            <button type="button" data-bs-target="#carouselExampleIndicatorsMobile" data-bs-slide-to="{{$i}}" @if($i == 1) class="active" @endif  aria-current="true" aria-label="Slide {{$i + 1}}"></button>
+                        @endfor
+
                     </div>
+
+
                 </div>
-                <div class="row">
-                    <div class="col-12">
-                        <div class="text-white fs-5"> Почта: </div>
-                        <p class="text-white">  info@mkgtu.ru </p>
+                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicatorsMobile" 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="#carouselExampleIndicatorsMobile" data-bs-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Next</span>
+                </button>
+            </div>
+        </div>
+    </div>
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-size: cover; ">
+        <div class="container-fluid ms-sm-5  pt-5 ">
+            <div class="row">
+                <div class="ms-4 col-auto gradient-text ">
+
+
+                    <div class="col-11">
+                        <div class="text-white fs-4"> Приемная коммисия:</div>
+                        <p class="text-white"> (8772) 52-30-08 </p>
                     </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-6 col-12">
-                        <p class="text-white">  385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+
+
+                    <div class="col-11">
+                        <div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
+                        <p class="text-white"> 8-938-530-53-14 </p>
                     </div>
-                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
+
+
+                    <div class="col-11">
+                        <div class="text-white fs-4"> Почта:</div>
+                        <p class="text-white"> info@mkgtu.ru </p>
+                    </div>
+
+
+                    <div class="col-11">
+                        <p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                    </div>
+                    <div class="col-11">
                         <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>
@@ -816,12 +747,21 @@ overflow-x: hidden;
                         <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
                     </div>
                 </div>
+                <div class="col mt-3 mt-xl-0" >
+                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center" style='border-radius: 20px;'>
+                        <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>
 
-            <br><br><br>
         </div>
 
+
+
+        <br><br><br>
     </div>
 
+
+
     </body>
 @endsection
diff --git a/resources/views/new-design/inostran.blade.php b/resources/views/new-design/inostran.blade.php
index 45172cc..573eafc 100644
--- a/resources/views/new-design/inostran.blade.php
+++ b/resources/views/new-design/inostran.blade.php
@@ -1,5 +1,6 @@
 @extends('layouts.new-design-layout')
 @section('content')
+
     <style>
 
         .gradient-text {
@@ -14,20 +15,27 @@
             border: 1px solid transparent;
 
         }
+
         .hover3:hover {
 
             border: unset;
-            background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});!important;
+            background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});
+        !important;
+
+
             transition: all .3s ease-in-out;
 
         }
 
+
+
         /* On mouse-over, add a grey background color */
         .checkbox1:hover input ~ .checkmark {
             background-color: rgba(113, 49, 152, 0.85);
         }
 
 
+
         /* Handle */
         .scroll-1::-webkit-scrollbar-thumb {
 
@@ -46,22 +54,37 @@
             background-image: linear-gradient(to right, rgba(134, 8, 215, 0.85), 20%, rgba(113, 49, 152, 0.85));
             transition: 0.3s;
         }
-
-
+        .fon1_blok {
+            background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
+        }
+        .fon2_blok {
+            background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .fon3_blok {
+            background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .fon4_blok {
+            background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .buttonBG {
+            background: linear-gradient(rgba(134, 8, 215, 0.85), rgba(113, 49, 152, 0.85)); border-radius: 20px;  letter-spacing: 0;
+        }
     </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>
-    <script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
+
     <script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
     <body>
 
 
     <header>
-        <div class="container-fluid position-relative "
-             style="background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+
+        <div class="container-fluid position-relative fon1_blok visually_impaired_mode  ">
+            <div class="mt-4 position-absolute" style="margin-left:11%;">@include('flash::message')</div>
             <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%">
@@ -99,8 +122,11 @@
                                 {{--                                <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
                                 <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
+                                {{--                                <a type="button" class="col-auto px-lg-3 text-white text-sm-start visually_impaired_mode_button "--}}
+                                {{--                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
+                                {{--                                    <div class="hover2"> Режим для слабовидящих</div>--}}
+                                {{--                                </a>--}}
                             </div>
 
                         </div>
@@ -160,24 +186,24 @@
 
                 <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(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                       class="buttonBG 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">
+
                         Личный кабинет
                     </a>
                     <a href="#anchor"
-                       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(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                       class="buttonBG 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">
+
                         День открытых дверей
                     </a>
                     <!-- Button trigger modal -->
-                    <a type="button" 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" data-bs-toggle="modal" data-bs-target="#exampleModal" style=" background: linear-gradient(#8c2bf5, 60%, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                    <a type="button" class="buttonBG 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" data-bs-toggle="modal" data-bs-target="#exampleModal" >
                         Видео про МГТУ
                     </a>
 
                     <!-- Modal -->
                     <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                         <div class="modal-dialog modal-xl modal-dialog-centered">
-                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }});" >
                                 <div class="modal-body">
                                     <div class="row">
                                         <div class="col">
@@ -201,12 +227,11 @@
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div class="fon2_blok visually_impaired_mode">
 
         <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/inostran/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em;  ">
+                <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
                     ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
                 </div>
             </div>
@@ -276,33 +301,36 @@
                                                     </tr>
 
                                                     @foreach ($faculty['directions'] as $direction)
+                                                        @if($direction['education_level'] != 'магистратура')
 
-                                                        <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>
+                                                            <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
-                                                                    $DirectonHtmlBuilder = new DirectonHtmlBuilder($direction);
-                                                                    echo $DirectonHtmlBuilder->getHTML();
+                                                                    $educationForms = '';
+                                                                    foreach ($direction['education_form'] as  $educationForm) {
+                                                                        $educationForms .= $educationForm . ', ';
+                                                                    }
+                                                                    $educationForms = substr($educationForms, 0, -2);
+
                                                                 @endphp
-                                                            </td>
+                                                                <td> {{$educationForms}} </td>
+                                                            </tr>
+                                                        @endif
 
-                                                            <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>
@@ -325,6 +353,23 @@
                 <!--Здесь пишем ЯВА СКРИПТ-->
                 <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();
+                        }
+                    });
+                    $(document).on("click", ".calc_green_circle_button", function () {
+                        console.log
                         let id=$(this).data('id');
                         let institut=$(this).data('institut');
                         if(institut=='mgtu') {
@@ -346,7 +391,7 @@
         </div>
     </div>
 
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div class="fon3_blok visually_impaired_mode">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">
@@ -361,8 +406,7 @@
 
                         <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>
+                            <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 }}
@@ -391,6 +435,7 @@
 
                         </div>
                         <script>window.onload = function () {
+
                                 $(".unclearall").click(function () {
 
                                     $('input[type="checkbox"]').prop('checked', false);
@@ -425,24 +470,7 @@
                             };
 
                         </script>
-                        <script>
-                            $(".calc_green_circle_button").click(function () {
-                                console.log('111')
-                                let name=$(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>
 
@@ -471,7 +499,7 @@
         </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="fon4_blok visually_impaired_mode">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <a id="anchor"></a>
@@ -546,7 +574,9 @@
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
+
+    {{-- Начало новостей --}}
+    <div class="fon1_blok visually_impaired_mode ">
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="row">
                 <div class="display-5 col-12 text-white mb-3 text-center text-md-start "
@@ -570,51 +600,58 @@
 
                     @php
                         $out = array_chunk($all_news, 4, true);
+                        //echo '<pre>' . print_r($out, 1) . '</pre>'
                     @endphp
+
                     @foreach($out as $id => $page)
                         <div class="carousel-item @if($id == 0) active @endif  \" >
                             <div class="row d-flex align-items-center justify-content-center "   >
                                 @foreach($page as $item)
-                                    <div class="col " style="max-width: 20%">
-                                        <img src="{{$item['url']}}" class="w-100 border border-white border-2" style="border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
-                                        <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
-                                            <div class=" p-3" style="">
-                                                <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
-                                                <br><button style="background: #9739f6;  letter-spacing: 0;" type="button" class="btn text-white "  data-bs-toggle="modal" data-bs-target="#exampleModalNews-{{$item['id']}}"> читать полностью</button>
-                                                <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item['text']), 100, "...") }}  </p>
+                                    <div class="col" style="max-width: 20%">
+                                        <div class="row">
+                                            <div class="col-12" >
+                                                <img src="{{$item['url']}}" class="w-100 border border-white border-2" style=" border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
+                                                <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
+                                                    <div class=" p-3" style="">
+                                                        <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
+                                                        <br><button type="button" class="btn text-white" style="background: #9739f6"  data-bs-toggle="modal" data-bs-target="#exampleModalNews-{{$item['id']}}"> читать полностью</button>
+                                                        <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item['text']), 100, "...") }}  </p>
 
 
 
 
 
 
-                                                <!-- Modal -->
-                                                <div class="modal fade" id="exampleModalNews-{{$item['id']}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-                                                    <div class="modal-dialog modal-xl">
-                                                        <div class="modal-content">
-                                                            <div class="modal-header">
-                                                                <h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item['name']}}</h1>
-                                                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                                                            </div>
-                                                            <div class="modal-body">
-                                                                <div class="container">
-                                                                    <div class="row justify-content-center">
-                                                                        <div class="col-8">
-                                                                            <img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
-                                                                        </div>
+                                                        <!-- Modal -->
+                                                        <div class="modal fade" id="exampleModalNews-{{$item['id']}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                                                            <div class="modal-dialog modal-xl">
+                                                                <div class="modal-content">
+                                                                    <div class="modal-header">
+                                                                        <h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item['name']}}</h1>
+                                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                                     </div>
-                                                                    <p class="mt-4"> {{$item['text']}}</p>
+                                                                    <div class="modal-body">
+                                                                        <div class="container">
+                                                                            <div class="row justify-content-center">
+                                                                                <div class="col-8 d-flex justify-content-center">
+                                                                                    <img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
+                                                                                </div>
+                                                                            </div>
+                                                                            <p class="mt-4"> {{$item['text']}}</p>
+                                                                        </div>
+
+                                                                    </div>
+
                                                                 </div>
-
                                                             </div>
-
                                                         </div>
+
+
                                                     </div>
                                                 </div>
-
-
                                             </div>
                                         </div>
+
                                     </div>
                                 @endforeach
 
@@ -655,7 +692,7 @@
                                     <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 12em;">
                                         <div class=" p-3" style="">
                                             <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item->name}} </strong>
-                                            <br><button style="background: #9739f6;  letter-spacing: 0;" type="button" class="btn  text-white " data-bs-toggle="modal" data-bs-target="#exampleModalNewsMobile-{{$item->id}}"> читать полностью</button>
+                                            <br><button type="button" style="background: #9739f6;" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#exampleModalNewsMobile-{{$item->id}}"> читать полностью</button>
                                             <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item->text), 100, "...") }}  </p>
                                             <!-- Modal -->
                                             <div class="modal fade" id="exampleModalNewsMobile-{{$item->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
@@ -711,33 +748,36 @@
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-size: cover; ">
+    {{-- Конец новостей --}}
+    <div class="fon2_blok visually_impaired_mode">
         <div class="container-fluid ms-sm-5  pt-5 ">
-            <div class="row">
-                <div class="ms-4 col-auto gradient-text ">
+            <div class="row gradient-text">
+                <div class="ms-4 col-auto  ">
 
 
                     <div class="col-11">
-                        <div class="text-white fs-4"> Приемная коммисия:</div>
+                        <div class=" fs-4"> Приемная коммисия:</div>
                         <p class="text-white"> (8772) 52-30-08 </p>
                     </div>
 
 
                     <div class="col-11">
-                        <div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
-                        <p class="text-white"> 8-938-530-53-14 </p>
+                        <div class=" fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
+                        <p class=""> 8-938-530-53-14 </p>
                     </div>
 
 
                     <div class="col-11">
-                        <div class="text-white fs-4"> Почта:</div>
-                        <p class="text-white"> info@mkgtu.ru </p>
+                        <div class=" fs-4"> Почта:</div>
+                        <p class=""> info@mkgtu.ru </p>
                     </div>
 
 
                     <div class="col-11">
-                        <p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                        <p class=" fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
                     </div>
+
+
                     <div class="col-11">
                         <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>
@@ -753,6 +793,45 @@
                     </div>
                 </div>
             </div>
+            <div class="row ms-4">
+                <!-- Button trigger modal -->
+                <div class="col-11">
+                    <a style="background: #9739f6" class=" fs-4 btn text-white " type="button" data-bs-toggle="modal" data-bs-target="#feedbackModal"> Обратная связь </a>
+                </div>
+                <!-- Modal -->
+                <div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                    <div class="modal-dialog modal-xl">
+                        <div class="modal-content">
+                            <div class="modal-header">
+
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <form method="POST" action="{{route('feedback.store')}}">
+                                    @csrf
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Ваши контакты</label>
+                                        <input type="text" class="form-control" name="contact" id="contact" aria-describedby="contactHelp" >
+                                        <div id="contactHelp" class="form-text"> Ваш телефон или электронная почта</div>
+
+                                    </div>
+                                    <div class="mb-3">
+                                        <label for="exampleInputPassword1" class="form-label"> Ваше сообщение</label>
+                                        <textarea type="text" class="form-control" name="text" id="text"> </textarea>
+                                    </div>
+
+                                    <button type="submit" class="btn btn-primary">Отправить</button>
+                                </form>
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Закрыть </button>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
 
         </div>
 
@@ -764,4 +843,9 @@
 
 
     </body>
+
+
+    <script>
+        $('div.alert').not('.alert-important').delay(15000).fadeOut(350);
+    </script>
 @endsection
diff --git a/resources/views/new-design/magistr-old.blade.php b/resources/views/new-design/magistr-old.blade.php
index 998fe95..d53d120 100644
--- a/resources/views/new-design/magistr-old.blade.php
+++ b/resources/views/new-design/magistr-old.blade.php
@@ -1,260 +1,125 @@
 @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{
-
-
-        }
-
-
-        .gradient-text{
+        .gradient-text {
             background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }});
             -webkit-background-clip: text;
             -webkit-text-fill-color: transparent;
         }
 
-        .button1{
-            background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(20, 61, 203, 0.85), #1664ce) border-box;
+        .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;
-
-
-        }
-        .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/magistr/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: rgba(255, 255, 255, 0.18);
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            border-radius: 5px;
-        }
 
         /* On mouse-over, add a grey background color */
         .checkbox1:hover input ~ .checkmark {
             background-color: rgba(20, 61, 203, 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 */
-        ::-webkit-scrollbar {
-            width: 15px;
-        }
-
-        /* Track */
-        ::-webkit-scrollbar-track {
-            background: #FFFFFF;
-            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
-
-            border-radius: 20px;
-
-        }
 
         /* Handle */
-        ::-webkit-scrollbar-thumb {
+        .scroll-1::-webkit-scrollbar-thumb {
 
             height: 30px;
             width: 8px;
-            background: #eaeaea;
-            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+            background-image: linear-gradient(to right, rgba(58, 97, 250, 0.85), 20%, rgba(38, 84, 255, 0.85));
+            opacity: 0.1;
             border-radius: 10px;
+            transition: 0.3s;
+
 
         }
 
         /* Handle on hover */
-        ::-webkit-scrollbar-thumb:hover {
-            background: #bebebe;
+        .scroll-1::-webkit-scrollbar-thumb:hover {
+            background-image: linear-gradient(to right, rgba(29, 59, 166, 0.85), 20%, rgba(20, 61, 203, 0.85));
+            transition: 0.3s;
         }
 
 
     </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">
+        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>
+
+    <script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
     <body>
 
 
-
     <header>
-        <div class="container-fluid " style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
-            <div class="row d-none d-xl-flex justify-content-end">
-                <div class=" d-none d-xl-flex justify-content-end position-absolute z-1 " style="height: 85%; bottom: -10px;" >
-                        <img class="img-fluid " style="width: 45%;" src="{{ URL::to('img/front-page/magistr/photo.png') }}" alt="">
+        <div class="container-fluid position-relative "
+             style="background-image: url({{ URL::to('img/front-page/magistr/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/magistr/photo.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">
+                    <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.png') }}" alt="">
+                            <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">
+                            <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="col-auto pe-lg-3  text-white text-sm-start"
+                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                     Колл-центр: 8 800 550-23-01
+                                </div>
+                                <div class="col-auto px-lg-3 text-white text-sm-start "
+                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    Почта: info@mkgtu.ru
+                                </div>
+                                <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>
+                                {{--                                <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+                                <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.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">
+                            <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 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 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;">
+                                <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>
 
@@ -265,24 +130,27 @@ overflow-x: hidden;
                 </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 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; ">
+                    <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; ">
+                    <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; ">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75"
+                         style="  letter-spacing: 0em; ">
                         300 образовательных программ
                     </div>
                 </div>
@@ -290,16 +158,41 @@ overflow-x: hidden;
                     <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(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                <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(#0b3fc9, #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(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                    <a href="#anchor"
+                       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(#0b3fc9, #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(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
-                        Твои возможности
+                    <!-- Button trigger modal -->
+                    <a type="button" 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" data-bs-toggle="modal" data-bs-target="#exampleModal" style=" background: linear-gradient(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                        Видео про МГТУ
                     </a>
+
+                    <!-- Modal -->
+                    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                        <div class="modal-dialog modal-xl modal-dialog-centered">
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
+                                <div class="modal-body">
+                                    <div class="row">
+                                        <div class="col">
+                                            <iframe width="100%" height="600" src="https://rutube.ru/play/embed/ab6d3a9c514cdd8fa91c73eb724cccf1/" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+                                        </div>
+                                    </div>
+                                </div>
+
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
                 </div>
 
 
@@ -308,170 +201,176 @@ overflow-x: hidden;
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <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="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/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em;  ">
+                <div class="display-5 col-12  mb-3 text-center text-md-start "
+                     style="background-image: url({{ URL::to('img/front-page/magistr/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-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <!-- Button trigger modal -->
 
-                    <button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1 " style="background-color: #ffffff; border-radius: 15px;">
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/5.png') }}" alt="">
-                        <span class="ms-xl-5  z-3 gradient-text" > Факультет послевузовского профессионального образования</span>
-                    </button>
-                    <!-- Modal -->
-                    <div class="modal fade" id="exampleModal" 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 class="row d-flex  justify-content-md-start justify-content-center">
+                @php
+                    use App\Services\DirectonHtmlBuilder;
+                    use Illuminate\Support\Facades\Storage;
+                    $facultiesLogosPaths = array();
+                @endphp
+                @foreach($groupedDirections as $faculty)
+                    @php
+                        $path = "img/faculties/" . $faculty['name'] . '.png';
+
+                        if(file_exists($path) == false){
+                            $path =  URL::to('img/faculties/Экологический факультет.png');
+                        }
+                        $path =  URL::to($path);
+                        $groupedDirections[$faculty['name']]['path'] = $path;
+
+                    @endphp
+
+                @endforeach
 
 
-                                </div>
-                                <p class="text-center fs-3"> Факультет послевузовского профессионального образования </p>
+                @foreach($groupedDirections as $faculty)
 
-                                <div class="modal-body">
-                                    Основная информация
-                                </div>
-                                <div class="modal-footer">
-                                    <button type="button" class="btn btn-danger rounded-3" data-bs-dismiss="modal">Закрыть</button>
 
+                    <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="{{$groupedDirections[$faculty['name']]['path']}}" 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="{{$groupedDirections[$faculty['name']]['path']}}" 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)
+                                                        @if($direction['education_level'] == 'магистратура')
+                                                            <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>
+                                                        @endif
+
+
+                                                    @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();
+                        }
+                    });
+                    $(document).on("click", ".calc_green_circle_button", function () {
+                        console.log
+                        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();
+                        }
+                    });
 
 
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/10.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Лечебный факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/8.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Инженерный факультет</p>
-
-                    </a>
-                </div>
-
+                </script>
             </div>
-            <div class="row d-flex mt-md-4 justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/9.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Технологический факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет аграрных технологий</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/12.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Педиатрический факультет</p>
-
-                    </a>
-                </div>
-
-            </div>
-            <div class="row d-flex mt-md-4 justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/13.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Фармацевтический факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/4.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет международного образования</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/11.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Стоматологический факультет </p>
-
-                    </a>
-                </div>
-
-            </div>
-            <div class="row d-flex mt-md-4 justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/6.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Экологический факультет</p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Медицинский факультет </p>
-
-                    </a>
-                </div>
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/2.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет экономики и управления </p>
-
-                    </a>
-                </div>
-
-            </div>
-            <div class="row d-flex mt-md-4 justify-content-xxl-start justify-content-center">
-                <div class="col-xxl-4 col-md-6 col-10">
-                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
-
-                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/3.png') }}" alt="">
-                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет информационных систем в экономике и юрисприденции</p>
-
-                    </a>
-                </div>
-
-
-            </div>
-
-
-
-
         </div>
     </div>
 
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
-        <div class="container-fluid ms-sm-5  pt-5">
+        <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 class="display-5 col-12 text-white mb-3 text-center text-md-start "
+                     style=" font-weight: 700; letter-spacing: 0em; ">
                     КАЛЬКУЛЯТОР ЕГЭ
                 </div>
             </div>
@@ -479,112 +378,90 @@ overflow-x: hidden;
                 <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" style=" font-family: Geologica-ExtraLight">
-                            <label class="checkbox1"> Русский язык
-                                <input type="checkbox" checked="checked">
-                                <span class="checkmark"></span>
-                            </label>
-
-                            <label class="checkbox1">Математика
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-
-                            <label class="checkbox1">Физика
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-
-                            <label class="checkbox1">Химия
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Биология
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Иностранный язык
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">История
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Обществознание
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Литература
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
-                            <label class="checkbox1">Информатика / ИКТ
-                                <input type="checkbox">
-                                <span class="checkmark"></span>
-                            </label>
+                        <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">
-                            <div style="border-radius: 11px; font-family: Geologica-ExtraLight" class="mt-4 col-5 text-white p-2 border border-white  d-inline-flex justify-content-center shadow"> Сбросить фильтр </div>
+                            <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-6 mt-md-0 mt-5 col-12">
+                <div class="col-md-7 mt-md-0 mt-5 col-12">
 
-                    <div class="d-md-flex d-none border border-white py-5 justify-content-center" style="border-radius: 50px;">
-                        <table class="table1 text-white  mx-0 p-2  " style="width: 90%; font-family: Geologica-ExtraLight;">
-                            <tr class="border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class=" border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="border-bottom border-white">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
+                    <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 class="d-md-none d-flex border border-white py-5 justify-content-center  " style="border-radius: 50px;">
-                        <table class="table1 text-white  mx-0 p-2  " style="width: 90%; font-family: Geologica-ExtraLight; font-size: 13px;">
-                            <tr class="">
-                                <td id="faculty"> Технологический факультет  </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="">
-                                <td id="faculty"> Технологический факультет </td>
-                                <td> Технологические машины и оборудование </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="">
-                                <td> Технологический факультет </td>
-                                <td> Продукты питания из растительного сырья </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-                            <tr class="">
-                                <td> Технологический факультет </td>
-                                <td> Строительство </td>
-                                <td class="text-end"> 4 года</td>
-                            </tr>
-
-                        </table>
 
+                            </table>
+                        </div>
                     </div>
 
 
@@ -594,18 +471,20 @@ overflow-x: hidden;
 
 
         </div>
-        <br><br><br><br><br><br><br><br><br><br><br><br><br>
+        <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/magistr/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <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">
+            <a id="anchor"></a>
             <div class="row">
-                <div class="col-6">
-                    <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em;  ">
-                        СРОКИ ПРИЕМА
+                <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="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">
@@ -627,188 +506,248 @@ overflow-x: hidden;
                             </div>
                         </a>
                     </div>
-                </div>
-                <div class="mt-3 d-flex justify-content-center ">
-                    <div class="row w-75 h-75 ps-2" style=" overflow:auto;">
-                        <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 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: 30em;">
+                        <div class="col-11  ">
+
+                            @foreach($admissions as $admission)
+                                <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">
+                                            {{$admission->name}}
                                         </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>
+                                        @foreach($admission->documents as $document)
 
-                            </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 class="row mt-2 gradient-text shadow p-2 my-3 rounded-3"
+                                                 style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
 
-                            </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>
+                                                <a href="{{ URL::to($document->url) }}" > <strong>{{ $document->name }} </strong> <img class="" style="width: 18px; height: auto" src="{{ URL::to('img/front-page/clip-svgrepo-com.png') }}"></a>
+                                                <br>
+                                                {{$document->description}}
+                                            </div>
 
 
 
+                                        @endforeach
+
+                                    </div>
+
+
+                                </div>
+
+                            @endforeach
+
+
+
+                            <br><br><br><br><br><br><br><br>
                         </div>
                     </div>
                 </div>
-
-                <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>  <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon5_blok.png') }});  ">
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
         <div class="container-fluid ms-sm-5  pt-5">
-            <div class="col-11 ">
-                <div class="row">
+            <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 id="carouselExampleIndicators" class="carousel slide d-lg-block d-none " data-bs-interval="false">
+                <div class="carousel-inner px-5 pt-5">
+                    @php
+                        $all_news = array()
+                    @endphp
+                    @foreach($news as $item)
+                        @php
+                            $all_news[$item->name]['name'] = $item->name;
+                            $all_news[$item->name]['text'] = $item->text;
+                            $all_news[$item->name]['url'] = asset($item->photo);
+                            $all_news[$item->name]['id'] = $item->id;
+                        @endphp
+                    @endforeach
+
+                    @php
+                        $out = array_chunk($all_news, 4, true);
+                        //echo '<pre>' . print_r($out, 1) . '</pre>'
+                    @endphp
+
+                    @foreach($out as $id => $page)
+                        <div class="carousel-item @if($id == 0) active @endif  \" >
+                            <div class="row d-flex align-items-center justify-content-center "   >
+                                @foreach($page as $item)
+                                    <div class="col" style="max-width: 20%">
+                                        <div class="row">
+                                            <div class="col-12" >
+                                                <img src="{{$item['url']}}" class="w-100 border border-white border-2" style=" border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
+                                                <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 10.5em;">
+                                                    <div class=" p-3" style="">
+                                                        <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item['name']}} </strong>
+                                                        <br><button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#exampleModalNews-{{$item['id']}}"> читать полностью</button>
+                                                        <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item['text']), 100, "...") }}  </p>
+
+
+
+
+
+
+                                                        <!-- Modal -->
+                                                        <div class="modal fade" id="exampleModalNews-{{$item['id']}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                                                            <div class="modal-dialog modal-xl">
+                                                                <div class="modal-content">
+                                                                    <div class="modal-header">
+                                                                        <h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item['name']}}</h1>
+                                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                                                    </div>
+                                                                    <div class="modal-body">
+                                                                        <div class="container">
+                                                                            <div class="row justify-content-center">
+                                                                                <div class="col-8 d-flex justify-content-center">
+                                                                                    <img src="{{$item['url']}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
+                                                                                </div>
+                                                                            </div>
+                                                                            <p class="mt-4"> {{$item['text']}}</p>
+                                                                        </div>
+
+                                                                    </div>
+
+                                                                </div>
+                                                            </div>
+                                                        </div>
+
+
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                @endforeach
+
+                            </div>
+                            <br><br><br><br>
+                        </div>
+                    @endforeach
+
+
+                    <div class="carousel-indicators mt-5">
+                        @for ($i = 0; $i < count($out); $i++)
+                            <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{{$i}}" @if($i == 0) class="active" @endif  aria-current="true" aria-label="Slide {{$i + 1}}"></button>
+                        @endfor
 
-                    <div class="col-12">
-                        <div class="text-white fs-5"> Приемная коммисия: </div>
-                        <p class="text-white">  (8772) 52-30-08 </p>
                     </div>
+
+
                 </div>
-                <div class="row">
-                    <div class="col-12">
-                        <div class="text-white fs-5"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
-                        <p class="text-white">  8-938-530-53-14 </p>
+                <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 id="carouselExampleIndicatorsMobile" class="carousel slide d-lg-none d-block" data-bs-interval="false"  >
+                <div class="carousel-inner px-5 pt-5">
+                    @php $counter = 0; @endphp
+                    @foreach($news as $item)
+                        @php $counter++ @endphp
+                        <div class="carousel-item @if($counter == 1) active @endif  \" >
+                            <div class="row d-flex align-items-center justify-content-center "   >
+
+                                <div class="col-12" >
+                                    <img src="{{asset($item->photo)}}" class="img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px 20px 0px 0px;">
+                                    <div class="bg-white border border-white border-2" style="border-radius: 0px 0px 20px 20px ; height: 12em;">
+                                        <div class=" p-3" style="">
+                                            <strong class="fs-5 gradient-text" style="font-family: Geologica-Light"> {{$item->name}} </strong>
+                                            <br><button type="button" class="btn btn-primary"  data-bs-toggle="modal" data-bs-target="#exampleModalNewsMobile-{{$item->id}}"> читать полностью</button>
+                                            <p class="gradient-text" style="font-family: Geologica-ExtraLight;">{{ Str::limit(preg_replace('/<([^>]+)>/', PHP_EOL, $item->text), 100, "...") }}  </p>
+                                            <!-- Modal -->
+                                            <div class="modal fade" id="exampleModalNewsMobile-{{$item->id}}" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                                                <div class="modal-dialog modal-xl">
+                                                    <div class="modal-content">
+                                                        <div class="modal-header">
+                                                            <h1 class="modal-title fs-5" id="exampleModalLabel"> {{$item->name}}</h1>
+                                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                                                        </div>
+                                                        <div class="modal-body">
+                                                            <div class="container">
+                                                                <div class="row justify-content-center">
+                                                                    <div class="col">
+                                                                        <img src="{{asset($item->photo)}}" class=" img-fluid border border-white border-2" style="background-size: cover; border-radius: 20px;">
+                                                                    </div>
+                                                                </div>
+                                                                <p class="mt-4"> {{$item->text}}</p>
+                                                            </div>
+
+                                                        </div>
+
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+
+                            </div>
+                            <br><br><br><br>
+                        </div>
+                    @endforeach
+
+
+                    <div class="carousel-indicators mt-5">
+                        @for ($i = 0; $i < $counter; $i++)
+                            <button type="button" data-bs-target="#carouselExampleIndicatorsMobile" data-bs-slide-to="{{$i}}" @if($i == 1) class="active" @endif  aria-current="true" aria-label="Slide {{$i + 1}}"></button>
+                        @endfor
+
                     </div>
+
+
                 </div>
-                <div class="row">
-                    <div class="col-12">
-                        <div class="text-white fs-5"> Почта: </div>
-                        <p class="text-white">  info@mkgtu.ru </p>
+                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicatorsMobile" 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="#carouselExampleIndicatorsMobile" data-bs-slide="next">
+                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                    <span class="visually-hidden">Next</span>
+                </button>
+            </div>
+        </div>
+    </div>
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon4_blok.png') }}); background-size: cover; ">
+        <div class="container-fluid ms-sm-5  pt-5 ">
+            <div class="row">
+                <div class="ms-4 col-auto gradient-text  ">
+
+
+                    <div class="col-11">
+                        <div class="text-white fs-4"> Приемная коммисия:</div>
+                        <p class="text-white"> (8772) 52-30-08 </p>
                     </div>
-                </div>
-                <div class="row">
-                    <div class="col-md-6 col-12">
-                        <p class="text-white">  385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+
+
+                    <div class="col-11">
+                        <div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
+                        <p class="text-white"> 8-938-530-53-14 </p>
                     </div>
-                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
+
+
+                    <div class="col-11">
+                        <div class="text-white fs-4"> Почта:</div>
+                        <p class="text-white"> info@mkgtu.ru </p>
+                    </div>
+
+
+                    <div class="col-11">
+                        <p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                    </div>
+                    <div class="col-11">
                         <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>
@@ -817,12 +756,21 @@ overflow-x: hidden;
                         <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
                     </div>
                 </div>
+                <div class="col mt-3 mt-xl-0" >
+                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center" style='border-radius: 20px;'>
+                        <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>
 
-            <br><br><br>
         </div>
 
+
+
+        <br><br><br>
     </div>
 
+
+
     </body>
 @endsection
diff --git a/resources/views/new-design/magistr.blade.php b/resources/views/new-design/magistr.blade.php
index 30a4a82..2ca8f87 100644
--- a/resources/views/new-design/magistr.blade.php
+++ b/resources/views/new-design/magistr.blade.php
@@ -1,5 +1,7 @@
+
 @extends('layouts.new-design-layout')
 @section('content')
+
     <style>
 
         .gradient-text {
@@ -14,20 +16,27 @@
             border: 1px solid transparent;
 
         }
+
         .hover3:hover {
 
             border: unset;
-            background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }});!important;
+            background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }});
+        !important;
+
+
             transition: all .3s ease-in-out;
 
         }
 
+
+
         /* On mouse-over, add a grey background color */
         .checkbox1:hover input ~ .checkmark {
             background-color: rgba(20, 61, 203, 0.85);
         }
 
 
+
         /* Handle */
         .scroll-1::-webkit-scrollbar-thumb {
 
@@ -46,22 +55,37 @@
             background-image: linear-gradient(to right, rgba(29, 59, 166, 0.85), 20%, rgba(20, 61, 203, 0.85));
             transition: 0.3s;
         }
-
-
+        .fon1_blok {
+            background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
+        }
+        .fon2_blok {
+            background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .fon3_blok {
+            background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .fon4_blok {
+            background-image: url({{ URL::to('img/front-page/magistr/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .buttonBG {
+            background: linear-gradient(rgba(58, 97, 250, 0.85), rgba(38, 84, 255, 0.85)); border-radius: 20px;  letter-spacing: 0;
+        }
     </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>
-    <script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
+
     <script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
     <body>
 
 
     <header>
-        <div class="container-fluid position-relative "
-             style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+
+        <div class="container-fluid position-relative fon1_blok visually_impaired_mode  ">
+            <div class="mt-4 position-absolute" style="margin-left:11%;">@include('flash::message')</div>
             <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%">
@@ -85,11 +109,11 @@
                                 style="font-family: Geologica-Light">
 
                                 <div  class="col-auto pe-lg-3  text-white text-sm-start"
-                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                     Колл-центр: 8 800 550-23-01
+                                      style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    Колл-центр: 8 800 550-23-01
                                 </div>
                                 <div class="col-auto px-lg-3 text-white text-sm-start "
-                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                     style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                     Почта: info@mkgtu.ru
                                 </div>
                                 <a href="#" class="col-auto px-lg-3 text-white text-sm-start "
@@ -99,8 +123,11 @@
                                 {{--                                <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
                                 <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
+                                {{--                                <a type="button" class="col-auto px-lg-3 text-white text-sm-start visually_impaired_mode_button "--}}
+                                {{--                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
+                                {{--                                    <div class="hover2"> Режим для слабовидящих</div>--}}
+                                {{--                                </a>--}}
                             </div>
 
                         </div>
@@ -160,24 +187,24 @@
 
                 <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(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                       class="buttonBG 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">
+
                         Личный кабинет
                     </a>
                     <a href="#anchor"
-                       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(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                       class="buttonBG 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">
+
                         День открытых дверей
                     </a>
                     <!-- Button trigger modal -->
-                    <a type="button" 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" data-bs-toggle="modal" data-bs-target="#exampleModal" style=" background: linear-gradient(#0b3fc9, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                    <a type="button" class="buttonBG 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" data-bs-toggle="modal" data-bs-target="#exampleModal" >
                         Видео про МГТУ
                     </a>
 
                     <!-- Modal -->
                     <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                         <div class="modal-dialog modal-xl modal-dialog-centered">
-                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
+                            <div class="modal-content" style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }});" >
                                 <div class="modal-body">
                                     <div class="row">
                                         <div class="col">
@@ -201,12 +228,11 @@
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div class="fon2_blok visually_impaired_mode">
 
         <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/magistr/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em;  ">
+                <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
                     ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
                 </div>
             </div>
@@ -276,7 +302,8 @@
                                                     </tr>
 
                                                     @foreach ($faculty['directions'] as $direction)
-                                                        @if($direction['education_level'] == 'магистратура')
+                                                        @if($direction['education_level'] != 'магистратура')
+
                                                             <tr>
                                                                 <td>
                                                                     <a class=" border border-dark rounded-3 p-2 hover1"
@@ -305,7 +332,6 @@
                                                             </tr>
                                                         @endif
 
-
                                                     @endforeach
                                                 </table>
                                             </div>
@@ -328,6 +354,23 @@
                 <!--Здесь пишем ЯВА СКРИПТ-->
                 <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();
+                        }
+                    });
+                    $(document).on("click", ".calc_green_circle_button", function () {
+                        console.log
                         let id=$(this).data('id');
                         let institut=$(this).data('institut');
                         if(institut=='mgtu') {
@@ -349,7 +392,7 @@
         </div>
     </div>
 
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div class="fon3_blok visually_impaired_mode">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">
@@ -364,8 +407,7 @@
 
                         <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>
+                            <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 }}
@@ -394,6 +436,7 @@
 
                         </div>
                         <script>window.onload = function () {
+
                                 $(".unclearall").click(function () {
 
                                     $('input[type="checkbox"]').prop('checked', false);
@@ -428,24 +471,7 @@
                             };
 
                         </script>
-                        <script>
-                            $(".calc_green_circle_button").click(function () {
-                                console.log('111')
-                                let name=$(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>
 
@@ -474,7 +500,7 @@
         </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="fon4_blok visually_impaired_mode">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <a id="anchor"></a>
@@ -549,7 +575,9 @@
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
+
+    {{-- Начало новостей --}}
+    <div class="fon1_blok visually_impaired_mode ">
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="row">
                 <div class="display-5 col-12 text-white mb-3 text-center text-md-start "
@@ -721,33 +749,36 @@
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon4_blok.png') }}); background-size: cover; ">
+    {{-- Конец новостей --}}
+    <div class="fon2_blok visually_impaired_mode">
         <div class="container-fluid ms-sm-5  pt-5 ">
-            <div class="row">
-                <div class="ms-4 col-auto gradient-text  ">
+            <div class="row gradient-text">
+                <div class="ms-4 col-auto  ">
 
 
                     <div class="col-11">
-                        <div class="text-white fs-4"> Приемная коммисия:</div>
+                        <div class=" fs-4"> Приемная коммисия:</div>
                         <p class="text-white"> (8772) 52-30-08 </p>
                     </div>
 
 
                     <div class="col-11">
-                        <div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
-                        <p class="text-white"> 8-938-530-53-14 </p>
+                        <div class=" fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
+                        <p class=""> 8-938-530-53-14 </p>
                     </div>
 
 
                     <div class="col-11">
-                        <div class="text-white fs-4"> Почта:</div>
-                        <p class="text-white"> info@mkgtu.ru </p>
+                        <div class=" fs-4"> Почта:</div>
+                        <p class=""> info@mkgtu.ru </p>
                     </div>
 
 
                     <div class="col-11">
-                        <p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                        <p class=" fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
                     </div>
+
+
                     <div class="col-11">
                         <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>
@@ -763,6 +794,45 @@
                     </div>
                 </div>
             </div>
+            <div class="row ms-4">
+                <!-- Button trigger modal -->
+                <div class="col-11">
+                    <a class=" fs-4 btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#feedbackModal"> Обратная связь </a>
+                </div>
+                <!-- Modal -->
+                <div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+                    <div class="modal-dialog modal-xl">
+                        <div class="modal-content">
+                            <div class="modal-header">
+
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <form method="POST" action="{{route('feedback.store')}}">
+                                    @csrf
+                                    <div class="mb-3">
+                                        <label for="exampleInputEmail1" class="form-label">Ваши контакты</label>
+                                        <input type="text" class="form-control" name="contact" id="contact" aria-describedby="contactHelp" >
+                                        <div id="contactHelp" class="form-text"> Ваш телефон или электронная почта</div>
+
+                                    </div>
+                                    <div class="mb-3">
+                                        <label for="exampleInputPassword1" class="form-label"> Ваше сообщение</label>
+                                        <textarea type="text" class="form-control" name="text" id="text"> </textarea>
+                                    </div>
+
+                                    <button type="submit" class="btn btn-primary">Отправить</button>
+                                </form>
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Закрыть </button>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
 
         </div>
 
@@ -774,4 +844,9 @@
 
 
     </body>
+
+
+    <script>
+        $('div.alert').not('.alert-important').delay(15000).fadeOut(350);
+    </script>
 @endsection

Технологический факультет	Строительство	4 года
Технологический факультет	Строительство	4 года
Технологический факультет	Строительство	4 года
Технологический факультет	Строительство	4 года