diff --git a/public/img/front-page/fon1_blok.png b/public/img/front-page/bakalavr-special/fon1_blok.png
similarity index 100%
rename from public/img/front-page/fon1_blok.png
rename to public/img/front-page/bakalavr-special/fon1_blok.png
diff --git a/public/img/front-page/fon2_blok.png b/public/img/front-page/bakalavr-special/fon2_blok.png
similarity index 100%
rename from public/img/front-page/fon2_blok.png
rename to public/img/front-page/bakalavr-special/fon2_blok.png
diff --git a/public/img/front-page/fon3_blok.png b/public/img/front-page/bakalavr-special/fon3_blok.png
similarity index 100%
rename from public/img/front-page/fon3_blok.png
rename to public/img/front-page/bakalavr-special/fon3_blok.png
diff --git a/public/img/front-page/fon4_blok.png b/public/img/front-page/bakalavr-special/fon4_blok.png
similarity index 100%
rename from public/img/front-page/fon4_blok.png
rename to public/img/front-page/bakalavr-special/fon4_blok.png
diff --git a/public/img/front-page/footer_fon.png b/public/img/front-page/bakalavr-special/footer_fon.png
similarity index 100%
rename from public/img/front-page/footer_fon.png
rename to public/img/front-page/bakalavr-special/footer_fon.png
diff --git a/public/img/front-page/professor.png b/public/img/front-page/bakalavr-special/professor.png
similarity index 100%
rename from public/img/front-page/professor.png
rename to public/img/front-page/bakalavr-special/professor.png
diff --git a/public/img/front-page/inostran/fon1_blok.png b/public/img/front-page/inostran/fon1_blok.png
new file mode 100644
index 0000000..88ad40d
Binary files /dev/null and b/public/img/front-page/inostran/fon1_blok.png differ
diff --git a/public/img/front-page/inostran/fon2_blok.png b/public/img/front-page/inostran/fon2_blok.png
new file mode 100644
index 0000000..c5d67aa
Binary files /dev/null and b/public/img/front-page/inostran/fon2_blok.png differ
diff --git a/public/img/front-page/inostran/fon3_blok.png b/public/img/front-page/inostran/fon3_blok.png
new file mode 100644
index 0000000..5c87d5c
Binary files /dev/null and b/public/img/front-page/inostran/fon3_blok.png differ
diff --git a/public/img/front-page/inostran/fon4_blok.png b/public/img/front-page/inostran/fon4_blok.png
new file mode 100644
index 0000000..34eedfd
Binary files /dev/null and b/public/img/front-page/inostran/fon4_blok.png differ
diff --git a/public/img/front-page/inostran/fon5_blok.png b/public/img/front-page/inostran/fon5_blok.png
new file mode 100644
index 0000000..109021c
Binary files /dev/null and b/public/img/front-page/inostran/fon5_blok.png differ
diff --git a/public/img/front-page/inostran/photo.png b/public/img/front-page/inostran/photo.png
new file mode 100644
index 0000000..7a2bc20
Binary files /dev/null and b/public/img/front-page/inostran/photo.png differ
diff --git a/public/img/front-page/magistr/fon1_blok.png b/public/img/front-page/magistr/fon1_blok.png
new file mode 100644
index 0000000..3d44ccf
Binary files /dev/null and b/public/img/front-page/magistr/fon1_blok.png differ
diff --git a/public/img/front-page/magistr/fon2_blok.png b/public/img/front-page/magistr/fon2_blok.png
new file mode 100644
index 0000000..c5d67aa
Binary files /dev/null and b/public/img/front-page/magistr/fon2_blok.png differ
diff --git a/public/img/front-page/magistr/fon3_blok.png b/public/img/front-page/magistr/fon3_blok.png
new file mode 100644
index 0000000..cef4ea7
Binary files /dev/null and b/public/img/front-page/magistr/fon3_blok.png differ
diff --git a/public/img/front-page/magistr/fon4_blok.png b/public/img/front-page/magistr/fon4_blok.png
new file mode 100644
index 0000000..34eedfd
Binary files /dev/null and b/public/img/front-page/magistr/fon4_blok.png differ
diff --git a/public/img/front-page/magistr/fon5_blok.png b/public/img/front-page/magistr/fon5_blok.png
new file mode 100644
index 0000000..3c020ab
Binary files /dev/null and b/public/img/front-page/magistr/fon5_blok.png differ
diff --git a/public/img/front-page/magistr/photo.png b/public/img/front-page/magistr/photo.png
new file mode 100644
index 0000000..71f6859
Binary files /dev/null and b/public/img/front-page/magistr/photo.png differ
diff --git a/resources/views/layouts/new-design-layout.blade.php b/resources/views/layouts/new-design-layout.blade.php
new file mode 100644
index 0000000..3245222
--- /dev/null
+++ b/resources/views/layouts/new-design-layout.blade.php
@@ -0,0 +1,31 @@
+<!doctype html>
+<html class="no-js" lang="ru">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Абитуриенту ФГБОУ ВО "МГТУ"</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Place favicon.ico in the root directory -->
+    <link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/logo/favicon.png') }}">
+
+    <!-- CSS here  -->
+
+    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.css') }}">
+    <link rel="stylesheet" type="js" href="{{ asset('js/bootstrap-bundle.js') }}">
+
+
+
+
+
+    @yield('extra_styles')
+    <!-- css end  here-->
+    <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">
+{{--   <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>--}}
+</head>
+@yield('content')
diff --git a/resources/views/new-design/bakalavr-special.blade.php b/resources/views/new-design/bakalavr-special.blade.php
new file mode 100644
index 0000000..c1e8a0b
--- /dev/null
+++ b/resources/views/new-design/bakalavr-special.blade.php
@@ -0,0 +1,827 @@
+@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{
+            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+        }
+
+        .button1{
+            background: linear-gradient(white, white) padding-box, linear-gradient(to right,#0d6efd , #4f96ff) border-box;
+            border-radius: 11px;
+            border: 1px solid transparent;
+
+        }
+        .hover1:hover {
+            transform: scale(1.1);
+            transition: all .3s ease-in-out;
+
+
+        }
+        .hover2:hover {
+            color: #d3d3d3;
+            transition: all .4s ease-in-out;
+            /*border: solid;*/
+            /*border-radius: 8rem;*/
+            /*padding: 5px 8px;*/
+            /*border-color: #ffffff;*/
+        }
+        .hover3:hover {
+
+            border: unset;
+            background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});!important;
+
+
+
+            transition: all .3s ease-in-out;
+
+        }
+        .hover3:hover div{
+            -webkit-background-clip: unset;
+            -webkit-text-fill-color: unset;
+            color: white;
+        }
+
+        /* Customize the label (the container) */
+        .checkbox1 {
+            display: block;
+            position: relative;
+            padding-left: 35px;
+            margin-bottom: 12px;
+            cursor: pointer;
+
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+
+        }
+
+        /* Hide the browser's default checkbox */
+        .checkbox1 input {
+            position: absolute;
+            opacity: 0;
+            cursor: pointer;
+            height: 0;
+            width: 0;
+        }
+
+        /* Create a custom checkbox */
+        .checkmark {
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 25px;
+            width: 25px;
+            background-color: 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(44, 131, 204, 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 {
+
+            height: 30px;
+            width: 8px;
+            background: #eaeaea;
+            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+            border-radius: 10px;
+
+        }
+
+        /* Handle on hover */
+        ::-webkit-scrollbar-thumb:hover {
+            background: #bebebe;
+        }
+
+
+    </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 " style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+            <div class=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end  z-1 " style="height: 100%; bottom: -10px;" >
+                <div style="width: 60%">
+                    <img class="img-fluid float-end  " src="{{ URL::to('img/front-page/bakalavr-special/professor.png') }}" alt="">
+                </div>
+            </div>
+
+            <div class="ms-0 ms-md-5   ">
+                <div class="row">
+                    <div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center">
+                        <div class=" " style="width: 30%">
+                            <img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo.png') }}" alt="">
+                        </div>
+                    </div>
+                    <div class="col-xl-8 col-12 ">
+                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end border-bottom border-white ">
+
+                            <div class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative  pb-3" style="font-family: Geologica-Light">
+
+                                <a href="#" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Колл-центр: 8 800 550-23-01 </div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Почта: info@mkgtu.ru </div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Все контакты</div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> RU </div>
+                                </a>
+                                {{--                            <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+                            </div>
+
+                        </div>
+                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
+
+                            <div class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative " style="font-family: Geologica-Light">
+
+                                <a href="{{ URL::to('/') }}" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Бакалавриат / Специалитет </div>
+                                </a>
+                                <a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Магистратура </div>
+                                </a>
+                                <a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Иностранным абитуриентам</div>
+                                </a>
+
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="row">
+                    <div class="col-12 text-white display-1  my-5 text-center text-md-start" style=" font-weight: 900; letter-spacing: 0em; ">
+                        ПОСТУПАЙ В МГТУ
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style="  letter-spacing: 0em; ">
+                        75 студенческих объединений
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="display-5 col-12 text-white mb-3 text-center text-md-start " style=" font-weight: 700; letter-spacing: 0em; ">
+                        3367 БЮДЖЕТНЫХ МЕСТ
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style="  letter-spacing: 0em; ">
+                        300 образовательных программ
+                    </div>
+                </div>
+                <div class="d-none d-lg-block">
+                    <br><br><br><br><br><br><br>
+                </div>
+
+                <div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative " >
+                    <a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style="  background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                        Личный кабинет
+                    </a>
+                    <a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                        День открытых дверей
+                    </a>
+                    <a href="#" class=" hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
+                        Твои возможности
+                    </a>
+                </div>
+
+
+            </div>
+            <div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
+        </div>
+    </header>
+
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <div class="container-fluid ms-sm-5  py-5" >
+            <div class="row">
+                <div class="display-5 col-12  mb-3 text-center text-md-start " style="background-image: url({{ URL::to('img/front-page/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>
+                                <p class="text-center fs-3"> Факультет послевузовского профессионального образования </p>
+
+                                <div class="modal-body">
+                                    Основная информация
+                                </div>
+                                <div class="modal-footer">
+                                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Закрыть</button>
+
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+
+
+                </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>
+
+            </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/1.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/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <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 " style=" font-weight: 700; letter-spacing: 0em; ">
+                    КАЛЬКУЛЯТОР ЕГЭ
+                </div>
+            </div>
+            <div class="row mt-4">
+                <div class="col-md-4 col-12 ">
+                    <div class="row">
+
+                        <div class="text-white display-6" > Выберите предметы ЕГЭ</div>
+                        <form class="text-white mt-4 fs-4" 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>
+
+                        </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>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-6 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>
+
+                        </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>
+
+                    </div>
+
+
+                </div>
+
+            </div>
+
+
+        </div>
+        <br><br><br><br><br><br><br><br><br><br><br><br><br>
+    </div>
+    <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <div class="container-fluid ms-sm-5  pt-5">
+            <div class="row">
+                <div class="col-6">
+                    <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em;  ">
+                        СРОКИ ПРИЕМА
+                    </div>
+                </div>
+                <div class="col-5 d-block d-lg-flex justify-content-end">
+                    <div class="me-2 d-flex justify-content-center align-items-center ">
+                        <a href="#" class="px-5 py-2 hover3 button1 " >
+                            <div class="gradient-text">
+                                Очная
+                            </div>
+                        </a>
+                    </div>
+                    <div class="me-2 d-flex justify-content-center align-items-center ">
+                        <a href="#" class="px-5 py-2 hover3 button1">
+                            <div class="gradient-text">
+                                Заочно-очная
+                            </div>
+                        </a>
+                    </div>
+                    <div class="me-2 d-flex justify-content-center align-items-center ">
+                        <a href="#" class="px-5 py-2 hover3 button1" >
+                            <div class="gradient-text">
+                                Заочная
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="mt-3 d-flex justify-content-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>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+
+
+
+                        </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/bakalavr-special/footer_fon.png') }});  ">
+        <div class="container-fluid ms-sm-5  pt-5">
+            <div class="col-11 ">
+                <div class="row">
+
+                    <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>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12">
+                        <div class="text-white fs-5"> Почта: </div>
+                        <p class="text-white">  info@mkgtu.ru </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-6 col-12">
+                        <p class="text-white">  385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                    </div>
+                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
+                    </div>
+                </div>
+            </div>
+
+            <br><br><br>
+        </div>
+
+    </div>
+
+    </body>
+@endsection
diff --git a/resources/views/layouts/test-applicant-layout.blade.php b/resources/views/new-design/inostran.blade.php
similarity index 65%
rename from resources/views/layouts/test-applicant-layout.blade.php
rename to resources/views/new-design/inostran.blade.php
index d4a60e2..e60d8ca 100644
--- a/resources/views/layouts/test-applicant-layout.blade.php
+++ b/resources/views/new-design/inostran.blade.php
@@ -1,338 +1,313 @@
-<!doctype html>
-<html class="no-js" lang="ru">
+@extends('layouts.new-design-layout')
+@section('content')
+    <style>
+        @font-face {
 
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <title>Абитуриенту ФГБОУ ВО "МГТУ"</title>
-    <meta name="description" content="">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+            font-family: "Geologica-Medium";
 
-    <!-- Place favicon.ico in the root directory -->
-    <link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/logo/favicon.png') }}">
+            src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");
 
-    <!-- CSS here  -->
+        }
+        @font-face {
 
-    <link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.css') }}">
-    <link rel="stylesheet" type="js" href="{{ asset('js/bootstrap-bundle.js') }}">
+            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{
+            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;
+            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 {
+
+            height: 30px;
+            width: 8px;
+            background: #eaeaea;
+            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+            border-radius: 10px;
+
+        }
+
+        /* Handle on hover */
+        ::-webkit-scrollbar-thumb:hover {
+            background: #bebebe;
+        }
 
 
-    @yield('extra_styles')
-    <!-- css end  here-->
-    <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">
-{{--   <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>--}}
-</head>
-<style>
-    @font-face {
+    </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">
 
-    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{
-        background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});
-        -webkit-background-clip: text;
-        -webkit-text-fill-color: transparent;
-    }
-
-   .button1{
-       background: linear-gradient(white, white) padding-box, linear-gradient(to right,#0d6efd , #4f96ff) border-box;
-       border-radius: 11px;
-       border: 1px solid transparent;
-
-   }
-   .hover1:hover {
-       transform: scale(1.1);
-       transition: all .3s ease-in-out;
-
-
-   }
-   .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/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(44, 131, 204, 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 {
-
-        height: 30px;
-        width: 8px;
-        background: #eaeaea;
-        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
-        border-radius: 10px;
-
-    }
-
-    /* Handle on hover */
-    ::-webkit-scrollbar-thumb:hover {
-        background: #bebebe;
-    }
-
-
-</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>
+    </script>
+    <body>
 
 
 
     <header>
-        <div class="container-fluid " style="background-image: url({{ URL::to('img/front-page/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/professor.png') }}" alt="">
-            </div>
-        </div>
-
-        <div class="ms-0 ms-md-5   ">
-            <div class="row">
-                <div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center">
-                    <div class=" " style="width: 30%">
-                        <img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo.png') }}" alt="">
-                    </div>
+        <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 style="width: 60%">
+                    <img class="img-fluid float-end  " src="{{ URL::to('img/front-page/inostran/photo.png') }}" alt="">
                 </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>
 
-                        <div class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative  pb-3" style="font-family: Geologica-Light">
-
-                            <a href="#" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                <div class="hover2"> Колл-центр: 8 800 550-23-01 </div>
-                            </a>
-                            <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                <div class="hover2"> Почта: info@mkgtu.ru </div>
-                            </a>
-                            <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                <div class="hover2"> Все контакты</div>
-                            </a>
-                            <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                <div class="hover2"> RU </div>
-                            </a>
-{{--                            <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+            <div 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=" " style="width: 30%">
+                            <img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo.png') }}" alt="">
                         </div>
-
                     </div>
-                    <div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
+                    <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-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-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"> Бакалавриат / Специалитет </div>
-                            </a>
-                            <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                <div class="hover2"> Магистратура </div>
-                            </a>
-                            <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                <div class="hover2"> Иностранным абитуриентам</div>
-                            </a>
+                                <a href="#" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Колл-центр: 8 800 550-23-01 </div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Почта: info@mkgtu.ru </div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Все контакты</div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> RU </div>
+                                </a>
+                                {{--                            <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+                            </div>
 
                         </div>
+                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
 
+                            <div class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative " style="font-family: Geologica-Light">
+
+                                <a href="{{ URL::to('/') }}" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Бакалавриат / Специалитет </div>
+                                </a>
+                                <a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Магистратура </div>
+                                </a>
+                                <a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Иностранным абитуриентам</div>
+                                </a>
+
+                            </div>
+
+                        </div>
                     </div>
                 </div>
-            </div>
 
 
 
-            <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="row">
+                    <div class="col-12 text-white display-1  my-5 text-center text-md-start" style=" font-weight: 900; letter-spacing: 0em; ">
+                        ПОСТУПАЙ В МГТУ
+                    </div>
                 </div>
-            </div>
-            <div class="row">
-                <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style="  letter-spacing: 0em; ">
-                    75 студенческих объединений
+                <div class="row">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style="  letter-spacing: 0em; ">
+                        75 студенческих объединений
+                    </div>
                 </div>
-            </div>
-            <div class="row">
-                <div class="display-5 col-12 text-white mb-3 text-center text-md-start " style=" font-weight: 700; letter-spacing: 0em; ">
-                    3367 БЮДЖЕТНЫХ МЕСТ
+                <div class="row">
+                    <div class="display-5 col-12 text-white mb-3 text-center text-md-start " style=" font-weight: 700; letter-spacing: 0em; ">
+                        3367 БЮДЖЕТНЫХ МЕСТ
+                    </div>
                 </div>
-            </div>
-            <div class="row">
-                <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style="  letter-spacing: 0em; ">
-                    300 образовательных программ
+                <div class="row">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style="  letter-spacing: 0em; ">
+                        300 образовательных программ
+                    </div>
+                </div>
+                <div class="d-none d-lg-block">
+                    <br><br><br><br><br><br><br>
                 </div>
-            </div>
-            <div class="d-none d-lg-block">
-                <br><br><br><br><br><br><br>
-            </div>
 
-            <div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative " >
-                <a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style="  background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
-                    Личный кабинет
-                </a>
-                <a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
-                    День открытых дверей
-                </a>
-                <a href="#" class=" hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px;  letter-spacing: 0; ">
-                    Твои возможности
-                </a>
-            </div>
+                <div 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>
+                    <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>
+                </div>
 
 
-        </div>
+            </div>
             <div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
         </div>
     </header>
 
-    <div style="background-image: url({{ URL::to('img/front-page/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">
@@ -491,7 +466,7 @@
         </div>
     </div>
 
-    <div style="background-image: url({{ URL::to('img/front-page/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="row">
@@ -558,58 +533,58 @@
 
                 <div class="col-md-6 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-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>
 
-                            </table>
+                        </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>
+                    </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>
 
 
                 </div>
@@ -620,7 +595,7 @@
         </div>
         <br><br><br><br><br><br><br><br><br><br><br><br><br>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
 
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="row">
@@ -668,8 +643,8 @@
                                 <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 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>
@@ -806,7 +781,7 @@
             </div>
         </div>
     </div>
-    <div style="background-image: url({{ URL::to('img/front-page/footer_fon.png') }});  ">
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/fon5_blok.png') }});  ">
         <div class="container-fluid ms-sm-5  pt-5">
             <div class="col-11 ">
                 <div class="row">
@@ -848,4 +823,5 @@
 
     </div>
 
-</body>
+    </body>
+@endsection
diff --git a/resources/views/new-design/magistr.blade.php b/resources/views/new-design/magistr.blade.php
new file mode 100644
index 0000000..8e03aef
--- /dev/null
+++ b/resources/views/new-design/magistr.blade.php
@@ -0,0 +1,828 @@
+@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{
+            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;
+            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 {
+
+            height: 30px;
+            width: 8px;
+            background: #eaeaea;
+            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+            border-radius: 10px;
+
+        }
+
+        /* Handle on hover */
+        ::-webkit-scrollbar-thumb:hover {
+            background: #bebebe;
+        }
+
+
+    </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 " 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>
+            </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=" " style="width: 30%">
+                            <img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo.png') }}" alt="">
+                        </div>
+                    </div>
+                    <div class="col-xl-8 col-12 ">
+                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end border-bottom border-white ">
+
+                            <div class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative  pb-3" style="font-family: Geologica-Light">
+
+                                <a href="#" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Колл-центр: 8 800 550-23-01 </div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Почта: info@mkgtu.ru </div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Все контакты</div>
+                                </a>
+                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> RU </div>
+                                </a>
+                                {{--                            <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
+                            </div>
+
+                        </div>
+                        <div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
+
+                            <div class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative " style="font-family: Geologica-Light">
+
+                                <a href="{{ URL::to('/') }}" class="col-auto pe-lg-3  text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Бакалавриат / Специалитет </div>
+                                </a>
+                                <a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Магистратура </div>
+                                </a>
+                                <a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                    <div class="hover2"> Иностранным абитуриентам</div>
+                                </a>
+
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+
+
+                <div class="row">
+                    <div class="col-12 text-white display-1  my-5 text-center text-md-start" style=" font-weight: 900; letter-spacing: 0em; ">
+                        ПОСТУПАЙ В МГТУ
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style="  letter-spacing: 0em; ">
+                        75 студенческих объединений
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="display-5 col-12 text-white mb-3 text-center text-md-start " style=" font-weight: 700; letter-spacing: 0em; ">
+                        3367 БЮДЖЕТНЫХ МЕСТ
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style="  letter-spacing: 0em; ">
+                        300 образовательных программ
+                    </div>
+                </div>
+                <div class="d-none d-lg-block">
+                    <br><br><br><br><br><br><br>
+                </div>
+
+                <div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative " >
+                    <a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style="  background: linear-gradient(#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>
+                    <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>
+                </div>
+
+
+            </div>
+            <div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
+        </div>
+    </header>
+
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <div class="container-fluid ms-sm-5  py-5" >
+            <div class="row">
+                <div class="display-5 col-12  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>
+            </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>
+                                <p class="text-center fs-3"> Факультет послевузовского профессионального образования </p>
+
+                                <div class="modal-body">
+                                    Основная информация
+                                </div>
+                                <div class="modal-footer">
+                                    <button type="button" class="btn btn-danger rounded-3" data-bs-dismiss="modal">Закрыть</button>
+
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+
+
+                </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>
+
+            </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/1.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/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <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 " style=" font-weight: 700; letter-spacing: 0em; ">
+                    КАЛЬКУЛЯТОР ЕГЭ
+                </div>
+            </div>
+            <div class="row mt-4">
+                <div class="col-md-4 col-12 ">
+                    <div class="row">
+
+                        <div class="text-white display-6" > Выберите предметы ЕГЭ</div>
+                        <form class="text-white mt-4 fs-4" 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>
+
+                        </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>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-6 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>
+
+                        </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>
+
+                    </div>
+
+
+                </div>
+
+            </div>
+
+
+        </div>
+        <br><br><br><br><br><br><br><br><br><br><br><br><br>
+    </div>
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
+
+        <div class="container-fluid ms-sm-5  pt-5">
+            <div class="row">
+                <div class="col-6">
+                    <div class="display-5 col-12  mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em;  ">
+                        СРОКИ ПРИЕМА
+                    </div>
+                </div>
+                <div class="col-5 d-block d-lg-flex justify-content-end">
+                    <div class="me-2 d-flex justify-content-center align-items-center ">
+                        <a href="#" class="px-5 py-2 hover3 button1 " >
+                            <div class="gradient-text">
+                                Очная
+                            </div>
+                        </a>
+                    </div>
+                    <div class="me-2 d-flex justify-content-center align-items-center ">
+                        <a href="#" class="px-5 py-2 hover3 button1">
+                            <div class="gradient-text">
+                                Заочно-очная
+                            </div>
+                        </a>
+                    </div>
+                    <div class="me-2 d-flex justify-content-center align-items-center ">
+                        <a href="#" class="px-5 py-2 hover3 button1" >
+                            <div class="gradient-text">
+                                Заочная
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="mt-3 d-flex justify-content-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>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                            <div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
+                                <div class="col-9 m-3">
+                                    <div class="fs-4 gradient-text" >
+                                        Начало приема документов
+                                    </div>
+                                    <p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
+                                        А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
+                                        маркетинга над разумом и должны быть описаны максимально подробно
+                                    </p>
+                                </div>
+                                <div class="col-12 col-xxl-2 d-flex align-items-center ">
+                                    <div>
+                                        <div class="row mb-3 ms-3">
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                            <div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+
+
+
+                        </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 class="container-fluid ms-sm-5  pt-5">
+            <div class="col-11 ">
+                <div class="row">
+
+                    <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>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-12">
+                        <div class="text-white fs-5"> Почта: </div>
+                        <p class="text-white">  info@mkgtu.ru </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-md-6 col-12">
+                        <p class="text-white">  385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
+                    </div>
+                    <div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}" alt="vid"></a>
+                        <a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
+                    </div>
+                </div>
+            </div>
+
+            <br><br><br>
+        </div>
+
+    </div>
+
+    </body>
+@endsection
diff --git a/resources/views/test-home.blade.php b/resources/views/test-home.blade.php
deleted file mode 100644
index 832f4ba..0000000
--- a/resources/views/test-home.blade.php
+++ /dev/null
@@ -1,3 +0,0 @@
-@extends('layouts.test-applicant-layout')
-@section('content')
-@endsection
diff --git a/routes/pages.php b/routes/pages.php
index 4d83cb0..344ebca 100644
--- a/routes/pages.php
+++ b/routes/pages.php
@@ -3,13 +3,17 @@
 use App\Http\Controllers\admin\PageController;
 use Illuminate\Support\Facades\Route;
 
-Route::get('/test-home', function () {
-    return view('test-home');
-})->name('test-home');
+Route::get('/inostran', function () {
+    return view('new-design.inostran');
+})->name('inostran');
+
+Route::get('/magistr', function () {
+    return view('new-design.magistr');
+})->name('magistr');
 
 Route::get('/', function () {
-    return view('home');
-})->name('home');
+    return view('new-design.bakalavr-special');
+})->name('bakalavr-special');
 
 Route::get('/course', function () {
     return view('menu.course');