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

937 lines
53 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{
}
.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