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

1011 lines
55 KiB
PHP
Raw Normal View History

2024-03-04 15:26:53 +03:00
@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");
}
2024-03-04 15:26:53 +03:00
@font-face {
font-family: "Geologica-ExtraLight";
src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
font-style: normal;
font-weight: normal;
}
2024-03-04 15:26:53 +03:00
@font-face {
font-family: "Geologica-Light";
src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
font-style: normal;
font-weight: normal;
}
2024-03-04 15:26:53 +03:00
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
2024-03-04 15:26:53 +03:00
body {
{{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
overflow-x: hidden;
2024-03-04 15:26:53 +03:00
background-repeat: no-repeat;
width: 100%;
height: 100%;
object-fit: cover;
font-family: "Geologica-Medium";
!important;
2024-03-04 15:26:53 +03:00
}
a {
text-decoration: none;
color: unset;
}
a:hover {
2024-03-12 12:47:12 +03:00
color: unset;
2024-03-04 15:26:53 +03:00
}
.default-focus{
2024-03-04 15:26:53 +03:00
border-color: #198754;
box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);
}
.gradient-text {
2024-03-04 15:26:53 +03:00
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;
2024-03-04 15:26:53 +03:00
border-radius: 11px;
border: 1px solid transparent;
}
2024-03-04 15:26:53 +03:00
.hover1:hover {
transform: scale(1.1);
transition: all .3s ease-in-out;
2024-03-20 16:44:31 +03:00
z-index: 1052;
2024-03-04 15:26:53 +03:00
}
2024-03-04 15:26:53 +03:00
.hover2:hover {
color: #d3d3d3;
transition: all .4s ease-in-out;
/*border: solid;*/
/*border-radius: 8rem;*/
/*padding: 5px 8px;*/
/*border-color: #ffffff;*/
}
2024-03-04 15:26:53 +03:00
.hover3:hover {
border: unset;
background-image: url({{ URL::to('img/front-page/bakalavr-special/fon1_blok.png') }});
!important;
2024-03-04 15:26:53 +03:00
transition: all .3s ease-in-out;
}
.hover3:hover div {
2024-03-04 15:26:53 +03:00
-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;
2024-03-12 12:47:12 +03:00
background-color: transparent;
border: 1px solid rgb(241, 241, 241);
border-radius: 8px;
2024-03-04 15:26:53 +03:00
}
/* On mouse-over, add a grey background color */
.checkbox1:hover input ~ .checkmark {
2024-03-12 12:47:12 +03:00
background-color: rgba(64, 160, 241, 0.85);
2024-03-04 15:26:53 +03:00
}
/* When the checkbox is checked, add a blue background */
.checkbox1 input:checked ~ .checkmark {
background-color: rgb(255, 255, 255);
2024-03-12 12:47:12 +03:00
2024-03-04 15:26:53 +03:00
}
/* 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 {
}
2024-03-04 15:26:53 +03:00
td {
padding-top: 20px;
padding-bottom: 10px;
}
tr {
2024-03-04 15:26:53 +03:00
vertical-align: top;
}
2024-03-04 15:26:53 +03:00
#faculty {
width: 40%;
}
2024-03-04 15:26:53 +03:00
/* width */
2024-03-13 11:19:55 +03:00
.scroll-1::-webkit-scrollbar {
2024-03-04 15:26:53 +03:00
width: 15px;
2024-03-12 12:47:12 +03:00
transition: 0.3s;
2024-03-13 11:19:55 +03:00
border-radius: 20px;
2024-03-04 15:26:53 +03:00
}
/* Track */
2024-03-13 11:19:55 +03:00
.scroll-1::-webkit-scrollbar-track {
2024-03-12 12:47:12 +03:00
background: #bdbdbd;
2024-03-04 15:26:53 +03:00
border-radius: 20px;
}
/* Handle */
2024-03-13 11:19:55 +03:00
.scroll-1::-webkit-scrollbar-thumb {
2024-03-04 15:26:53 +03:00
height: 30px;
width: 8px;
2024-03-12 12:47:12 +03:00
background-image: linear-gradient(to right, rgba(38, 159, 239, 0.6), 20%, rgba(2, 142, 229, 0.6));
opacity: 0.1;
2024-03-04 15:26:53 +03:00
border-radius: 10px;
2024-03-12 12:47:12 +03:00
transition: 0.3s;
2024-03-04 15:26:53 +03:00
}
/* Handle on hover */
2024-03-13 11:19:55 +03:00
.scroll-1::-webkit-scrollbar-thumb:hover {
2024-03-12 12:47:12 +03:00
background-image: linear-gradient(to right, rgb(38, 159, 239), 20%, rgb(2, 142, 229));
transition: 0.3s;
2024-03-04 15:26:53 +03:00
}
2024-04-01 15:57:19 +03:00
.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);
}
2024-03-04 15:26:53 +03:00
</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">
2024-03-04 15:26:53 +03:00
</script>
<body>
2024-02-16 13:39:57 +03:00
2024-02-29 16:42:44 +03:00
<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>
2024-03-04 15:26:53 +03:00
<div class="ms-0 ms-md-5 ">
<div class="row">
2024-03-13 13:45:21 +03:00
<div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center mt-2">
2024-03-04 15:26:53 +03:00
<div class=" " style="width: 30%">
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo-white.png') }}"
alt="">
2024-03-04 15:26:53 +03:00
</div>
2024-02-29 16:42:44 +03:00
</div>
2024-03-04 15:26:53 +03:00
<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">
2024-03-04 15:26:53 +03:00
<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>
2024-03-04 15:26:53 +03:00
</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>
2024-03-04 15:26:53 +03:00
</a>
<a href="#" class="col-auto px-lg-3 text-white text-sm-start "
style="font-size: 20px;font-weight: 400;line-height: 29px;">
2024-03-04 15:26:53 +03:00
<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>--}}
2024-03-04 15:26:53 +03:00
{{-- <img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/eye.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
</div>
2024-02-29 16:42:44 +03:00
</div>
2024-03-04 15:26:53 +03:00
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
2024-02-29 16:42:44 +03:00
<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">
2024-02-29 16:42:44 +03:00
<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>
2024-03-04 15:26:53 +03:00
</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>
2024-03-04 15:26:53 +03:00
</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;">
2024-03-04 15:26:53 +03:00
<div class="hover2"> Иностранным абитуриентам</div>
</a>
2024-02-29 16:42:44 +03:00
2024-03-04 15:26:53 +03:00
</div>
2024-02-29 16:42:44 +03:00
</div>
</div>
2024-02-16 13:39:57 +03:00
</div>
2024-02-29 16:42:44 +03:00
2024-03-04 15:26:53 +03:00
<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; ">
2024-03-04 15:26:53 +03:00
ПОСТУПАЙ В МГТУ
</div>
2024-02-16 13:39:57 +03:00
</div>
2024-03-04 15:26:53 +03:00
<div class="row">
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 "
style=" letter-spacing: 0em; ">
2024-03-04 15:26:53 +03:00
75 студенческих объединений
</div>
2024-02-16 13:39:57 +03:00
</div>
2024-03-04 15:26:53 +03:00
<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; ">
2024-03-04 15:26:53 +03:00
3367 БЮДЖЕТНЫХ МЕСТ
</div>
2024-02-16 13:39:57 +03:00
</div>
2024-03-04 15:26:53 +03:00
<div class="row">
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75"
style=" letter-spacing: 0em; ">
2024-03-04 15:26:53 +03:00
300 образовательных программ
</div>
</div>
<div class="d-none d-lg-block">
<br><br><br><br><br><br><br>
2024-02-29 16:42:44 +03:00
</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; ">
2024-03-04 15:26:53 +03:00
Личный кабинет
</a>
2024-04-03 15:16:50 +03:00
<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; ">
2024-03-04 15:26:53 +03:00
День открытых дверей
</a>
2024-04-04 14:15:10 +03:00
<!-- Button trigger modal -->
<a type="button" 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" data-bs-toggle="modal" data-bs-target="#exampleModal" style=" background: linear-gradient(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
Видео про МГТУ
2024-03-04 15:26:53 +03:00
</a>
2024-04-04 14:15:10 +03:00
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
2024-04-05 16:37:10 +03:00
<div class="modal-dialog modal-xl modal-dialog-centered">
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }});" >
<div class="modal-body">
<div class="row">
<div class="col">
<iframe width="100%" height="600" src="https://rutube.ru/play/embed/c2f57bbb4c09b2c8dc78b5e5ccd9cefb" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
</div>
</div>
2024-04-04 14:15:10 +03:00
</div>
</div>
</div>
2024-03-04 15:26:53 +03:00
</div>
2024-02-29 16:42:44 +03:00
2024-03-04 15:26:53 +03:00
</div>
2024-02-29 16:42:44 +03:00
<div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
</div>
</header>
2024-04-03 15:16:50 +03:00
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
2024-02-29 16:42:44 +03:00
<div class="container-fluid ms-sm-5 py-5">
2024-02-29 16:42:44 +03:00
<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; ">
2024-02-29 16:42:44 +03:00
ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
</div>
2024-02-16 13:39:57 +03:00
</div>
2024-03-04 13:26:17 +03:00
2024-03-05 16:31:27 +03:00
<div class="row d-flex justify-content-md-start justify-content-center">
2024-04-04 14:15:10 +03:00
@php
use App\Services\DirectonHtmlBuilder;
use Illuminate\Support\Facades\Storage;
$facultiesLogosPaths = array();
@endphp
2024-03-21 16:29:10 +03:00
@foreach($groupedDirections as $faculty)
2024-04-04 14:15:10 +03:00
@php
$path = "img/faculties/" . $faculty['name'] . '.png';
if(file_exists($path) == false){
$path = URL::to('img/faculties/Экологический факультет.png');
}
$path = URL::to($path);
$groupedDirections[$faculty['name']]['path'] = $path;
@endphp
@endforeach
@foreach($groupedDirections as $faculty)
2024-03-21 16:29:10 +03:00
2024-03-05 16:31:27 +03:00
<div class="mt-xl-5 col-xxl-4 col-md-6 col-10 ">
2024-03-04 13:26:17 +03:00
2024-03-05 16:31:27 +03:00
<!-- Button trigger modal -->
2024-03-21 16:29:10 +03:00
<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 "
2024-04-04 14:15:10 +03:00
src="{{$groupedDirections[$faculty['name']]['path']}}" alt="">
2024-03-21 16:29:10 +03:00
<span class="ms-xl-5 ms-2 z-3 gradient-text text-start"> {{ $faculty['name'] }}</span>
2024-03-05 16:31:27 +03:00
</button>
2024-03-04 13:26:17 +03:00
2024-03-05 16:31:27 +03:00
<!-- Modal -->
2024-03-21 16:29:10 +03:00
<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;"-->
2024-03-05 16:31:27 +03:00
<div class="modal-header d-flex justify-content-center">
<img class="" style="width: 108px; height: auto "
2024-04-04 14:15:10 +03:00
src="{{$groupedDirections[$faculty['name']]['path']}}" alt="">
2024-03-05 16:31:27 +03:00
</div>
2024-03-21 16:29:10 +03:00
<p class="text-center fs-3"> {{ $faculty['name'] }} </p>
2024-03-05 16:31:27 +03:00
2024-03-20 16:44:31 +03:00
<div class="modal-body d-flex justify-content-center" >
2024-03-05 16:31:27 +03:00
<div class="col-11">
<p class="fs-5">Основная информация</p>
<p class="fs-6"
2024-03-21 16:29:10 +03:00
style=" font-family: Geologica-ExtraLight; text-align: justify;"> {{ $faculty['description'] }}</p>
2024-03-05 16:31:27 +03:00
<p class="fs-5">Специальности</p>
2024-03-20 16:44:31 +03:00
<div class="table-responsive ps-4">
<table class="table w-100 fs-6"
2024-03-20 16:44:31 +03:00
style=" font-family: Geologica-ExtraLight;">
2024-03-05 16:31:27 +03:00
<tr>
<th> Название</th>
<th> Код специальности</th>
<th> Уровень образования</th>
<th> Форма обучения</th>
2024-03-05 16:31:27 +03:00
</tr>
2024-03-06 15:49:43 +03:00
2024-03-21 16:29:10 +03:00
@foreach ($faculty['directions'] as $direction)
2024-03-05 16:31:27 +03:00
<tr>
2024-03-06 15:49:43 +03:00
<td>
<a class=" border border-dark rounded-3 p-2 hover1"
type="button" data-bs-toggle="offcanvas"
2024-03-21 16:29:10 +03:00
data-bs-target="#offcanvasScrolling-{{ $direction['id'] }}"
aria-controls="offcanvasScrolling"
2024-03-27 15:50:03 +03:00
role="button" style="background: white">{{ $direction['name'] }}</a>
2024-03-21 16:29:10 +03:00
@php
2024-03-21 16:29:10 +03:00
$DirectonHtmlBuilder = new DirectonHtmlBuilder($direction);
echo $DirectonHtmlBuilder->getHTML();
@endphp
2024-03-06 15:49:43 +03:00
</td>
2024-03-21 16:29:10 +03:00
<td> {{ $direction['code'] }} </td>
<td> {{ $direction['education_level'] }} </td>
2024-03-15 16:09:19 +03:00
@php
$educationForms = '';
2024-03-21 16:29:10 +03:00
foreach ($direction['education_form'] as $educationForm) {
$educationForms .= $educationForm . ', ';
2024-03-15 16:09:19 +03:00
}
$educationForms = substr($educationForms, 0, -2);
@endphp
<td> {{$educationForms}} </td>
2024-03-05 16:31:27 +03:00
</tr>
@endforeach
</table>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal">Закрыть
</button>
2024-03-05 16:31:27 +03:00
</div>
2024-03-04 13:26:17 +03:00
</div>
</div>
</div>
</div>
2024-02-29 16:42:44 +03:00
2024-03-05 16:31:27 +03:00
@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>
2024-02-29 16:42:44 +03:00
</div>
</div>
2024-03-05 16:31:27 +03:00
</div>
2024-02-29 16:42:44 +03:00
2024-04-02 15:53:26 +03:00
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
2024-02-29 16:42:44 +03:00
2024-03-27 15:50:03 +03:00
<div class="container-fluid ms-sm-5 py-5">
2024-03-05 16:31:27 +03:00
<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; ">
2024-03-05 16:31:27 +03:00
КАЛЬКУЛЯТОР ЕГЭ
2024-02-29 16:42:44 +03:00
</div>
2024-03-05 16:31:27 +03:00
</div>
<div class="row mt-4">
<div class="col-md-4 col-12 ">
<div class="row">
2024-02-29 16:42:44 +03:00
<div class="text-white display-6"> Выберите предметы ЕГЭ</div>
2024-03-06 15:49:43 +03:00
<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>
2024-03-07 13:08:28 +03:00
@foreach($subjects as $id => $name)
@if($name === "Русский язык" || $name === "Математика" )
<label class="checkbox1"> {{ $name }}
<input class="checkbox_input_clear" type="checkbox" checked="checked"
value="{{ $id }}">
2024-03-07 14:01:54 +03:00
<span class="checkmark"></span>
</label>
@endif
2024-03-13 15:06:45 +03:00
@endforeach
<hr class="col-5">
2024-03-07 14:01:54 +03:00
@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
2024-03-07 13:08:28 +03:00
@endforeach
2024-03-05 16:31:27 +03:00
</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>
2024-03-12 12:47:12 +03:00
2024-03-05 14:29:18 +03:00
</div>
<script>window.onload = function () {
$(".unclearall").click(function () {
2024-03-12 12:47:12 +03:00
$('input[type="checkbox"]').prop('checked', false);
2024-03-12 12:47:12 +03:00
return false;
})
$(".calcul input").click(function () {
2024-03-07 16:27:19 +03:00
$('.text-remove').remove();
let selected = [];
let predmets = '';
$('.calcul input:checked').each(function () {
selected.push(+$(this).val());
predmets += $(this).val() + ',';
2024-03-06 15:49:43 +03:00
});
2024-03-12 12:47:12 +03:00
2024-03-06 15:49:43 +03:00
$.ajax({
url: "{{ route('calculator') }}",
dataType: 'json',
cache: false,
type: "POST",
data: 'ajx=get_napr&format=html&predmets=' + JSON.stringify(selected),
2024-03-07 16:27:19 +03:00
success: function (data) {
2024-03-20 16:44:31 +03:00
$(".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>');
2024-03-07 16:27:19 +03:00
$(".calcul_rez").append(data.html);
2024-03-12 12:47:12 +03:00
}
});
2024-03-06 15:49:43 +03:00
});
};
2024-04-04 14:15:10 +03:00
</script>
<script>
$(".calc_green_circle_button").click(function () {
console.log('111')
let name=$(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();
}
});
2024-03-06 15:49:43 +03:00
</script>
2024-03-05 16:31:27 +03:00
</div>
</div>
2024-02-29 16:42:44 +03:00
2024-03-20 11:43:15 +03:00
<div class="col-md-7 mt-md-0 mt-5 col-12">
2024-03-05 16:31:27 +03:00
<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>
2024-03-20 11:43:15 +03:00
<div class="table-responsive p-5 w-100 " style=" max-height: 700px; ">
2024-03-21 14:48:08 +03:00
<table class=" text-white calcul_rez"
style="width: 90%; font-family: Geologica-ExtraLight;">
2024-03-05 16:31:27 +03:00
2024-02-29 16:42:44 +03:00
2024-03-12 12:47:12 +03:00
</table>
</div>
2024-03-05 16:31:27 +03:00
</div>
2024-02-29 16:42:44 +03:00
2024-03-12 12:47:12 +03:00
2024-03-05 16:31:27 +03:00
</div>
2024-02-29 16:42:44 +03:00
2024-03-05 14:29:18 +03:00
</div>
2024-03-05 16:31:27 +03:00
2024-02-16 13:39:57 +03:00
</div>
2024-03-27 15:50:03 +03:00
<div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
2024-03-05 16:31:27 +03:00
</div>
2024-04-02 15:53:26 +03:00
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
2024-02-29 16:42:44 +03:00
2024-03-05 16:31:27 +03:00
<div class="container-fluid ms-sm-5 pt-5">
2024-04-03 15:16:50 +03:00
<a id="anchor"></a>
2024-03-05 16:31:27 +03:00
<div class="row">
2024-03-27 15:50:03 +03:00
<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; ">
2024-03-13 11:19:55 +03:00
ЭКРАН ПРИЕМА
2024-02-29 16:42:44 +03:00
</div>
2024-03-05 16:31:27 +03:00
</div>
2024-03-13 11:19:55 +03:00
<!--<div class="col-5 d-block d-lg-flex justify-content-end">
2024-03-05 16:31:27 +03:00
<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>
2024-02-29 16:42:44 +03:00
</div>
2024-03-05 16:31:27 +03:00
<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>
2024-03-13 11:19:55 +03:00
</div> -->
2024-03-27 15:50:03 +03:00
<div class="mt-3 d-flex justify-content-start scroll-1 ps-lg-0 ms-lg-0 ps-3 ms-3">
2024-04-04 14:15:10 +03:00
<div class="row ps-2 scroll-1 mb-4 " style=" overflow:auto; width: 95%; height: 30em;">
2024-03-27 15:50:03 +03:00
<div class="col-11 ">
2024-03-05 16:31:27 +03:00
2024-04-04 14:15:10 +03:00
@foreach($admissions as $admission)
<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">
{{$admission->name}}
2024-03-05 14:29:18 +03:00
</div>
2024-03-05 16:31:27 +03:00
2024-04-04 14:15:10 +03:00
@foreach($admission->documents as $document)
2024-03-05 16:31:27 +03:00
2024-04-04 14:15:10 +03:00
<div class="row mt-2 gradient-text shadow p-2 my-3 rounded-3"
style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
2024-03-05 16:31:27 +03:00
2024-04-08 11:14:48 +03:00
<a href="{{ URL::to($document->url) }}" > <strong>{{ $document->name }} </strong> <img class="" style="width: 18px; height: auto" src="{{ URL::to('img/front-page/clip-svgrepo-com.png') }}"></a>
2024-04-04 14:15:10 +03:00
<br>
{{$document->description}}
</div>
2024-03-05 16:31:27 +03:00
2024-04-04 14:15:10 +03:00
@endforeach
2024-02-29 16:42:44 +03:00
</div>
2024-04-04 14:15:10 +03:00
2024-03-05 14:29:18 +03:00
</div>
2024-02-16 13:39:57 +03:00
2024-04-04 14:15:10 +03:00
@endforeach
2024-03-05 16:31:27 +03:00
2024-03-27 15:50:03 +03:00
<br><br><br><br><br><br><br><br>
2024-02-29 16:42:44 +03:00
</div>
</div>
2024-03-05 14:29:18 +03:00
</div>
2024-02-29 16:42:44 +03:00
</div>
2024-02-16 13:39:57 +03:00
</div>
2024-03-05 16:31:27 +03:00
</div>
2024-04-03 15:16:50 +03:00
{{-- <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; ">
2024-04-02 15:53:26 +03:00
<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">
2024-04-03 15:16:50 +03:00
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
2024-04-02 15:53:26 +03:00
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
2024-04-03 15:16:50 +03:00
<span class="carousel-control-next-icon" aria-hidden="true"></span>
2024-04-02 15:53:26 +03:00
<span class="visually-hidden">Next</span>
</button>
</div>
2024-04-03 15:16:50 +03:00
</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 ">
2024-04-02 15:53:26 +03:00
<div class="row">
<div class="ms-4 col-auto ">
2024-02-29 16:42:44 +03:00
2024-04-05 16:37:10 +03:00
<div class="col-11">
2024-04-02 15:53:26 +03:00
<div class="text-white fs-4"> Приемная коммисия:</div>
<p class="text-white"> (8772) 52-30-08 </p>
2024-02-29 16:42:44 +03:00
</div>
2024-04-02 15:53:26 +03:00
2024-04-05 16:37:10 +03:00
<div class="col-11">
2024-04-02 15:53:26 +03:00
<div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
<p class="text-white"> 8-938-530-53-14 </p>
2024-02-29 16:42:44 +03:00
</div>
2024-04-02 15:53:26 +03:00
2024-04-05 16:37:10 +03:00
<div class="col-11">
2024-04-02 15:53:26 +03:00
<div class="text-white fs-4"> Почта:</div>
<p class="text-white"> info@mkgtu.ru </p>
2024-02-29 16:42:44 +03:00
</div>
2024-04-02 15:53:26 +03:00
2024-04-05 16:37:10 +03:00
<div class="col-11">
2024-04-02 15:53:26 +03:00
<p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
</div>
2024-04-05 16:37:10 +03:00
<div class="col-11">
2024-04-02 15:53:26 +03:00
<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>
2024-03-05 16:31:27 +03:00
</div>
2024-04-05 16:37:10 +03:00
<div class="col mt-3 mt-xl-0" >
2024-04-04 14:15:10 +03:00
<div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center" style='border-radius: 20px;'>
2024-04-02 15:53:26 +03:00
<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>
2024-02-29 16:42:44 +03:00
</div>
</div>
</div>
2024-02-16 13:39:57 +03:00
2024-04-02 15:53:26 +03:00
</div>
2024-03-05 16:31:27 +03:00
<br><br><br>
2024-02-29 16:42:44 +03:00
</div>
2024-02-16 13:39:57 +03:00
2024-04-04 14:15:10 +03:00
2024-03-05 16:31:27 +03:00
2024-03-04 15:26:53 +03:00
</body>
@endsection