Merge pull request 'feature/visually-impaired-mode' (#51) from RomanGolienko/Roman_applicant-site:feature/visually-impaired-mode into main

Reviewed-on: http://gitea.mkgtu.ru/aslan/applicant-site/pulls/51

app/Http/Controllers/admin/FeedbackController.php

@@ -18,15 +18,18 @@ class FeedbackController extends Controller
 
     public function store(StoreFeedbackRequest $request)
     {
+
         $validated = $request->validated();
         $feedback = new Feedback();
 
         $feedback->contact = $validated['contact'];
         $feedback->text = $validated['text'];
-        $feedback->status_id = $validated['status_id'];
+        $feedback->status_id = 1;
         $feedback->save();
 
-        return response()->json(["result" => "success"]);
+        flash('Ваше сообщение отправлено!')->success();
+
+        return back();
     }
 
     public function edit(Feedback $feedback)

app/Http/Requests/admin/StoreFeedbackRequest.php

@@ -16,7 +16,6 @@ class StoreFeedbackRequest extends FormRequest
         return [
             'contact' => 'required|string|max:255',
             'text' => 'string|nullable',
-            'status_id' => 'required|numeric|exists:feedback_statuses,id',
         ];
     }
 }

app/Services/DirectonHtmlBuilder.php

@@ -18,7 +18,7 @@ class DirectonHtmlBuilder
     public function getHTML()
     {
         $direction = $this->direction;
-        $fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
+        $fon_3 = URL::to('img/front-page/bakalavr-special/fon2_blok.png');
 
         $green_circle = URL::to('img/front-page/green-circle.png');
 
@@ -179,7 +179,7 @@ class DirectonHtmlBuilder
         }
 
 
-        return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction['id'] }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;              background-image:  url({$fon_3}); color: #004329\">
+        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=\"offcanvasScrolling-{$direction['id'] }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;               \">
 
 
             <div class=\"mx-5 pb-5\">

app/Services/DirectonHtmlBuilderForCalculator.php

@@ -18,7 +18,7 @@ class DirectonHtmlBuilderForCalculator
     public function getHTML()
     {
         $direction = $this->direction;
-        $fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
+        $fon_3 = URL::to('img/front-page/bakalavr-special/fon2_blok.png');
 
         $green_circle = URL::to('img/front-page/green-circle.png');
 
@@ -179,7 +179,7 @@ class DirectonHtmlBuilderForCalculator
         }
 
 
-        return "<div class=\"offcanvas offcanvas-bottom\" 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 ;              background-image:  url({$fon_3}); color: #004329\">
+        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\">

composer.json

@@ -13,6 +13,7 @@
         "fakerphp/faker": "^1.23.1",
         "guzzlehttp/guzzle": "^7.8.1",
         "imangazaliev/didom": "^2.0.1",
+        "laracasts/flash": "^3.2",
         "laravel/framework": "^10.48.2",
         "laravel/sanctum": "^3.3.3",
         "laravel/tinker": "^2.9.0",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "7430aa832d42dad89f7314c9c96e0023",
+    "content-hash": "cdd9e5c44654ea2c37c37d36bc80e259",
     "packages": [
         {
             "name": "brick/math",
@@ -1302,6 +1302,60 @@
             },
             "time": "2023-03-05T03:23:48+00:00"
         },
+        {
+            "name": "laracasts/flash",
+            "version": "3.2.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/laracasts/flash.git",
+                "reference": "c2c4be1132f1bec3a689e84417a1c5787e6c71fd"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/laracasts/flash/zipball/c2c4be1132f1bec3a689e84417a1c5787e6c71fd",
+                "reference": "c2c4be1132f1bec3a689e84417a1c5787e6c71fd",
+                "shasum": ""
+            },
+            "require": {
+                "illuminate/support": "~5.0|^6.0|^7.0|^8.0|^9.0|^10.0|^11.0",
+                "php": ">=5.4.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "dev-master",
+                "phpunit/phpunit": "^6.1|^9.5.10|^10.5"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Laracasts\\Flash\\FlashServiceProvider"
+                    ],
+                    "aliases": {
+                        "Flash": "Laracasts\\Flash\\Flash"
+                    }
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/Laracasts/Flash/functions.php"
+                ],
+                "psr-0": {
+                    "Laracasts\\Flash": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Jeffrey Way",
+                    "email": "jeffrey@laracasts.com"
+                }
+            ],
+            "description": "Easy flash notifications",
+            "time": "2024-03-03T16:51:25+00:00"
+        },
         {
             "name": "laravel/framework",
             "version": "v10.48.2",

database/seeders/DatabaseSeeder.php

@@ -10,32 +10,32 @@ class DatabaseSeeder extends Seeder
 {
     public function run(): void
     {
-        User::factory()->create([
+//        User::factory()->create([
-            'name' => config('app.admin_name'),
+//            'name' => config('app.admin_name'),
-            'email' => config('app.admin_email'),
+//            'email' => config('app.admin_email'),
-            'password' => 123456
+//            'password' => 123456
-        ]);
+//        ]);
 
 //        User::factory(10)->create();
 
-        $this->call([
+//        $this->call([
-            EducationalInstitutionSeeder::class,
+//            EducationalInstitutionSeeder::class,
-            FacultySeeder::class,
+//            FacultySeeder::class,
-            DepartmentSeeder::class,
+//            DepartmentSeeder::class,
-            EducationLevelSeeder::class,
+//            EducationLevelSeeder::class,
-            EducationFormSeeder::class,
+//            EducationFormSeeder::class,
-            ExaminationTypeSeeder::class,
+//            ExaminationTypeSeeder::class,
-            SubjectSeeder::class,
+//            SubjectSeeder::class,
-            SubjectTypeSeeder::class,
+//            SubjectTypeSeeder::class,
-            DirectionSeeder::class,
+//            DirectionSeeder::class,
-            EntranceExaminationSeeder::class,
+//            EntranceExaminationSeeder::class,
-            DirectionProfileSeeder::class,
+//            DirectionProfileSeeder::class,
-        ]);
+//        ]);
 
-        $this->call([
+//        $this->call([
-            AdmissionSeeder::class,
+//            AdmissionSeeder::class,
-            DocumentSeeder::class,
+//            DocumentSeeder::class,
-        ]);
+//        ]);
 
         $this->call([
             FeedbackStatusSeeder::class,

resources/views/layouts/new-design-layout.blade.php

@@ -23,6 +23,8 @@
 
     @yield('extra_styles')
     <!-- css end  here-->
+    <meta name="csrf-token" content="{{ csrf_token() }}">
+    <meta name="csrf-param" content="_token"/>
     <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
     <meta http-equiv="Pragma" content="no-cache">
     <meta http-equiv="Expires" content="0">
@@ -56,22 +58,11 @@
         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;
 
+        overflow-x: hidden;
         font-family: "Geologica-Medium";!important;
     }
 
@@ -147,10 +138,15 @@
         background-color: transparent;
         border: 1px solid rgb(241, 241, 241);
         border-radius: 8px;
+
     }
     .checkbox1 input:checked ~ .checkmark {
         background-color: rgb(255, 255, 255);
 
+    }
+    .checkbox2 input:checked ~ .checkmark {
+        background-color: rgb(0, 0, 0);
+
     }
 
     /* Create the checkmark/indicator (hidden when not checked) */
@@ -158,6 +154,7 @@
         content: "";
         position: absolute;
         display: none;
+
     }
 
     /* Show the checkmark when checked */
@@ -212,5 +209,125 @@
         background-image: url({{ URL::to("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#35af00' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}});
         transform: rotate(-180deg);
     }
+    .visually_impaired_mode_bg {
+
+        background-image: url({{ URL::to("public/img/front-page/white-bg.jpg")}})!important;
+
+    }
+    .direction-card-text {
+        color: #004329;
+    }
+    .disabled {
+        display: none;
+    }
+
+
+
+
 </style>
+<script>
+    $(document).on("click", ".visually_impaired_mode_button", function () {
+
+
+            if($('div, a, p').hasClass('visually_impaired_mode_bg')){
+                $(".visually_impaired_mode").removeClass('visually_impaired_mode_bg');
+
+            }
+            else {
+                $(".visually_impaired_mode").addClass('visually_impaired_mode_bg');
+            }
+
+            if($("div, a, p").hasClass('buttonBG')){
+                $(".buttonBG").addClass('buttonBGDISABLED')
+                $(".buttonBG").removeClass('buttonBG');
+            }
+            else {
+                $(".buttonBGDISABLED").addClass('buttonBG');
+                $(".buttonBGDISABLED").removeClass('buttonBGDISABLED');
+            }
+
+            if($("div, a, p").hasClass('text-white')){
+                $(".text-white").addClass('text-whiteDISABLED');
+                $(".text-white").removeClass('text-white');
+
+            }
+            else {
+                $(".text-whiteDISABLED").addClass('text-white');
+                $(".text-whiteDISABLED").removeClass('text-whiteDISABLED');
+            }
+
+            if($(".gradient-text").hasClass('gradient-text')){
+                $(".gradient-text").addClass('gradient-textDISABLED');
+                $(".gradient-text").removeClass('gradient-text');
+            }
+            else {
+                $(".gradient-textDISABLED").addClass('gradient-text');
+                $(".gradient-textDISABLED").removeClass('gradient-textDISABLED');
+
+            }
+
+            if($(".direction-card-text").hasClass('direction-card-text')){
+                $(this).addClass('direction-card-textDISABLED');
+                $(".direction-card-text").removeClass('direction-card-text');
+            }
+            else {
+                $(".direction-card-textDISABLED").addClass('direction-card-text');
+                $(".direction-card-textDISABLED").removeClass('direction-card-textDISABLED');
+
+            }
+            if($("img").hasClass('disabled')){
+                $("img").removeClass('disabled')
+            }
+            else {
+                $("img").addClass('disabled')
+            }
+
+            if($("div, a, p").hasClass('scroll-1')){
+                $(".scroll-1").addClass('scroll-1DISABLED');
+                $(".scroll-1").removeClass('scroll-1');
+
+            }
+
+            else {
+                $(".scroll-1DISABLED").addClass('scroll-1');
+                $(".scroll-1DISABLED").removeClass('scroll-1DISABLED');
+            }
+
+
+            if(!$("div, a, p").hasClass('DARK')){
+
+                $(".checkmark").css("border", "3px solid rgb(0, 0, 0)")
+                $(this).addClass("DARK")
+
+            }
+
+            else {
+                $(this).removeClass("DARK")
+                $(".checkmark").css("border", "1px solid rgb(241, 241, 241)")
+
+            }
+
+
+            if($(".checkbox1").hasClass("checkbox2 input:checked ~ .checkmark")){
+                $(".checkbox1 ").removeClass("checkbox2 input:checked ~ .checkmark")
+            }
+            else {
+                $(".checkbox1 ").addClass("checkbox2 input:checked ~ .checkmark")
+            }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    });
+</script>
 @yield('content')

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

@@ -53,20 +53,36 @@
             background-image: linear-gradient(to right, rgb(38, 159, 239), 20%, rgb(2, 142, 229));
             transition: 0.3s;
         }
-
+        .fon1_blok {
-
+            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
+        }
+        .fon2_blok {
+            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .fon3_blok {
+            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .fon4_blok {
+            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
+        }
+        .buttonBG {
+            background: linear-gradient(#56CCF2, #56CCF200); 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>
+
     <body>
 
 
     <header>
-        <div class="container-fluid position-relative "
+
-             style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <div class="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%">
@@ -105,6 +121,10 @@
                                 {{--                                    <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+                                <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>
@@ -164,24 +184,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"
+                       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">
-                       style="  background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+
                         Личный кабинет
                     </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"
+                       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">
-                       style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+
                         День открытых дверей
                     </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(#56CCF2, #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/fon3_blok.png') }});" >
+                            <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">
@@ -205,12 +225,11 @@
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div class="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 "
+                <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
-                     style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em;  ">
                     ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
                 </div>
             </div>
@@ -332,7 +351,7 @@
                 <!--Здесь пишем ЯВА СКРИПТ-->
                 <script>
                     $(".button_chng_instit").click(function () {
-                        console.log('111')
+
                         let id=$(this).data('id');
                         let institut=$(this).data('institut');
                         if(institut=='mgtu') {
@@ -348,7 +367,7 @@
                         }
                     });
                     $(document).on("click", ".calc_green_circle_button", function () {
-                        console.log('111')
+                        console.log
                         let id=$(this).data('id');
                         let institut=$(this).data('institut');
                         if(institut=='mgtu') {
@@ -370,7 +389,7 @@
         </div>
     </div>
 
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div class="fon3_blok visually_impaired_mode">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">
@@ -481,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>
@@ -558,7 +577,7 @@
     </div>
 
     {{-- Начало новостей --}}
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;  ">
+    <div 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 "
@@ -724,7 +743,7 @@
         </div>
     </div>
     {{-- Конец новостей --}}
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-size: cover; ">
+    <div class="fon2_blok visually_impaired_mode">
         <div class="container-fluid ms-sm-5  pt-5 ">
             <div class="row gradient-text">
                 <div class="ms-4 col-auto  ">
@@ -751,6 +770,8 @@
                    <div class="col-11">
                         <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>
@@ -766,6 +787,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>
 
@@ -777,4 +837,9 @@
 
 
     </body>
+
+
+    <script>
+        $('div.alert').not('.alert-important').delay(15000).fadeOut(350);
+    </script>
 @endsection

resources/views/new-design/inostran-old.blade.php

@@ -307,7 +307,7 @@ overflow-x: hidden;
         </div>
     </header>
 
-    <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  py-5" >
             <div class="row">
@@ -466,7 +466,7 @@ overflow-x: hidden;
         </div>
     </div>
 
-    <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/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="row">

resources/views/new-design/inostran.blade.php

@@ -174,7 +174,7 @@
                     <!-- 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/fon3_blok.png') }});" >
+                            <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">
@@ -198,7 +198,7 @@
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">
@@ -343,7 +343,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 style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">

resources/views/new-design/magistr-old.blade.php

@@ -308,7 +308,7 @@ overflow-x: hidden;
         </div>
     </header>
 
-    <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  py-5" >
             <div class="row">
@@ -467,7 +467,7 @@ overflow-x: hidden;
         </div>
     </div>
 
-    <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/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="row">

resources/views/new-design/magistr.blade.php

@@ -174,7 +174,7 @@
                     <!-- 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/fon3_blok.png') }});" >
+                            <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">
@@ -198,7 +198,7 @@
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">
@@ -346,7 +346,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 style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  py-5">
             <div class="row">