Merge pull request 'minor design fixes, adding magistr and inostran pages' (#47) from RomanGolienko/Roman_applicant-site:prodV1 into main
Tests & Lint & Deploy to Railway / build (2.6.6, 20.x, 8.3) (push) Failing after 6m52s Details
Tests & Lint & Deploy to Railway / deploy (push) Has been skipped Details

Reviewed-on: http://gitea.mkgtu.ru/aslan/applicant-site/pulls/47
This commit is contained in:
aslan 2024-04-09 15:55:29 +03:00
commit dd859d0ebf
8 changed files with 2927 additions and 1403 deletions

View File

@ -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)

View File

@ -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')

View File

@ -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"
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>
<div class="col-auto pe-lg-3 text-white text-sm-start"
style="font-size: 20px;font-weight: 400;line-height: 29px;">
Колл-центр: 8 800 550-23-01
</div>
<div class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
Почта: info@mkgtu.ru
</div>
<a href="#" class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Все контакты</div>
@ -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>

View File

@ -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

File diff suppressed because it is too large Load Diff

View File

@ -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

File diff suppressed because it is too large Load Diff

View File

@ -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('/', [PageController::class, 'directions'])->name('bakalavr-special');
Route::get('/home', [PageController::class, 'bakalavr'])->name('home');
Route::get('/', [PageController::class, 'bakalavr'])->name('bakalavr-special');
Route::get('/inostran', [PageController::class, 'inostran'])->name('inostran');
Route::get('/magistr', [PageController::class, 'magistr'])->name('magistr');