forked from aslan/applicant-site
937 lines
53 KiB
PHP
937 lines
53 KiB
PHP
|
||
@extends('layouts.new-design-layout')
|
||
@section('content')
|
||
<style>
|
||
@font-face {
|
||
|
||
font-family: "Geologica-Medium";
|
||
|
||
src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");
|
||
|
||
}
|
||
@font-face {
|
||
|
||
font-family: "Geologica-ExtraLight";
|
||
|
||
src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
}
|
||
@font-face {
|
||
|
||
font-family: "Geologica-Light";
|
||
|
||
src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
}
|
||
html {
|
||
width: 100%;
|
||
height: 100%;
|
||
margin: 0;
|
||
padding: 0;
|
||
|
||
}
|
||
body {
|
||
{{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
|
||
overflow-x: hidden;
|
||
background-repeat: no-repeat;
|
||
width: 100%;
|
||
height: 100%;
|
||
object-fit: cover;
|
||
|
||
font-family: "Geologica-Medium"; !important;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
color: unset;
|
||
}
|
||
a:hover{
|
||
|
||
|
||
}
|
||
|
||
|
||
.gradient-text{
|
||
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.button1{
|
||
background: linear-gradient(white, white) padding-box, linear-gradient(to right,#0d6efd , #4f96ff) border-box;
|
||
border-radius: 11px;
|
||
border: 1px solid transparent;
|
||
|
||
}
|
||
.hover1:hover {
|
||
transform: scale(1.1);
|
||
transition: all .3s ease-in-out;
|
||
|
||
|
||
}
|
||
.hover2:hover {
|
||
color: #d3d3d3;
|
||
transition: all .4s ease-in-out;
|
||
/*border: solid;*/
|
||
/*border-radius: 8rem;*/
|
||
/*padding: 5px 8px;*/
|
||
/*border-color: #ffffff;*/
|
||
}
|
||
.hover3:hover {
|
||
|
||
border: unset;
|
||
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});!important;
|
||
|
||
|
||
|
||
transition: all .3s ease-in-out;
|
||
|
||
}
|
||
.hover3:hover div{
|
||
-webkit-background-clip: unset;
|
||
-webkit-text-fill-color: unset;
|
||
color: white;
|
||
}
|
||
|
||
/* Customize the label (the container) */
|
||
.checkbox1 {
|
||
display: block;
|
||
position: relative;
|
||
padding-left: 35px;
|
||
margin-bottom: 12px;
|
||
cursor: pointer;
|
||
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
|
||
}
|
||
|
||
/* Hide the browser's default checkbox */
|
||
.checkbox1 input {
|
||
position: absolute;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
height: 0;
|
||
width: 0;
|
||
}
|
||
|
||
/* Create a custom checkbox */
|
||
.checkmark {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
height: 25px;
|
||
width: 25px;
|
||
background-color: rgba(255, 255, 255, 0.18);
|
||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||
border-radius: 5px;
|
||
}
|
||
|
||
/* On mouse-over, add a grey background color */
|
||
.checkbox1:hover input ~ .checkmark {
|
||
background-color: rgba(44, 131, 204, 0.85);
|
||
}
|
||
|
||
/* When the checkbox is checked, add a blue background */
|
||
.checkbox1 input:checked ~ .checkmark {
|
||
background-color: rgb(255, 255, 255);
|
||
}
|
||
|
||
/* Create the checkmark/indicator (hidden when not checked) */
|
||
.checkmark:after {
|
||
content: "";
|
||
position: absolute;
|
||
display: none;
|
||
}
|
||
|
||
/* Show the checkmark when checked */
|
||
.checkbox1 input:checked ~ .checkmark:after {
|
||
display: block;
|
||
}
|
||
|
||
/* Style the checkmark/indicator */
|
||
.checkbox1 .checkmark:after {
|
||
|
||
}
|
||
td {
|
||
padding-top: 20px;
|
||
padding-bottom: 10px;
|
||
|
||
}
|
||
tr{
|
||
vertical-align: top;
|
||
}
|
||
#faculty {
|
||
width: 40%;
|
||
}
|
||
/* width */
|
||
::-webkit-scrollbar {
|
||
width: 15px;
|
||
}
|
||
|
||
/* Track */
|
||
::-webkit-scrollbar-track {
|
||
background: #FFFFFF;
|
||
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
||
|
||
border-radius: 20px;
|
||
|
||
}
|
||
|
||
/* Handle */
|
||
::-webkit-scrollbar-thumb {
|
||
|
||
height: 30px;
|
||
width: 8px;
|
||
background: #eaeaea;
|
||
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
||
border-radius: 10px;
|
||
|
||
}
|
||
|
||
/* Handle on hover */
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: #bebebe;
|
||
}
|
||
|
||
|
||
</style>
|
||
<script
|
||
src="{{ URL::to('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js') }}" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
|
||
|
||
</script>
|
||
<body>
|
||
|
||
|
||
|
||
<header>
|
||
<div class="container-fluid " style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||
<div class=" d-none d-xl-flex justify-content-end align-items-end position-absolute float-end z-1 " style="height: 100%; bottom: -10px;" >
|
||
<div style="width: 60%">
|
||
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/bakalavr-special/professor.png') }}" alt="">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ms-0 ms-md-5 ">
|
||
<div class="row">
|
||
<div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center">
|
||
<div class=" " style="width: 30%">
|
||
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo.png') }}" alt="">
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-8 col-12 ">
|
||
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end border-bottom border-white ">
|
||
|
||
<div class="col-12 col-xl-8 d-inline mt-5 d-lg-flex justify-content-end z-2 position-relative pb-3" style="font-family: Geologica-Light">
|
||
|
||
<a href="#" class="col-auto pe-lg-3 text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Колл-центр: 8 800 550-23-01 </div>
|
||
</a>
|
||
<a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Почта: info@mkgtu.ru </div>
|
||
</a>
|
||
<a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Все контакты</div>
|
||
</a>
|
||
<a href="#" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> RU </div>
|
||
</a>
|
||
{{-- <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
|
||
</div>
|
||
|
||
</div>
|
||
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
|
||
|
||
<div class="col-12 col-xl-8 d-inline mt-3 d-lg-flex justify-content-end z-2 position-relative " style="font-family: Geologica-Light">
|
||
|
||
<a href="{{ URL::to('/') }}" class="col-auto pe-lg-3 text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Бакалавриат / Специалитет </div>
|
||
</a>
|
||
<a href="{{ URL::to('magistr') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Магистратура </div>
|
||
</a>
|
||
<a href="{{ URL::to('inostran') }}" class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||
<div class="hover2"> Иностранным абитуриентам</div>
|
||
</a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="row">
|
||
<div class="col-12 text-white display-1 my-5 text-center text-md-start" style=" font-weight: 900; letter-spacing: 0em; ">
|
||
ПОСТУПАЙ В МГТУ
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style=" letter-spacing: 0em; ">
|
||
75 студенческих объединений
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="display-5 col-12 text-white mb-3 text-center text-md-start " style=" font-weight: 700; letter-spacing: 0em; ">
|
||
3367 БЮДЖЕТНЫХ МЕСТ
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style=" letter-spacing: 0em; ">
|
||
300 образовательных программ
|
||
</div>
|
||
</div>
|
||
<div class="d-none d-lg-block">
|
||
<br><br><br><br><br><br><br>
|
||
</div>
|
||
|
||
<div class=" mt-5 row d-lg-inline d-flex justify-content-center position-relative " >
|
||
<a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||
Личный кабинет
|
||
</a>
|
||
<a href="#" class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||
День открытых дверей
|
||
</a>
|
||
<a href="#" class=" hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||
Твои возможности
|
||
</a>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
|
||
</div>
|
||
</header>
|
||
|
||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||
|
||
<div class="container-fluid ms-sm-5 py-5" >
|
||
<div class="row">
|
||
<div class="display-5 col-12 mb-3 text-center text-md-start " style="background-image: url({{ URL::to('img/front-page/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">
|
||
|
||
@foreach($faculties 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="btn col-md-11 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex align-items-center 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 ms-2 z-3 gradient-text" > {{ $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">
|
||
<table class="table w-100 fs-6" style=" font-family: Geologica-ExtraLight">
|
||
<tr>
|
||
<th> Название </th>
|
||
<th> Код специальности </th>
|
||
<th> Уровень образования </th>
|
||
<th> Форма обучения </th>
|
||
</tr>
|
||
|
||
@foreach($faculty->departments as $department)
|
||
@foreach($department->directions as $direction)
|
||
|
||
<tr>
|
||
<td>
|
||
<a class="" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling-{{ $direction->id }}" aria-controls="offcanvasScrolling" role="button">{{ $direction->name }}</a>
|
||
<div class="offcanvas offcanvas-bottom" data-bs-scroll="true" data-bs-backdrop="false" tabindex="-1" id="offcanvasScrolling-{{ $direction->id }}" aria-labelledby="offcanvasScrollingLabel-{{ $direction->id }}" style="height: 100%; font-family: Geologica-Medium;overflow-y: auto ;">
|
||
<div class="mx-5">
|
||
<div class="col-12 d-flex justify-content-end mt-4">
|
||
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xl-3 col-12">
|
||
<div class="display-5 " style="font-family: Geologica-Light">{{ $direction->code }} </div>
|
||
<div class="display-5 " > {{ $direction->name }}</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="row">
|
||
|
||
<div class="col-xl-3 col-12">
|
||
<br>
|
||
<br>
|
||
<div class=" "> Уровень образования: <span style="font-family: Geologica-Light">{{ $direction->educationLevel->name }} </span> </div>
|
||
<div class=" "> Форма обучения: <span style="font-family: Geologica-Light">{{ $direction->educationForm->name }} </span></div>
|
||
</div>
|
||
<div class="col-xl-3 col-12">
|
||
<br>
|
||
<br>
|
||
<div class=" "> Бюджетные места: <span style="font-family: Geologica-Light">{{ $direction->budget_places }} </span> </div>
|
||
<div class=" "> Квота: <span style="font-family: Geologica-Light">{{ $direction->quota }} </span></div>
|
||
</div>
|
||
<div class="col-xl-3 col-12">
|
||
<br>
|
||
<br>
|
||
<div class=" "> Места на контракт: <span style="font-family: Geologica-Light">{{ $direction->paid_places }} </span> </div>
|
||
<div class=" "> Стоимость платного обучения: <span style="font-family: Geologica-Light">{{ $direction->cost_paid_place }} </span></div>
|
||
</div>
|
||
<div class="col-xl-3 col-12">
|
||
<br>
|
||
<br>
|
||
<div class=" "> Период обучения (в годах): <span style="font-family: Geologica-Light">{{ $direction->period }} </span> </div>
|
||
|
||
</div>
|
||
</div>
|
||
{{-- <p class="display-5 " style="font-family: Geologica-Light">{{ $direction->code }} </p>--}}
|
||
{{-- <p class="display-5 " > {{ $direction->name }}</p>--}}
|
||
<div class="offcanvas-body mt-2" style="font-family: Geologica-ExtraLight">
|
||
<p style="text-align: justify;">{{ $direction->description }}</p>
|
||
|
||
<p style="text-align: justify;">{{ $direction->description }}</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</td>
|
||
|
||
<td> {{ $direction->code }} </td>
|
||
<td> {{ $direction->educationLevel->name }} </td>
|
||
<td> {{ $direction->educationForm->name }} </td>
|
||
</tr>
|
||
@endforeach
|
||
@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
|
||
|
||
|
||
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/10.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Лечебный факультет</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/8.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Инженерный факультет</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
|
||
</div>
|
||
{{-- <div class="row d-flex mt-md-4 justify-content-center">--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/9.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Технологический факультет</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/1.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет аграрных технологий</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/12.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Педиатрический факультет</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
|
||
{{-- </div>--}}
|
||
{{-- <div class="row d-flex mt-md-4 justify-content-center">--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/13.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Фармацевтический факультет</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/4.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет международного образования</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/11.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Стоматологический факультет </p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
|
||
{{-- </div>--}}
|
||
{{-- <div class="row d-flex mt-md-4 justify-content-center">--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/6.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Экологический факультет</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Медицинский факультет </p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/2.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет экономики и управления </p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
|
||
{{-- </div>--}}
|
||
{{-- <div class="row d-flex mt-md-4 justify-content-xxl-start justify-content-center">--}}
|
||
{{-- <div class="col-xxl-4 col-md-6 col-10">--}}
|
||
{{-- <a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">--}}
|
||
|
||
{{-- <img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/3.png') }}" alt="">--}}
|
||
{{-- <p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет информационных систем в экономике и юрисприденции</p>--}}
|
||
|
||
{{-- </a>--}}
|
||
{{-- </div>--}}
|
||
|
||
|
||
{{-- </div>--}}
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||
|
||
<div class="container-fluid ms-sm-5 pt-5">
|
||
<div class="row">
|
||
<div class="display-5 col-12 text-white mb-3 text-center text-md-start " style=" font-weight: 700; letter-spacing: 0em; ">
|
||
КАЛЬКУЛЯТОР ЕГЭ
|
||
</div>
|
||
</div>
|
||
<div class="row mt-4">
|
||
<div class="col-md-4 col-12 ">
|
||
<div class="row">
|
||
|
||
<div class="text-white display-6" > Выберите предметы ЕГЭ</div>
|
||
<form class="text-white mt-4 fs-4 calcul" style=" font-family: Geologica-ExtraLight">
|
||
<label class="checkbox1"> Русский язык
|
||
<input type="checkbox" checked="checked" value="5">
|
||
<span class="checkmark"></span>
|
||
</label>
|
||
|
||
<label class="checkbox1">Математика
|
||
<input type="checkbox" name="subject[]" value="10">
|
||
<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>
|
||
<script>window.onload = function() {
|
||
$(".calcul input").click(function(){
|
||
var selected = []; let predmets='';
|
||
$('.calcul input:checked').each(function() {
|
||
selected.push($(this).val());
|
||
predmets += $(this).val()+',';
|
||
});
|
||
console.log(selected);
|
||
|
||
$(".calcul_rez").html('<tr><td>обрабатываем</td></tr>');
|
||
$.ajax({ url: "json.php", dataType: 'json', cache:false,type: "POST",data: 'ajx=get_napr&format=html&predmets='+predmets,
|
||
success: function(data) {
|
||
$(".calcul_rez").html(data.html);
|
||
}});
|
||
});
|
||
};
|
||
</script>
|
||
</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 calcul_rez" style="width: 90%; font-family: Geologica-ExtraLight;">
|
||
<tr class="border-bottom border-white">
|
||
<td> Технологический факультет </td>
|
||
<td> Строительство </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
<tr class=" border-bottom border-white">
|
||
<td> Технологический факультет </td>
|
||
<td> Строительство </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
<tr class="border-bottom border-white">
|
||
<td> Технологический факультет </td>
|
||
<td> Строительство </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
<tr class="border-bottom border-white">
|
||
<td> Технологический факультет </td>
|
||
<td> Строительство </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
</div>
|
||
<div class="d-md-none d-flex border border-white py-5 justify-content-center " style="border-radius: 50px;">
|
||
<table class="table1 text-white mx-0 p-2 " style="width: 90%; font-family: Geologica-ExtraLight; font-size: 13px;">
|
||
<tr class="">
|
||
<td id="faculty"> Технологический факультет </td>
|
||
<td> Строительство </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
<tr class="">
|
||
<td id="faculty"> Технологический факультет </td>
|
||
<td> Технологические машины и оборудование </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
<tr class="">
|
||
<td> Технологический факультет </td>
|
||
<td> Продукты питания из растительного сырья </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
<tr class="">
|
||
<td> Технологический факультет </td>
|
||
<td> Строительство </td>
|
||
<td class="text-end"> 4 года</td>
|
||
</tr>
|
||
|
||
</table>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||
</div>
|
||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||
|
||
<div class="container-fluid ms-sm-5 pt-5">
|
||
<div class="row">
|
||
<div class="col-6">
|
||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
|
||
СРОКИ ПРИЕМА
|
||
</div>
|
||
</div>
|
||
<div class="col-5 d-block d-lg-flex justify-content-end">
|
||
<div class="me-2 d-flex justify-content-center align-items-center ">
|
||
<a href="#" class="px-5 py-2 hover3 button1 " >
|
||
<div class="gradient-text">
|
||
Очная
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="me-2 d-flex justify-content-center align-items-center ">
|
||
<a href="#" class="px-5 py-2 hover3 button1">
|
||
<div class="gradient-text">
|
||
Заочно-очная
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="me-2 d-flex justify-content-center align-items-center ">
|
||
<a href="#" class="px-5 py-2 hover3 button1" >
|
||
<div class="gradient-text">
|
||
Заочная
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="mt-3 d-flex justify-content-center ">
|
||
<div class="row w-75 h-75 ps-2" style=" overflow:auto;">
|
||
<div class="col-11 " >
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row shadow-lg mt-3 bg-white" style=" border-radius: 20px;">
|
||
<div class="col-9 m-3">
|
||
<div class="fs-4 gradient-text" >
|
||
Начало приема документов
|
||
</div>
|
||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||
маркетинга над разумом и должны быть описаны максимально подробно
|
||
</p>
|
||
</div>
|
||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||
<div>
|
||
<div class="row mb-3 ms-3">
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/footer_fon.png') }}); ">
|
||
<div class="container-fluid ms-sm-5 pt-5">
|
||
<div class="col-11 ">
|
||
<div class="row">
|
||
|
||
<div class="col-12">
|
||
<div class="text-white fs-5"> Приемная коммисия: </div>
|
||
<p class="text-white"> (8772) 52-30-08 </p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="text-white fs-5"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||
<p class="text-white"> 8-938-530-53-14 </p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="text-white fs-5"> Почта: </div>
|
||
<p class="text-white"> info@mkgtu.ru </p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6 col-12">
|
||
<p class="text-white"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||
</div>
|
||
<div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vid.png') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/vk.png') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/tg.png') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/rutub.png') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/dzen.png') }}" alt="vid"></a>
|
||
<a href="#"><img width="30px" height="30px" src="{{ URL::to('img/front-page/odnok.png') }}" alt="vid"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<br><br><br>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</body>
|
||
@endsection
|