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

1091 lines
63 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@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') }});
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.button1 {
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #0d6efd, #4f96ff) border-box;
border-radius: 11px;
border: 1px solid transparent;
}
.hover1:hover {
transform: scale(1.1);
transition: all .3s ease-in-out;
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;
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
!important;
transition: all .3s ease-in-out;
}
.hover3:hover div {
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
color: white;
}
/* Customize the label (the container) */
.checkbox1 {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox1 input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: 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 {
height: 30px;
width: 8px;
background-image: linear-gradient(to right, rgba(38, 159, 239, 0.6), 20%, rgba(2, 142, 229, 0.6));
opacity: 0.1;
border-radius: 10px;
transition: 0.3s;
}
/* Handle on hover */
.scroll-1::-webkit-scrollbar-thumb:hover {
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
src="{{ URL::to('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js') }}"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
</script>
<body>
<header>
<div class="container-fluid position-relative "
style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<div class=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end z-1 "
style="height: 100%; ">
<div style="width: 60%">
<img class="img-fluid float-end "
src="{{ URL::to('img/front-page/bakalavr-special/professor.png') }}" alt="">
</div>
</div>
<div class="ms-0 ms-md-5 ">
<div class="row">
<div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center mt-2">
<div class=" " style="width: 30%">
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo-white.png') }}"
alt="">
</div>
</div>
<div class="col-xl-8 col-12 ">
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end border-bottom border-white ">
<div
class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative pb-3"
style="font-family: Geologica-Light">
<a href="#" class="col-auto pe-lg-3 text-white text-sm-start"
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Колл-центр: 8 800 550-23-01</div>
</a>
<a href="#" class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Почта: info@mkgtu.ru</div>
</a>
<a href="#" class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Все контакты</div>
</a>
{{-- <a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
{{-- <div class="hover2"> RU </div>--}}
{{-- </a>--}}
{{-- <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
</div>
</div>
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
<div
class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative "
style="font-family: Geologica-Light">
<a href="{{ URL::to('/') }}" class="col-auto pe-lg-3 text-white text-sm-start"
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Бакалавриат / Специалитет</div>
</a>
<a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Магистратура</div>
</a>
<a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
<div class="hover2"> Иностранным абитуриентам</div>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 text-white display-1 my-5 text-center text-md-start"
style=" font-weight: 900; letter-spacing: 0em; ">
ПОСТУПАЙ В МГТУ
</div>
</div>
<div class="row">
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 "
style=" letter-spacing: 0em; ">
75 студенческих объединений
</div>
</div>
<div class="row">
<div class="display-5 col-12 text-white mb-3 text-center text-md-start "
style=" font-weight: 700; letter-spacing: 0em; ">
3367 БЮДЖЕТНЫХ МЕСТ
</div>
</div>
<div class="row">
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75"
style=" letter-spacing: 0em; ">
300 образовательных программ
</div>
</div>
<div class="d-none d-lg-block">
<br><br><br><br><br><br><br>
</div>
<div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative ">
<a href="#"
class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
Личный кабинет
</a>
<a href="#anchor"
class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
День открытых дверей
</a>
<a href="#"
class=" hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
Твои возможности
</a>
</div>
</div>
<div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
</div>
</header>
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<div class="container-fluid ms-sm-5 py-5">
<div class="row">
<div class="display-5 col-12 mb-3 text-center text-md-start "
style="background-image: url({{ URL::to('img/front-page/bakalavr-special/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-md-start justify-content-center">
@php use App\Services\DirectonHtmlBuilder; @endphp
@foreach($groupedDirections as $faculty)
<div class="mt-xl-5 col-xxl-4 col-md-6 col-10 ">
<!-- Button trigger modal -->
<button type="button" data-bs-toggle="modal" data-bs-target="#exampleModal-{{ $faculty['id'] }}"
class=" col-md-11 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex justify-content-start align-items-center hover1 "
style="background-color: #ffffff; border-radius: 15px; border: unset;">
<img class=" " style="width: 108px; height: auto "
src="{{ URL::to('img/faculties/5.png') }}" alt="">
<span class="ms-xl-5 ms-2 z-3 gradient-text text-start"> {{ $faculty['name'] }}</span>
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal-{{ $faculty['id'] }}" tabindex="-1"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content"> <!--style="border-radius: 30px;"-->
<div class="modal-header d-flex justify-content-center">
<img class="" style="width: 108px; height: auto "
src="{{ URL::to('img/faculties/5.png') }}" alt="">
</div>
<p class="text-center fs-3"> {{ $faculty['name'] }} </p>
<div class="modal-body d-flex justify-content-center" >
<div class="col-11">
<p class="fs-5">Основная информация</p>
<p class="fs-6"
style=" font-family: Geologica-ExtraLight; text-align: justify;"> {{ $faculty['description'] }}</p>
<p class="fs-5">Специальности</p>
<div class="table-responsive ps-4">
<table class="table w-100 fs-6"
style=" font-family: Geologica-ExtraLight;">
<tr>
<th> Название</th>
<th> Код специальности</th>
<th> Уровень образования</th>
<th> Форма обучения</th>
</tr>
@foreach ($faculty['directions'] as $direction)
<tr>
<td>
<a class=" border border-dark rounded-3 p-2 hover1"
type="button" data-bs-toggle="offcanvas"
data-bs-target="#offcanvasScrolling-{{ $direction['id'] }}"
aria-controls="offcanvasScrolling"
role="button" style="background: white">{{ $direction['name'] }}</a>
@php
$DirectonHtmlBuilder = new DirectonHtmlBuilder($direction);
echo $DirectonHtmlBuilder->getHTML();
@endphp
</td>
<td> {{ $direction['code'] }} </td>
<td> {{ $direction['education_level'] }} </td>
@php
$educationForms = '';
foreach ($direction['education_form'] as $educationForm) {
$educationForms .= $educationForm . ', ';
}
$educationForms = substr($educationForms, 0, -2);
@endphp
<td> {{$educationForms}} </td>
</tr>
@endforeach
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Закрыть
</button>
</div>
</div>
</div>
</div>
</div>
@endforeach
<!--Здесь пишем ЯВА СКРИПТ-->
<script>
$(".button_chng_instit").click(function () {
let id=$(this).data('id');
let institut=$(this).data('institut');
if(institut=='mgtu') {
$("#content_budget_filial_" + id).hide();
$("#content_budget_mgtu_" + id).show();
$("#id_mgtu_" + id).show();
$("#id_filial_" + id).hide();
}else{
$("#content_budget_filial_"+id).show();
$("#content_budget_mgtu_"+id).hide();
$("#id_mgtu_"+id).hide();
$("#id_filial_"+id).show();
}
});
</script>
</div>
</div>
</div>
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<div class="container-fluid ms-sm-5 py-5">
<div class="row">
<div class="display-5 col-12 text-white mb-3 text-center text-md-start "
style=" font-weight: 700; letter-spacing: 0em; ">
КАЛЬКУЛЯТОР ЕГЭ
</div>
</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 calcul" style=" font-family: Geologica-ExtraLight">
<script
src="{{ URL::to('https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js')}}"></script>
@foreach($subjects as $id => $name)
@if($name === "Русский язык" || $name === "Математика" )
<label class="checkbox1"> {{ $name }}
<input class="checkbox_input_clear" type="checkbox" checked="checked"
value="{{ $id }}">
<span class="checkmark"></span>
</label>
@endif
@endforeach
<hr class="col-5">
@foreach($subjects as $id => $name)
@if($name !== "Русский язык" && $name !== "Математика" )
<label class="checkbox1"> {{ $name }}
<input class="checkbox_input_clear" type="checkbox" value="{{ $id }}">
<span class="checkmark"></span>
</label>
@endif
@endforeach
</form>
<div class="row d-md-block d-flex ms-md-3 justify-content-center">
<a role="button" style="border-radius: 11px; font-family: Geologica-ExtraLight"
class="hover3 unclearall mt-4 col-5 text-white p-2 border border-white d-inline-flex justify-content-center shadow">
Сбросить фильтр </a>
</div>
<script>window.onload = function () {
$(".unclearall").click(function () {
$('input[type="checkbox"]').prop('checked', false);
return false;
})
$(".calcul input").click(function () {
$('.text-remove').remove();
let selected = [];
let predmets = '';
$('.calcul input:checked').each(function () {
selected.push(+$(this).val());
predmets += $(this).val() + ',';
});
$.ajax({
url: "{{ route('calculator') }}",
dataType: 'json',
cache: false,
type: "POST",
data: 'ajx=get_napr&format=html&predmets=' + JSON.stringify(selected),
success: function (data) {
$(".calcul_rez").html('<tr><th class="fs-5"> Направление </th><th style="text-align: right;"> Цена за обучение</th><th class="fs-5" style="text-align: right;"> Период обучения (в годах)</th></tr>');
$(".calcul_rez").append(data.html);
}
});
});
};
</script>
</div>
</div>
<div class="col-md-7 mt-md-0 mt-5 col-12">
<div class="d-flex border border-white py-5 justify-content-center align-items-center"
style="border-radius: 50px; min-height: 200px;">
<div class="col-12 text-remove text-white w-100 text-center fs-4"
style="font-family: Geologica-ExtraLight">Выберите предметы
</div>
<div class="table-responsive p-5 w-100 " style=" max-height: 700px; ">
<table class=" text-white calcul_rez"
style="width: 90%; font-family: Geologica-ExtraLight;">
</table>
</div>
</div>
</div>
</div>
</div>
<div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
<div class="container-fluid ms-sm-5 pt-5">
<a id="anchor"></a>
<div class="row">
<div class="col d-lg-block d-flex justify-content-center">
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text "
style=" font-weight: 700; letter-spacing: 0em; ">
ЭКРАН ПРИЕМА
</div>
</div>
<!--<div class="col-5 d-block d-lg-flex justify-content-end">
<div class="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-start scroll-1 ps-lg-0 ms-lg-0 ps-3 ms-3">
<div class="row ps-2 scroll-1 mb-4 " style=" overflow:auto; width: 95%; height: 60em;">
<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>
<br><br><br><br><br><br><br><br>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- <div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; ">
<div id="carouselExampleIndicators" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner px-5 pt-5">
<div class="carousel-item active " >
<div class="row d-flex align-items-center " >
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px; ">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item " >
<div class="row d-flex align-items-center " >
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px; ">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item " >
<div class="row d-flex align-items-center " >
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px; ">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item " >
<div class="row d-flex align-items-center " >
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative " style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover; ">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px; ">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете.qwfqaswefqaswfswfqaeswf </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12 " style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
<div class="col-xl col-12" style=" height: 25em;">
<div class="w-100 h-75 position-relative" style="border-radius: 20px; background-image: url({{ URL::to('img/front-page/e3305c89b9b89821588364d5e898afc0.jpg') }}); background-repeat: no-repeat; background-size: cover;">
<div class="position-absolute bottom-0 bg-white " style="border-radius: 20px;">
<div class="gradient-text p-3">
<strong class="fs-5" style="font-family: Geologica-Light"> Завершение приема документов </strong>
<p style="font-family: Geologica-ExtraLight"> Но явные признаки победы институционализации представлены в исключительно положительном свете. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div> --}}
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/footer_fon.png') }}); background-size: cover; ">
<div class="container-fluid ms-sm-5 pt-5 ">
<div class="row">
<div class="ms-4 col-auto ">
<div class="col-12">
<div class="text-white fs-4"> Приемная коммисия:</div>
<p class="text-white"> (8772) 52-30-08 </p>
</div>
<div class="col-12">
<div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
<p class="text-white"> 8-938-530-53-14 </p>
</div>
<div class="col-12">
<div class="text-white fs-4"> Почта:</div>
<p class="text-white"> info@mkgtu.ru </p>
</div>
<div class="col-12">
<p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
</div>
<div class="col-12">
<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 class="col">
<div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abce7036e67cc958b252a800040dcada03df467881dac609a6f6b7ef8618fe7a1&amp;width=500&amp;height=400&amp;lang=ru_RU&amp;scroll=true"></script>
</div>
</div>
</div>
</div>
<br><br><br>
</div>
</div>
</body>
@endsection