2024-03-04 15:26:53 +03:00
@ extends ( 'layouts.new-design-layout' )
@ section ( 'content' )
< style >
2024-04-09 15:53:43 +03:00
. gradient - text {
2024-03-04 15:26:53 +03:00
background - image : url ({{ URL :: to ( 'img/front-page/inostran/fon1_blok.png' ) }});
- webkit - background - clip : text ;
- webkit - text - fill - color : transparent ;
}
2024-04-09 15:53:43 +03:00
. 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 : 11 px ;
border : 1 px solid transparent ;
}
. hover3 : hover {
border : unset ;
background - image : url ({{ URL :: to ( 'img/front-page/inostran/fon1_blok.png' ) }}); ! important ;
transition : all . 3 s ease - in - out ;
}
/* On mouse-over, add a grey background color */
. checkbox1 : hover input ~ . checkmark {
background - color : rgba ( 113 , 49 , 152 , 0.85 );
}
/* Handle */
2024-04-09 15:53:43 +03:00
. scroll - 1 ::- webkit - scrollbar - thumb {
2024-03-04 15:26:53 +03:00
height : 30 px ;
width : 8 px ;
2024-04-09 15:53:43 +03:00
background - image : linear - gradient ( to right , rgba ( 191 , 99 , 253 , 0.85 ), 20 % , rgba ( 166 , 47 , 239 , 0.85 ));
opacity : 0.1 ;
2024-03-04 15:26:53 +03:00
border - radius : 10 px ;
2024-04-09 15:53:43 +03:00
transition : 0.3 s ;
2024-03-04 15:26:53 +03:00
}
/* Handle on hover */
2024-04-09 15:53:43 +03:00
. scroll - 1 ::- webkit - scrollbar - thumb : hover {
background - image : linear - gradient ( to right , rgba ( 134 , 8 , 215 , 0.85 ), 20 % , rgba ( 113 , 49 , 152 , 0.85 ));
transition : 0.3 s ;
2024-03-04 15:26:53 +03:00
}
</ style >
< script
2024-04-09 15:53:43 +03:00
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 >
2024-04-09 15:53:43 +03:00
< div class = " container-fluid position-relative "
style = " background-image: url( { { URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed; " >
< div class = " d-none d-xl-flex justify-content-end align-items-end position-absolute float-end z-1 "
style = " height: 100%; " >
2024-03-04 15:26:53 +03:00
< div style = " width: 60% " >
2024-04-09 15:53:43 +03:00
< img class = " img-fluid float-end "
src = " { { URL::to('img/front-page/inostran/photo.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 = " ms-0 ms-md-5 " >
< div class = " row " >
2024-04-09 15:53:43 +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% " >
2024-04-09 15:53:43 +03:00
< 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 " >
2024-04-09 15:53:43 +03:00
< 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
2024-04-09 15:53:43 +03:00
< div class = " col-auto pe-lg-3 text-white text-sm-start "
style = " font-size: 20px;font-weight: 400;line-height: 29px; " >
Колл - центр : 8 800 550 - 23 - 01
</ div >
< div class = " col-auto px-lg-3 text-white text-sm-start "
style = " font-size: 20px;font-weight: 400;line-height: 29px; " >
Почта : info @ mkgtu . ru
</ div >
< a href = " # " class = " col-auto px-lg-3 text-white text-sm-start "
style = " font-size: 20px;font-weight: 400;line-height: 29px; " >
2024-03-04 15:26:53 +03:00
< div class = " hover2 " > В с е контакты </ div >
</ a >
2024-04-09 15:53:43 +03:00
{{ -- < 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
2024-04-09 15:53:43 +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
2024-04-09 15:53:43 +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 >
2024-04-09 15:53:43 +03:00
< 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 >
2024-04-09 15:53:43 +03:00
< 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 " >
2024-04-09 15:53:43 +03:00
< 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 " >
2024-04-09 15:53:43 +03:00
< 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 " >
2024-04-09 15:53:43 +03:00
< 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 " >
2024-04-09 15:53:43 +03:00
< 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 >
2024-04-09 15:53:43 +03:00
< div class = " mt-5 row d-lg-inline d-flex justify-content-center position-relative " >
< a href = " # "
class = " hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex "
style = " background: linear-gradient(#8c2bf5, 60%, #56CCF200); border-radius: 20px; letter-spacing: 0; " >
2024-03-04 15:26:53 +03:00
Личный кабинет
</ a >
2024-04-09 15:53:43 +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(#8c2bf5, 60%, #56CCF200); border-radius: 20px; letter-spacing: 0; " >
2024-03-04 15:26:53 +03:00
День открытых дверей
</ a >
2024-03-04 13:26:17 +03:00
<!-- Button trigger modal -->
2024-04-09 15:53:43 +03:00
< 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(#8c2bf5, 60%, #56CCF200); border-radius: 20px; letter-spacing: 0; " >
Видео про МГТУ
</ a >
2024-02-29 16:42:44 +03:00
2024-03-04 13:26:17 +03:00
<!-- Modal -->
< div class = " modal fade " id = " exampleModal " tabindex = " -1 " aria - labelledby = " exampleModalLabel " aria - hidden = " true " >
2024-04-09 15:53:43 +03:00
< div class = " modal-dialog modal-xl modal-dialog-centered " >
2024-04-22 16:27:20 +03:00
< div class = " modal-content " style = " background-image: url( { { URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); " >
2024-03-04 13:26:17 +03:00
< div class = " modal-body " >
2024-04-09 15:53:43 +03:00
< div class = " row " >
< div class = " col " >
< iframe width = " 100% " height = " 600 " src = " https://rutube.ru/play/embed/ab6d3a9c514cdd8fa91c73eb724cccf1/ " frameBorder = " 0 " allow = " clipboard-write; autoplay " webkitAllowFullScreen mozallowfullscreen allowFullScreen ></ iframe >
</ div >
</ div >
2024-03-04 13:26:17 +03:00
</ div >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ div >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ div >
</ div >
2024-02-29 16:42:44 +03:00
</ div >
</ div >
2024-04-09 15:53:43 +03:00
< div class = " d-md-block d-none " >< br >< br >< br >< br >< br >< br >< br ></ div >
</ div >
</ header >
2024-02-29 16:42:44 +03:00
2024-04-22 16:27:20 +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-04-09 15:53:43 +03:00
< 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/inostran/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 >
</ div >
2024-04-09 15:53:43 +03:00
< div class = " row d-flex justify-content-md-start justify-content-center " >
@ php
use App\Services\DirectonHtmlBuilder ;
use Illuminate\Support\Facades\Storage ;
$facultiesLogosPaths = array ();
@ endphp
@ foreach ( $groupedDirections as $faculty )
@ php
$path = " img/faculties/ " . $faculty [ 'name' ] . '.png' ;
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
if ( file_exists ( $path ) == false ){
$path = URL :: to ( 'img/faculties/Экологический факультет.png' );
}
$path = URL :: to ( $path );
$groupedDirections [ $faculty [ 'name' ]][ 'path' ] = $path ;
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
@ endphp
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
@ endforeach
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
@ foreach ( $groupedDirections as $faculty )
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
< div class = " mt-xl-5 col-xxl-4 col-md-6 col-10 " >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
<!-- Button trigger modal -->
< button type = " button " data - bs - toggle = " modal " data - bs - target = " #exampleModal- { { $faculty['id'] }} "
class = " col-md-11 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex justify-content-start align-items-center hover1 "
style = " background-color: #ffffff; border-radius: 15px; border: unset; " >
< img class = " " style = " width: 108px; height: auto "
src = " { { $groupedDirections [ $faculty [ 'name' ]][ 'path' ] } } " alt = " " >
< span class = " ms-xl-5 ms-2 z-3 gradient-text text-start " > {{ $faculty [ 'name' ] }} </ span >
</ button >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
<!-- 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 = " { { $groupedDirections [ $faculty [ 'name' ]][ 'path' ] } } " alt = " " >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ div >
< p class = " text-center fs-3 " > {{ $faculty [ 'name' ] }} </ p >
< div class = " modal-body d-flex justify-content-center " >
< div class = " col-11 " >
< p class = " fs-5 " > Основная информация </ p >
< p class = " fs-6 "
style = " font-family: Geologica-ExtraLight; text-align: justify; " > {{ $faculty [ 'description' ] }} </ p >
< p class = " fs-5 " > Специальности </ p >
< div class = " table-responsive ps-4 " >
< table class = " table w-100 fs-6 "
style = " font-family: Geologica-ExtraLight; " >
< tr >
< th > Название </ th >
< th > Код специальности </ th >
< th > Уровень образования </ th >
< th > Форма обучения </ th >
</ tr >
@ foreach ( $faculty [ 'directions' ] as $direction )
< tr >
< td >
< a class = " border border-dark rounded-3 p-2 hover1 "
type = " button " data - bs - toggle = " offcanvas "
data - bs - target = " #offcanvasScrolling- { { $direction['id'] }} "
aria - controls = " offcanvasScrolling "
role = " button " style = " background: white " > {{ $direction [ 'name' ] }} </ a >
@ php
$DirectonHtmlBuilder = new DirectonHtmlBuilder ( $direction );
echo $DirectonHtmlBuilder -> getHTML ();
@ endphp
</ td >
< td > {{ $direction [ 'code' ] }} </ td >
< td > {{ $direction [ 'education_level' ] }} </ td >
@ php
$educationForms = '' ;
foreach ( $direction [ 'education_form' ] as $educationForm ) {
$educationForms .= $educationForm . ', ' ;
}
$educationForms = substr ( $educationForms , 0 , - 2 );
@ endphp
< td > {{ $educationForms }} </ td >
</ tr >
@ endforeach
</ table >
</ div >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ div >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ div >
< div class = " modal-footer " >
< button type = " button " class = " btn btn-danger " data - bs - dismiss = " modal " > Закрыть
</ button >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ div >
</ div >
</ div >
</ div >
</ div >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +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 >
2024-02-16 13:39:57 +03:00
</ div >
2024-02-29 16:42:44 +03:00
</ div >
2024-04-22 16:27:20 +03:00
< div style = " background-image: url( { { URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed; " >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
< div class = " container-fluid ms-sm-5 py-5 " >
2024-02-29 16:42:44 +03:00
< div class = " row " >
2024-04-09 15:53:43 +03:00
< div class = " display-5 col-12 text-white mb-3 text-center text-md-start "
style = " font-weight: 700; letter-spacing: 0em; " >
2024-02-29 16:42:44 +03:00
КАЛЬКУЛЯТОР ЕГЭ
</ div >
</ div >
< div class = " row mt-4 " >
< div class = " col-md-4 col-12 " >
< div class = " row " >
2024-04-09 15:53:43 +03:00
< div class = " text-white display-6 " > Выберите предметы ЕГЭ </ div >
< form class = " text-white mt-4 fs-4 calcul " style = " font-family: Geologica-ExtraLight " >
< script
src = " { { URL::to('https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js')}} " ></ script >
@ foreach ( $subjects as $id => $name )
@ if ( $name === " Русский язык " || $name === " Математика " )
< label class = " checkbox1 " > {{ $name }}
< input class = " checkbox_input_clear " type = " checkbox " checked = " checked "
value = " { { $id }} " >
< span class = " checkmark " ></ span >
</ label >
@ endif
@ endforeach
< hr class = " col-5 " >
@ foreach ( $subjects as $id => $name )
@ if ( $name !== " Русский язык " && $name !== " Математика " )
< label class = " checkbox1 " > {{ $name }}
< input class = " checkbox_input_clear " type = " checkbox " value = " { { $id }} " >
< span class = " checkmark " ></ span >
</ label >
@ endif
@ endforeach
2024-02-29 16:42:44 +03:00
</ form >
< div class = " row d-md-block d-flex ms-md-3 justify-content-center " >
2024-04-09 15:53:43 +03:00
< 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-02-29 16:42:44 +03:00
</ div >
2024-04-09 15:53:43 +03:00
< script > window . onload = function () {
$ ( " .unclearall " ) . click ( function () {
$ ( 'input[type="checkbox"]' ) . prop ( 'checked' , false );
return false ;
})
$ ( " .calcul input " ) . click ( function () {
$ ( '.text-remove' ) . remove ();
let selected = [];
let predmets = '' ;
$ ( '.calcul input:checked' ) . each ( function () {
selected . push ( + $ ( this ) . val ());
predmets += $ ( this ) . val () + ',' ;
});
$ . ajax ({
url : " { { route('calculator') }} " ,
dataType : 'json' ,
cache : false ,
type : " POST " ,
data : 'ajx=get_napr&format=html&predmets=' + JSON . stringify ( selected ),
success : function ( data ) {
$ ( " .calcul_rez " ) . html ( '<tr><th class="fs-5"> Направление </th><th style="text-align: right;"> Цена за обучение</th><th class="fs-5" style="text-align: right;"> Период обучения (в годах)</th></tr>' );
$ ( " .calcul_rez " ) . append ( data . html );
}
});
});
};
</ script >
< 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 ();
}
});
</ script >
2024-02-29 16:42:44 +03:00
</ div >
</ div >
2024-04-09 15:53:43 +03:00
< div class = " col-md-7 mt-md-0 mt-5 col-12 " >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +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 >
< div class = " table-responsive p-5 w-100 " style = " max-height: 700px; " >
< table class = " text-white calcul_rez "
style = " width: 90%; font-family: Geologica-ExtraLight; " >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
</ table >
</ div >
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-04-09 15:53:43 +03:00
< div class = " d-md-block d-none " >< br >< br >< br >< br >< br >< br >< br >< br >< br >< br >< br >< br >< br ></ div >
2024-02-29 16:42:44 +03:00
</ div >
2024-04-09 15:53:43 +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
< div class = " container-fluid ms-sm-5 pt-5 " >
2024-04-09 15:53:43 +03:00
< a id = " anchor " ></ a >
2024-02-29 16:42:44 +03:00
< div class = " row " >
2024-04-09 15:53:43 +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-02-29 16:42:44 +03:00
</ div >
</ div >
2024-04-09 15:53:43 +03:00
<!--< div class = " col-5 d-block d-lg-flex justify-content-end " >
2024-02-29 16:42:44 +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 >
< 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-04-09 15:53:43 +03:00
</ div > -->
< div class = " mt-3 d-flex justify-content-start scroll-1 ps-lg-0 ms-lg-0 ps-3 ms-3 " >
< div class = " row ps-2 scroll-1 mb-4 " style = " overflow:auto; width: 95%; height: 30em; " >
< div class = " col-11 " >
@ 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-02-29 16:42:44 +03:00
</ div >
2024-04-09 15:53:43 +03:00
@ foreach ( $admission -> documents as $document )
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +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-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +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 >
< br >
{{ $document -> description }}
</ div >
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
@ endforeach
2024-02-29 16:42:44 +03:00
</ div >
2024-04-09 15:53:43 +03:00
2024-02-29 16:42:44 +03:00
</ div >
2024-04-09 15:53:43 +03:00
@ endforeach
2024-02-29 16:42:44 +03:00
2024-02-16 13:39:57 +03:00
2024-02-29 16:42:44 +03:00
2024-04-09 15:53:43 +03:00
< br >< br >< br >< br >< br >< br >< br >< br >
2024-02-29 16:42:44 +03:00
</ div >
</ div >
</ div >
</ div >
2024-02-16 13:39:57 +03:00
</ div >
2024-02-29 16:42:44 +03:00
</ div >
2024-04-17 14:23:57 +03:00
< div style = " background-image: url( { { URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; 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 id = " carouselExampleIndicators " class = " carousel slide d-lg-block d-none " data - bs - interval = " false " >
< div class = " carousel-inner px-5 pt-5 " >
@ php
$all_news = array ()
@ endphp
@ foreach ( $news as $item )
@ php
$all_news [ $item -> name ][ 'name' ] = $item -> name ;
$all_news [ $item -> name ][ 'text' ] = $item -> text ;
$all_news [ $item -> name ][ 'url' ] = asset ( $item -> photo );
$all_news [ $item -> name ][ 'id' ] = $item -> id ;
@ endphp
@ endforeach
@ php
$out = array_chunk ( $all_news , 4 , true );
@ endphp
@ foreach ( $out as $id => $page )
< div class = " carousel-item @if( $id == 1) active @endif \" >
< div class = " row d-flex align-items-center justify-content-center " >
@ foreach ( $page as $item )
< div class = " col " style = " max-width: 20% " >
< img src = " { { $item [ 'url' ] } } " class = " img-fluid border border-white border-2 " style = " background-size: cover; border-radius: 20px 20px 0px 0px; " >
< div class = " bg-white border border-white border-2 " style = " border-radius: 0px 0px 20px 20px ; height: 10.5em; " >
< div class = " p-3 " style = " " >
< strong class = " fs-5 gradient-text " style = " font-family: Geologica-Light " > {{ $item [ 'name' ]}} </ strong >
< br >< button style = " background: #9739f6; letter-spacing: 0; " type = " button " class = " btn text-white " data - bs - toggle = " modal " data - bs - target = " #exampleModalNews- { { $item [ 'id' ] } } " > читать полностью </ button >
< p class = " gradient-text " style = " font-family: Geologica-ExtraLight; " > {{ Str :: limit ( preg_replace ( '/<([^>]+)>/' , PHP_EOL , $item [ 'text' ]), 100 , " ... " ) }} </ p >
<!-- Modal -->
< div class = " modal fade " id = " exampleModalNews- { { $item [ 'id' ] } } " tabindex = " -1 " aria - labelledby = " exampleModalLabel " aria - hidden = " true " >
< div class = " modal-dialog modal-xl " >
< div class = " modal-content " >
< div class = " modal-header " >
< h1 class = " modal-title fs-5 " id = " exampleModalLabel " > {{ $item [ 'name' ]}} </ h1 >
< button type = " button " class = " btn-close " data - bs - dismiss = " modal " aria - label = " Close " ></ button >
</ div >
< div class = " modal-body " >
< div class = " container " >
< div class = " row justify-content-center " >
< div class = " col-8 " >
< img src = " { { $item [ 'url' ] } } " class = " img-fluid border border-white border-2 " style = " background-size: cover; border-radius: 20px; " >
</ div >
</ div >
< p class = " mt-4 " > {{ $item [ 'text' ]}} </ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
@ endforeach
</ div >
< br >< br >< br >< br >
</ div >
@ endforeach
< div class = " carousel-indicators mt-5 " >
@ for ( $i = 0 ; $i < count ( $out ); $i ++ )
< button type = " button " data - bs - target = " #carouselExampleIndicators " data - bs - slide - to = " { { $i } } " @ if ( $i == 0 ) class = " active " @ endif aria - current = " true " aria - label = " Slide { { $i + 1 } } " ></ button >
@ endfor
</ div >
</ div >
< button class = " carousel-control-prev " type = " button " data - bs - target = " #carouselExampleIndicators " data - bs - slide = " prev " >
< span class = " carousel-control-prev-icon " aria - hidden = " true " ></ span >
< span class = " visually-hidden " > Previous </ span >
</ button >
< button class = " carousel-control-next " type = " button " data - bs - target = " #carouselExampleIndicators " data - bs - slide = " next " >
< span class = " carousel-control-next-icon " aria - hidden = " true " ></ span >
< span class = " visually-hidden " > Next </ span >
</ button >
</ div >
< div id = " carouselExampleIndicatorsMobile " class = " carousel slide d-lg-none d-block " data - bs - interval = " false " >
< div class = " carousel-inner px-5 pt-5 " >
@ php $counter = 0 ; @ endphp
@ foreach ( $news as $item )
@ php $counter ++ @ endphp
< div class = " carousel-item @if( $counter == 1) active @endif \" >
< div class = " row d-flex align-items-center justify-content-center " >
< div class = " col-12 " >
< img src = " { { asset( $item->photo )}} " class = " img-fluid border border-white border-2 " style = " background-size: cover; border-radius: 20px 20px 0px 0px; " >
< div class = " bg-white border border-white border-2 " style = " border-radius: 0px 0px 20px 20px ; height: 12em; " >
< div class = " p-3 " style = " " >
< strong class = " fs-5 gradient-text " style = " font-family: Geologica-Light " > {{ $item -> name }} </ strong >
< br >< button style = " background: #9739f6; letter-spacing: 0; " type = " button " class = " btn text-white " data - bs - toggle = " modal " data - bs - target = " #exampleModalNewsMobile- { { $item -> id } } " > читать полностью </ button >
< p class = " gradient-text " style = " font-family: Geologica-ExtraLight; " > {{ Str :: limit ( preg_replace ( '/<([^>]+)>/' , PHP_EOL , $item -> text ), 100 , " ... " ) }} </ p >
<!-- Modal -->
< div class = " modal fade " id = " exampleModalNewsMobile- { { $item -> id } } " tabindex = " -1 " aria - labelledby = " exampleModalLabel " aria - hidden = " true " >
< div class = " modal-dialog modal-xl " >
< div class = " modal-content " >
< div class = " modal-header " >
< h1 class = " modal-title fs-5 " id = " exampleModalLabel " > {{ $item -> name }} </ h1 >
< button type = " button " class = " btn-close " data - bs - dismiss = " modal " aria - label = " Close " ></ button >
</ div >
< div class = " modal-body " >
< div class = " container " >
< div class = " row justify-content-center " >
< div class = " col " >
< img src = " { { asset( $item->photo )}} " class = " img-fluid border border-white border-2 " style = " background-size: cover; border-radius: 20px; " >
</ div >
</ div >
< p class = " mt-4 " > {{ $item -> text }} </ p >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
</ div >
2024-02-29 16:42:44 +03:00
2024-04-17 14:23:57 +03:00
</ div >
< br >< br >< br >< br >
</ div >
@ endforeach
< div class = " carousel-indicators mt-5 " >
@ for ( $i = 0 ; $i < $counter ; $i ++ )
< button type = " button " data - bs - target = " #carouselExampleIndicatorsMobile " data - bs - slide - to = " { { $i } } " @ if ( $i == 1 ) class = " active " @ endif aria - current = " true " a ria - label = " Slide { { $i + 1 } } " ></ button >
@ endfor
</ div >
</ div >
< button class = " carousel-control-prev " type = " button " data - bs - target = " #carouselExampleIndicatorsMobile " data - bs - slide = " prev " >
< span class = " carousel-control-prev-icon " aria - hidden = " true " ></ span >
< span class = " visually-hidden " > Previous </ span >
</ button >
< button class = " carousel-control-next " type = " button " data - bs - target = " #carouselExampleIndicatorsMobile " data - bs - slide = " next " >
< span class = " carousel-control-next-icon " aria - hidden = " true " ></ span >
< span class = " visually-hidden " > Next </ span >
</ button >
</ div >
</ div >
</ div >
< div style = " background-image: url( { { URL::to('img/front-page/inostran/fon4_blok.png') }}); background-size: cover; " >
2024-04-09 15:53:43 +03:00
< div class = " container-fluid ms-sm-5 pt-5 " >
< div class = " row " >
2024-04-17 14:23:57 +03:00
< div class = " ms-4 col-auto gradient-text " >
2024-04-09 15:53:43 +03:00
< div class = " col-11 " >
< 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-09 15:53:43 +03:00
< div class = " col-11 " >
< 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-09 15:53:43 +03:00
< div class = " col-11 " >
< 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-09 15:53:43 +03:00
< div class = " col-11 " >
< p class = " text-white fs-4 " > 385000 , Республика Адыгея , г . Майкоп , ул . Первомайская , д . 191 </ p >
2024-02-29 16:42:44 +03:00
</ div >
2024-04-09 15:53:43 +03:00
< div class = " col-11 " >
2024-02-29 16:42:44 +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 >
</ div >
2024-04-09 15:53:43 +03:00
< div class = " col mt-3 mt-xl-0 " >
< div class = " col-md-6 col-12 d-flex justify-content-md-end justify-content-center " style = 'border-radius: 20px;' >
< script type = " text/javascript " charset = " utf-8 " async src = " https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Abce7036e67cc958b252a800040dcada03df467881dac609a6f6b7ef8618fe7a1&width=500&height=400&lang=ru_RU&scroll=true " ></ script >
</ div >
</ div >
2024-02-29 16:42:44 +03:00
</ div >
2024-02-16 13:39:57 +03:00
2024-02-29 16:42:44 +03:00
</ div >
2024-02-16 13:39:57 +03:00
2024-04-09 15:53:43 +03:00
< br >< br >< br >
2024-02-16 13:39:57 +03:00
</ div >
2024-04-09 15:53:43 +03:00
2024-03-04 15:26:53 +03:00
</ body >
@ endsection
