Merge pull request 'minor design fixes, adding magistr and inostran pages' (#47) from RomanGolienko/Roman_applicant-site:prodV1 into main

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

app/Http/Controllers/admin/PageController.php

@@ -21,7 +21,7 @@ class PageController extends Controller
 //        return view('menu.reception-screen', compact('admissions'));
 //    }
 
-    public function directions()
+    public function bakalavr()
     {
         $admissions = Admission::all();
         $faculties = Faculty::all();
@@ -177,6 +177,320 @@ class PageController extends Controller
             'admissions',
         ));
     }
+    public function inostran()
+    {
+        $admissions = Admission::all();
+        $faculties = Faculty::all();
+        $subjects = EntranceExamination::all()
+            ->select('subject_id', 'subject_type_id', 'examination_type_id')
+            ->where('examination_type_id', '=', ExaminationTypeEnum::Ege->value)
+            ->reduce(function (?array $carry, $subject) {
+                $id = $subject['subject_id'];
+                $value = Subject::find($id)->name;
+                $carry[$id] = $value;
+                return $carry;
+            });
+        $directionsWithInstitution = Direction::with(['department'])
+            ->join('departments', 'directions.department_id', '=', 'departments.id')
+            ->join('faculties', 'departments.faculty_id', '=', 'faculties.id')
+            ->join(
+                'educational_institutions',
+                'faculties.educational_institution_id',
+                '=',
+                'educational_institutions.id'
+            )
+            ->get([
+                'directions.id',
+                'directions.name',
+                "educational_institutions.name as educational_institution_name"
+            ]);
+        //phpcs:disable
+        $directionsGroups = Direction::with(['department'])
+            ->leftJoin('direction_direction_profile', 'directions.id', '=', 'direction_direction_profile.direction_id')
+            ->leftJoin('direction_profiles','direction_direction_profile.direction_profile_id','=','direction_profiles.id')
+            ->leftJoin('departments', 'directions.department_id', '=', 'departments.id')
+            ->leftJoin('faculties', 'departments.faculty_id', '=', 'faculties.id')
+            ->leftJoin('education_levels', 'directions.education_level_id', '=', 'education_levels.id')
+            ->leftJoin('education_forms', 'directions.education_form_id', '=', 'education_forms.id')
+            ->leftJoin('entrance_examinations', 'entrance_examinations.direction_id', '=', 'directions.id')
+            ->leftJoin('educational_institutions','faculties.educational_institution_id','=','educational_institutions.id')
+            ->leftJoin('examination_types', 'entrance_examinations.examination_type_id', '=', 'examination_types.id')
+            ->leftJoin('subject_types', 'entrance_examinations.subject_type_id', '=', 'subject_types.id')
+            ->leftJoin('subjects', 'entrance_examinations.subject_id', '=', 'subjects.id')
+            ->select(
+                'directions.id as direction_id',
+                'directions.code as direction_code',
+                'directions.name as direction_name',
+                'directions.description as direction_description',
+                'directions.budget_places as direction_budget_places',
+                'directions.paid_places as direction_paid_places',
+                'directions.cost_paid_place as direction_cost_paid_place',
+                'directions.period as direction_period',
+                'education_levels.name as education_level_name',
+                'education_forms.name as education_form_name',
+                'faculties.id as faculty_id',
+                'faculties.name as faculty_name',
+                'faculties.description as faculty_description',
+                'educational_institutions.id as educational_institution_id',
+                'educational_institutions.name as educational_institution_name',
+                'direction_profiles.id as direction_profile_id',
+                'entrance_examinations.scores as entrance_examination_score',
+                'examination_types.name as examination_type_name',
+                'subject_types.name as subject_type_name',
+                'subjects.name as subject_name',
+                'direction_profiles.name as direction_profile_name',
+            )
+            ->get()->toArray();
+        //phpcs:enable
+        $branches = [];
+        $directionsGroupWithOutBranch = array_reduce($directionsGroups, function ($acc, $direction) use (&$branches) {
+
+            if ($direction['educational_institution_id'] == 3) {
+                $branches[] = $direction;
+            }
+            $acc[] = $direction;
+            return $acc;
+        }, []);
+
+        $groupedDirections = collect($directionsGroupWithOutBranch)
+            ->reduce(function ($carry, $item, $key) use ($branches) {
+                [
+                    'direction_id' => $directionId,
+                    'direction_name' => $directionName,
+                    'direction_code' => $directionCode,
+                    'educational_institution_id' => $educational_institution_id,
+                    'educational_institution_name' => $educationalInstitutionName,
+                    'faculty_id' => $facultyId,
+                    'faculty_name' => $facultyName,
+                    'faculty_description' => $facultyDescription,
+                    'education_level_name' => $educationLevelName,
+                    'education_form_name' => $educationFormName,
+                    'entrance_examination_score' => $entranceExaminationScore,
+                    'examination_type_name' => $examinationTypeName,
+                    'subject_type_name' => $subjectTypeName,
+                    'subject_name' => $subjectName,
+                    'direction_profile_name' => $directionProfileName,
+                    'direction_budget_places' => $directionBudgetPlaces,
+                    'direction_paid_places' => $directionPaidPlaces,
+                    'direction_cost_paid_place' => $directionCostPaidPlace,
+                    'direction_period' => $directionPeriod,
+                    'direction_description' => $directionDescription,
+                ] = $item;
+
+                $carry[$facultyName]['id'] = $facultyId;
+                $carry[$facultyName]['name'] = $facultyName;
+                $carry[$facultyName]['description'] = $facultyDescription;
+                $carry[$facultyName]['directions'][$directionName]['name'] =  $directionName;
+                $carry[$facultyName]['directions'][$directionName]['id'] =  $directionId;
+                $carry[$facultyName]['directions'][$directionName]['code'] =  $directionCode;
+                $carry[$facultyName]['directions'][$directionName]['education_level'] =  $educationLevelName;
+                $carry[$facultyName]['directions'][$directionName]['education_form'][] = $educationFormName;
+                $carry[$facultyName]['directions'][$directionName]['education_form'] = array_unique(
+                    $carry[$facultyName]['directions'][$directionName]['education_form']
+                );
+                $carry[$facultyName]['directions'][$directionName]['entrance_examinations']
+                [$examinationTypeName][$subjectTypeName][$subjectName] = $entranceExaminationScore;
+                $carry[$facultyName]['directions'][$directionName]['budget_places']
+                [$educationalInstitutionName][$directionProfileName][$educationFormName] = $directionBudgetPlaces;
+
+
+                $carry[$facultyName]['directions'][$directionName]['paid_places']
+                [$educationalInstitutionName][$directionProfileName][$educationFormName] = $directionPaidPlaces;
+
+                /*$carry[$facultyName]['directions'][$directionName]
+                ['paid_places'][$educationFormName] = $directionPaidPlaces;*/
+
+
+                $carry[$facultyName]['directions'][$directionName]
+                ['cost_paid_place'][$educationFormName] = $directionCostPaidPlace;
+                $carry[$facultyName]['directions'][$directionName]['period'][$educationFormName] = $directionPeriod;
+                $carry[$facultyName]['directions'][$directionName]['description'] = $directionDescription;
+
+                foreach ($branches as $branch) {
+                    [
+                        'direction_name' => $directionNameBranch,
+                        'educational_institution_name' => $educationalInstitutionNameBranch,
+                        'direction_profile_name' => $directionProfileNameBranch,
+                        'education_form_name' => $educationFormNameBranch,
+                        'direction_budget_places' => $directionBudgetPlacesBranch
+                    ] = $branch;
+                    if ($directionNameBranch === $directionName) {
+                        $carry[$facultyName]['directions'][$directionName]['budget_places']
+                        [$educationalInstitutionNameBranch][$directionProfileNameBranch]
+                        [$educationFormNameBranch] = $directionBudgetPlacesBranch;
+                    }
+                }
+
+
+                return $carry;
+            }, []);
+
+        return view('new-design.inostran', compact(
+            'faculties',
+            'subjects',
+            'directionsWithInstitution',
+            'groupedDirections',
+            'admissions',
+        ));
+    }
+
+    public function magistr()
+    {
+        $admissions = Admission::all();
+        $faculties = Faculty::all();
+        $subjects = EntranceExamination::all()
+            ->select('subject_id', 'subject_type_id', 'examination_type_id')
+            ->where('examination_type_id', '=', ExaminationTypeEnum::Ege->value)
+            ->reduce(function (?array $carry, $subject) {
+                $id = $subject['subject_id'];
+                $value = Subject::find($id)->name;
+                $carry[$id] = $value;
+                return $carry;
+            });
+        $directionsWithInstitution = Direction::with(['department'])
+            ->join('departments', 'directions.department_id', '=', 'departments.id')
+            ->join('faculties', 'departments.faculty_id', '=', 'faculties.id')
+            ->join(
+                'educational_institutions',
+                'faculties.educational_institution_id',
+                '=',
+                'educational_institutions.id'
+            )
+            ->get([
+                'directions.id',
+                'directions.name',
+                "educational_institutions.name as educational_institution_name"
+            ]);
+        //phpcs:disable
+        $directionsGroups = Direction::with(['department'])
+            ->leftJoin('direction_direction_profile', 'directions.id', '=', 'direction_direction_profile.direction_id')
+            ->leftJoin('direction_profiles','direction_direction_profile.direction_profile_id','=','direction_profiles.id')
+            ->leftJoin('departments', 'directions.department_id', '=', 'departments.id')
+            ->leftJoin('faculties', 'departments.faculty_id', '=', 'faculties.id')
+            ->leftJoin('education_levels', 'directions.education_level_id', '=', 'education_levels.id')
+            ->leftJoin('education_forms', 'directions.education_form_id', '=', 'education_forms.id')
+            ->leftJoin('entrance_examinations', 'entrance_examinations.direction_id', '=', 'directions.id')
+            ->leftJoin('educational_institutions','faculties.educational_institution_id','=','educational_institutions.id')
+            ->leftJoin('examination_types', 'entrance_examinations.examination_type_id', '=', 'examination_types.id')
+            ->leftJoin('subject_types', 'entrance_examinations.subject_type_id', '=', 'subject_types.id')
+            ->leftJoin('subjects', 'entrance_examinations.subject_id', '=', 'subjects.id')
+            ->select(
+                'directions.id as direction_id',
+                'directions.code as direction_code',
+                'directions.name as direction_name',
+                'directions.description as direction_description',
+                'directions.budget_places as direction_budget_places',
+                'directions.paid_places as direction_paid_places',
+                'directions.cost_paid_place as direction_cost_paid_place',
+                'directions.period as direction_period',
+                'education_levels.name as education_level_name',
+                'education_forms.name as education_form_name',
+                'faculties.id as faculty_id',
+                'faculties.name as faculty_name',
+                'faculties.description as faculty_description',
+                'educational_institutions.id as educational_institution_id',
+                'educational_institutions.name as educational_institution_name',
+                'direction_profiles.id as direction_profile_id',
+                'entrance_examinations.scores as entrance_examination_score',
+                'examination_types.name as examination_type_name',
+                'subject_types.name as subject_type_name',
+                'subjects.name as subject_name',
+                'direction_profiles.name as direction_profile_name',
+            )
+            ->get()->toArray();
+        //phpcs:enable
+        $branches = [];
+        $directionsGroupWithOutBranch = array_reduce($directionsGroups, function ($acc, $direction) use (&$branches) {
+
+            if ($direction['educational_institution_id'] == 3) {
+                $branches[] = $direction;
+            }
+            $acc[] = $direction;
+            return $acc;
+        }, []);
+
+        $groupedDirections = collect($directionsGroupWithOutBranch)
+            ->reduce(function ($carry, $item, $key) use ($branches) {
+                [
+                    'direction_id' => $directionId,
+                    'direction_name' => $directionName,
+                    'direction_code' => $directionCode,
+                    'educational_institution_id' => $educational_institution_id,
+                    'educational_institution_name' => $educationalInstitutionName,
+                    'faculty_id' => $facultyId,
+                    'faculty_name' => $facultyName,
+                    'faculty_description' => $facultyDescription,
+                    'education_level_name' => $educationLevelName,
+                    'education_form_name' => $educationFormName,
+                    'entrance_examination_score' => $entranceExaminationScore,
+                    'examination_type_name' => $examinationTypeName,
+                    'subject_type_name' => $subjectTypeName,
+                    'subject_name' => $subjectName,
+                    'direction_profile_name' => $directionProfileName,
+                    'direction_budget_places' => $directionBudgetPlaces,
+                    'direction_paid_places' => $directionPaidPlaces,
+                    'direction_cost_paid_place' => $directionCostPaidPlace,
+                    'direction_period' => $directionPeriod,
+                    'direction_description' => $directionDescription,
+                ] = $item;
+
+                $carry[$facultyName]['id'] = $facultyId;
+                $carry[$facultyName]['name'] = $facultyName;
+                $carry[$facultyName]['description'] = $facultyDescription;
+                $carry[$facultyName]['directions'][$directionName]['name'] =  $directionName;
+                $carry[$facultyName]['directions'][$directionName]['id'] =  $directionId;
+                $carry[$facultyName]['directions'][$directionName]['code'] =  $directionCode;
+                $carry[$facultyName]['directions'][$directionName]['education_level'] =  $educationLevelName;
+                $carry[$facultyName]['directions'][$directionName]['education_form'][] = $educationFormName;
+                $carry[$facultyName]['directions'][$directionName]['education_form'] = array_unique(
+                    $carry[$facultyName]['directions'][$directionName]['education_form']
+                );
+                $carry[$facultyName]['directions'][$directionName]['entrance_examinations']
+                [$examinationTypeName][$subjectTypeName][$subjectName] = $entranceExaminationScore;
+                $carry[$facultyName]['directions'][$directionName]['budget_places']
+                [$educationalInstitutionName][$directionProfileName][$educationFormName] = $directionBudgetPlaces;
+
+
+                $carry[$facultyName]['directions'][$directionName]['paid_places']
+                [$educationalInstitutionName][$directionProfileName][$educationFormName] = $directionPaidPlaces;
+
+                /*$carry[$facultyName]['directions'][$directionName]
+                ['paid_places'][$educationFormName] = $directionPaidPlaces;*/
+
+
+                $carry[$facultyName]['directions'][$directionName]
+                ['cost_paid_place'][$educationFormName] = $directionCostPaidPlace;
+                $carry[$facultyName]['directions'][$directionName]['period'][$educationFormName] = $directionPeriod;
+                $carry[$facultyName]['directions'][$directionName]['description'] = $directionDescription;
+
+                foreach ($branches as $branch) {
+                    [
+                        'direction_name' => $directionNameBranch,
+                        'educational_institution_name' => $educationalInstitutionNameBranch,
+                        'direction_profile_name' => $directionProfileNameBranch,
+                        'education_form_name' => $educationFormNameBranch,
+                        'direction_budget_places' => $directionBudgetPlacesBranch
+                    ] = $branch;
+                    if ($directionNameBranch === $directionName) {
+                        $carry[$facultyName]['directions'][$directionName]['budget_places']
+                        [$educationalInstitutionNameBranch][$directionProfileNameBranch]
+                        [$educationFormNameBranch] = $directionBudgetPlacesBranch;
+                    }
+                }
+
+
+                return $carry;
+            }, []);
+
+        return view('new-design.magistr', compact(
+            'faculties',
+            'subjects',
+            'directionsWithInstitution',
+            'groupedDirections',
+            'admissions',
+        ));
+    }
+
 
 
     public function calculator($request)

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

@@ -29,4 +29,188 @@
 {{--   <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 {
+
+        font-family: "Geologica-Medium";
+
+        src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");
+
+    }
+
+    @font-face {
+
+        font-family: "Geologica-ExtraLight";
+
+        src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
+        font-style: normal;
+        font-weight: normal;
+    }
+
+    @font-face {
+
+        font-family: "Geologica-Light";
+
+        src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
+        font-style: normal;
+        font-weight: normal;
+    }
+
+    html {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+
+    }
+
+    body {
+        {{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
+        overflow-x: hidden;
+        background-repeat: no-repeat;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+
+        font-family: "Geologica-Medium";!important;
+    }
+
+    a {
+        text-decoration: none;
+        color: unset;
+    }
+
+    a:hover {
+        color: unset;
+
+    }
+    .default-focus{
+
+
+        border-color: #198754;
+        box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);
+
+    }
+    .hover1:hover {
+        transform: scale(1.1);
+        transition: all .3s ease-in-out;
+        z-index: 1052;
+
+
+    }
+
+    .hover2:hover {
+        color: #d3d3d3;
+        transition: all .4s ease-in-out;
+        /*border: solid;*/
+        /*border-radius: 8rem;*/
+        /*padding: 5px 8px;*/
+        /*border-color: #ffffff;*/
+    }
+    .hover3:hover div {
+        -webkit-background-clip: unset;
+        -webkit-text-fill-color: unset;
+        color: white;
+    }
+
+    /* Customize the label (the container) */
+    .checkbox1 {
+        display: block;
+        position: relative;
+        padding-left: 35px;
+        margin-bottom: 12px;
+        cursor: pointer;
+
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+
+    }
+
+    /* Hide the browser's default checkbox */
+    .checkbox1 input {
+        position: absolute;
+        opacity: 0;
+        cursor: pointer;
+        height: 0;
+        width: 0;
+    }
+
+    /* Create a custom checkbox */
+    .checkmark {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 25px;
+        width: 25px;
+        background-color: transparent;
+        border: 1px solid rgb(241, 241, 241);
+        border-radius: 8px;
+    }
+    .checkbox1 input:checked ~ .checkmark {
+        background-color: rgb(255, 255, 255);
+
+    }
+
+    /* Create the checkmark/indicator (hidden when not checked) */
+    .checkmark:after {
+        content: "";
+        position: absolute;
+        display: none;
+    }
+
+    /* Show the checkmark when checked */
+    .checkbox1 input:checked ~ .checkmark:after {
+        display: block;
+    }
+
+    /* Style the checkmark/indicator */
+    .checkbox1 .checkmark:after {
+
+    }
+
+    td {
+        padding-top: 20px;
+        padding-bottom: 10px;
+
+    }
+
+    tr {
+        vertical-align: top;
+    }
+
+    #faculty {
+        width: 40%;
+    }
+
+    /* width */
+    .scroll-1::-webkit-scrollbar {
+        width: 15px;
+        transition: 0.3s;
+        border-radius: 20px;
+    }
+
+    /* Track */
+    .scroll-1::-webkit-scrollbar-track {
+        background: #bdbdbd;
+
+
+        border-radius: 20px;
+
+    }
+    .accordion-button:not(.collapsed) {
+        color: #007337;
+        background-color: transparent;
+        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
+    }
+    .accordion-button:focus {
+
+        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
+    }
+    .accordion-button:not(.collapsed)::after {
+        background-image: url({{ URL::to("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#35af00' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}});
+        transform: rotate(-180deg);
+    }
+</style>
 @yield('content')

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

@@ -1,68 +1,6 @@
 @extends('layouts.new-design-layout')
 @section('content')
     <style>
-        @font-face {
-
-            font-family: "Geologica-Medium";
-
-            src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");
-
-        }
-
-        @font-face {
-
-            font-family: "Geologica-ExtraLight";
-
-            src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
-            font-style: normal;
-            font-weight: normal;
-        }
-
-        @font-face {
-
-            font-family: "Geologica-Light";
-
-            src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
-            font-style: normal;
-            font-weight: normal;
-        }
-
-        html {
-            width: 100%;
-            height: 100%;
-            margin: 0;
-            padding: 0;
-
-        }
-
-        body {
-            {{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
-             overflow-x: hidden;
-            background-repeat: no-repeat;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-
-            font-family: "Geologica-Medium";
-        !important;
-        }
-
-        a {
-            text-decoration: none;
-            color: unset;
-        }
-
-        a:hover {
-            color: unset;
-
-        }
-        .default-focus{
-
-
-            border-color: #198754;
-            box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);
-
-        }
 
         .gradient-text {
             background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
@@ -77,24 +15,6 @@
 
         }
 
-
-        .hover1:hover {
-            transform: scale(1.1);
-            transition: all .3s ease-in-out;
-            z-index: 1052;
-
-
-        }
-
-        .hover2:hover {
-            color: #d3d3d3;
-            transition: all .4s ease-in-out;
-            /*border: solid;*/
-            /*border-radius: 8rem;*/
-            /*padding: 5px 8px;*/
-            /*border-color: #ffffff;*/
-        }
-
         .hover3:hover {
 
             border: unset;
@@ -106,105 +26,14 @@
 
         }
 
-        .hover3:hover div {
-            -webkit-background-clip: unset;
-            -webkit-text-fill-color: unset;
-            color: white;
-        }
 
-        /* Customize the label (the container) */
-        .checkbox1 {
-            display: block;
-            position: relative;
-            padding-left: 35px;
-            margin-bottom: 12px;
-            cursor: pointer;
-
-            -webkit-user-select: none;
-            -moz-user-select: none;
-            -ms-user-select: none;
-            user-select: none;
-
-        }
-
-        /* Hide the browser's default checkbox */
-        .checkbox1 input {
-            position: absolute;
-            opacity: 0;
-            cursor: pointer;
-            height: 0;
-            width: 0;
-        }
-
-        /* Create a custom checkbox */
-        .checkmark {
-            position: absolute;
-            top: 0;
-            left: 0;
-            height: 25px;
-            width: 25px;
-            background-color: transparent;
-            border: 1px solid rgb(241, 241, 241);
-            border-radius: 8px;
-        }
 
         /* On mouse-over, add a grey background color */
         .checkbox1:hover input ~ .checkmark {
             background-color: rgba(64, 160, 241, 0.85);
         }
 
-        /* When the checkbox is checked, add a blue background */
-        .checkbox1 input:checked ~ .checkmark {
-            background-color: rgb(255, 255, 255);
 
-        }
-
-        /* Create the checkmark/indicator (hidden when not checked) */
-        .checkmark:after {
-            content: "";
-            position: absolute;
-            display: none;
-        }
-
-        /* Show the checkmark when checked */
-        .checkbox1 input:checked ~ .checkmark:after {
-            display: block;
-        }
-
-        /* Style the checkmark/indicator */
-        .checkbox1 .checkmark:after {
-
-        }
-
-        td {
-            padding-top: 20px;
-            padding-bottom: 10px;
-
-        }
-
-        tr {
-            vertical-align: top;
-        }
-
-        #faculty {
-            width: 40%;
-        }
-
-        /* width */
-        .scroll-1::-webkit-scrollbar {
-            width: 15px;
-            transition: 0.3s;
-            border-radius: 20px;
-        }
-
-        /* Track */
-        .scroll-1::-webkit-scrollbar-track {
-            background: #bdbdbd;
-
-
-            border-radius: 20px;
-
-        }
 
         /* Handle */
         .scroll-1::-webkit-scrollbar-thumb {
@@ -224,19 +53,7 @@
             background-image: linear-gradient(to right, rgb(38, 159, 239), 20%, rgb(2, 142, 229));
             transition: 0.3s;
         }
-        .accordion-button:not(.collapsed) {
-            color: #007337;
-            background-color: transparent;
-            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
-        }
-        .accordion-button:focus {
 
-            box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
-        }
-        .accordion-button:not(.collapsed)::after {
-            background-image: url({{ URL::to("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#35af00' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}});
-            transform: rotate(-180deg);
-        }
 
     </style>
     <script
@@ -272,14 +89,14 @@
                                 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"
+                                <div  class="col-auto pe-lg-3  text-white text-sm-start"
-                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                      style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                    <div class="hover2"> Колл-центр: 8 800 550-23-01</div>
+                                    Колл-центр: 8 800 550-23-01
-                                </a>
+                                </div>
-                                <a href="#" class="col-auto px-lg-3 text-white text-sm-start "
+                                <div class="col-auto px-lg-3 text-white text-sm-start "
-                                   style="font-size: 20px;font-weight: 400;line-height: 29px;">
+                                     style="font-size: 20px;font-weight: 400;line-height: 29px;">
-                                    <div class="hover2"> Почта: info@mkgtu.ru</div>
+                                    Почта: info@mkgtu.ru
-                                </a>
+                                </div>
                                 <a href="#" class="col-auto px-lg-3 text-white text-sm-start "
                                    style="font-size: 20px;font-weight: 400;line-height: 29px;">
                                     <div class="hover2"> Все контакты</div>
@@ -368,7 +185,7 @@
                                 <div class="modal-body">
                                     <div class="row">
                                         <div class="col">
-                                                                                    <iframe width="100%" height="600" src="https://rutube.ru/play/embed/c2f57bbb4c09b2c8dc78b5e5ccd9cefb" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+                                                                                    <iframe width="100%" height="600" src="https://rutube.ru/play/embed/ab6d3a9c514cdd8fa91c73eb724cccf1/" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                                         </div>
                                     </div>
                                 </div>
@@ -463,6 +280,7 @@
                                                     </tr>
 
                                                     @foreach ($faculty['directions'] as $direction)
+                                                            @if($direction['education_level'] != 'магистратура')
 
                                                             <tr>
                                                                 <td>
@@ -490,6 +308,8 @@
                                                                 @endphp
                                                                 <td> {{$educationForms}} </td>
                                                             </tr>
+                                                            @endif
+
                                                     @endforeach
                                                 </table>
                                             </div>

resources/views/new-design/inostran-old.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/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;
+        }
+
+
+    </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/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>
+
+            <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(#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 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/inostran/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" 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/7.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет аграрных технологий</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/12.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Педиатрический факультет</p>
+
+                    </a>
+                </div>
+
+            </div>
+            <div class="row d-flex mt-md-4 justify-content-center">
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/13.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Фармацевтический факультет</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/4.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет международного образования</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/11.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Стоматологический факультет </p>
+
+                    </a>
+                </div>
+
+            </div>
+            <div class="row d-flex mt-md-4 justify-content-center">
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/6.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Экологический факультет</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Медицинский факультет </p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/2.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет экономики и управления </p>
+
+                    </a>
+                </div>
+
+            </div>
+            <div class="row d-flex mt-md-4 justify-content-xxl-start justify-content-center">
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/3.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет информационных систем в экономике и юрисприденции</p>
+
+                    </a>
+                </div>
+
+
+            </div>
+
+
+
+
+        </div>
+    </div>
+
+    <div style="background-image: url({{ URL::to('img/front-page/inostran/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/inostran/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/inostran/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

resources/views/new-design/magistr-old.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/7.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет аграрных технологий</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/12.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Педиатрический факультет</p>
+
+                    </a>
+                </div>
+
+            </div>
+            <div class="row d-flex mt-md-4 justify-content-center">
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/13.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Фармацевтический факультет</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/4.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет международного образования</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/11.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Стоматологический факультет </p>
+
+                    </a>
+                </div>
+
+            </div>
+            <div class="row d-flex mt-md-4 justify-content-center">
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/6.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Экологический факультет</p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Медицинский факультет </p>
+
+                    </a>
+                </div>
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/2.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет экономики и управления </p>
+
+                    </a>
+                </div>
+
+            </div>
+            <div class="row d-flex mt-md-4 justify-content-xxl-start justify-content-center">
+                <div class="col-xxl-4 col-md-6 col-10">
+                    <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
+
+                        <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/3.png') }}" alt="">
+                        <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет информационных систем в экономике и юрисприденции</p>
+
+                    </a>
+                </div>
+
+
+            </div>
+
+
+
+
+        </div>
+    </div>
+
+    <div style="background-image: url({{ URL::to('img/front-page/magistr/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

routes/pages.php

@@ -12,8 +12,11 @@ Route::get('/magistr', function () {
     return view('new-design.magistr');
 })->name('magistr');
 
-Route::get('/home', [PageController::class, 'directions'])->name('home');
+Route::get('/home', [PageController::class, 'bakalavr'])->name('home');
-Route::get('/', [PageController::class, 'directions'])->name('bakalavr-special');
+Route::get('/', [PageController::class, 'bakalavr'])->name('bakalavr-special');
+Route::get('/inostran', [PageController::class, 'inostran'])->name('inostran');
+Route::get('/magistr', [PageController::class, 'magistr'])->name('magistr');
+