forked from aslan/applicant-site
Merge pull request 'green button switch fix' (#55) from RomanGolienko/Roman_applicant-site:feature/visually-impaired-mode into main
Reviewed-on: http://gitea.mkgtu.ru/aslan/applicant-site/pulls/55
This commit is contained in:
commit
bffff7f209
|
|
@ -182,7 +182,7 @@ class DirectonHtmlBuilderForCalculator
|
|||
return "<div class=\"offcanvas offcanvas-bottom visually_impaired_mode direction-card-text fon2_blok\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"calc-{$direction['id'] }\" aria-labelledby=\"Labelcalc-{$direction['id']}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ;\">
|
||||
|
||||
|
||||
<div class=\"mx-5 pb-5\">
|
||||
<div class=\"mx-5 pb-5 text-dark\">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@
|
|||
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous">
|
||||
|
||||
</script>
|
||||
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
|
||||
<body>
|
||||
|
||||
|
|
@ -470,9 +470,7 @@
|
|||
};
|
||||
|
||||
</script>
|
||||
<script>
|
||||
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,5 +1,6 @@
|
|||
@extends('layouts.new-design-layout')
|
||||
@section('content')
|
||||
|
||||
<style>
|
||||
|
||||
.gradient-text {
|
||||
|
|
@ -14,20 +15,27 @@
|
|||
border: 1px solid transparent;
|
||||
|
||||
}
|
||||
|
||||
.hover3:hover {
|
||||
|
||||
border: unset;
|
||||
background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});!important;
|
||||
background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }});
|
||||
!important;
|
||||
|
||||
|
||||
transition: all .3s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* On mouse-over, add a grey background color */
|
||||
.checkbox1:hover input ~ .checkmark {
|
||||
background-color: rgba(113, 49, 152, 0.85);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Handle */
|
||||
.scroll-1::-webkit-scrollbar-thumb {
|
||||
|
||||
|
|
@ -46,22 +54,37 @@
|
|||
background-image: linear-gradient(to right, rgba(134, 8, 215, 0.85), 20%, rgba(113, 49, 152, 0.85));
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
|
||||
.fon1_blok {
|
||||
background-image: url({{ URL::to('img/front-page/inostran/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
|
||||
}
|
||||
.fon2_blok {
|
||||
background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.fon3_blok {
|
||||
background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.fon4_blok {
|
||||
background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.buttonBG {
|
||||
background: linear-gradient(rgba(134, 8, 215, 0.85), rgba(113, 49, 152, 0.85)); border-radius: 20px; letter-spacing: 0;
|
||||
}
|
||||
</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>
|
||||
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
|
||||
<body>
|
||||
|
||||
|
||||
<header>
|
||||
<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="container-fluid position-relative fon1_blok visually_impaired_mode ">
|
||||
<div class="mt-4 position-absolute" style="margin-left:11%;">@include('flash::message')</div>
|
||||
<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%">
|
||||
|
|
@ -99,8 +122,11 @@
|
|||
{{-- <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
|
||||
<img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
|
||||
{{-- <a type="button" class="col-auto px-lg-3 text-white text-sm-start visually_impaired_mode_button "--}}
|
||||
{{-- style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
|
||||
{{-- <div class="hover2"> Режим для слабовидящих</div>--}}
|
||||
{{-- </a>--}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -160,24 +186,24 @@
|
|||
|
||||
<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; ">
|
||||
class="buttonBG 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">
|
||||
|
||||
Личный кабинет
|
||||
</a>
|
||||
<a href="#anchor"
|
||||
class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
|
||||
style=" background: linear-gradient(#8c2bf5, 60%, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
class="buttonBG 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">
|
||||
|
||||
День открытых дверей
|
||||
</a>
|
||||
<!-- 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(#8c2bf5, 60%, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
<a type="button" class="buttonBG 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" >
|
||||
Видео про МГТУ
|
||||
</a>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/inostran/fon2_blok.png') }});" >
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
|
@ -201,12 +227,11 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon2_blok visually_impaired_mode">
|
||||
|
||||
<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; ">
|
||||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
|
||||
ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -276,33 +301,36 @@
|
|||
</tr>
|
||||
|
||||
@foreach ($faculty['directions'] as $direction)
|
||||
@if($direction['education_level'] != 'магистратура')
|
||||
|
||||
<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>
|
||||
<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
|
||||
$DirectonHtmlBuilder = new DirectonHtmlBuilder($direction);
|
||||
echo $DirectonHtmlBuilder->getHTML();
|
||||
$educationForms = '';
|
||||
foreach ($direction['education_form'] as $educationForm) {
|
||||
$educationForms .= $educationForm . ', ';
|
||||
}
|
||||
$educationForms = substr($educationForms, 0, -2);
|
||||
|
||||
@endphp
|
||||
</td>
|
||||
<td> {{$educationForms}} </td>
|
||||
</tr>
|
||||
@endif
|
||||
|
||||
<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>
|
||||
|
|
@ -325,6 +353,23 @@
|
|||
<!--Здесь пишем ЯВА СКРИПТ-->
|
||||
<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();
|
||||
}
|
||||
});
|
||||
$(document).on("click", ".calc_green_circle_button", function () {
|
||||
console.log
|
||||
let id=$(this).data('id');
|
||||
let institut=$(this).data('institut');
|
||||
if(institut=='mgtu') {
|
||||
|
|
@ -346,7 +391,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon3_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
|
@ -361,8 +406,7 @@
|
|||
|
||||
<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>
|
||||
<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 }}
|
||||
|
|
@ -391,6 +435,7 @@
|
|||
|
||||
</div>
|
||||
<script>window.onload = function () {
|
||||
|
||||
$(".unclearall").click(function () {
|
||||
|
||||
$('input[type="checkbox"]').prop('checked', false);
|
||||
|
|
@ -425,24 +470,7 @@
|
|||
};
|
||||
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -471,7 +499,7 @@
|
|||
</div>
|
||||
<div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon4_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<a id="anchor"></a>
|
||||
|
|
@ -546,7 +574,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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="fon1_blok visually_impaired_mode ">
|
||||
<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 "
|
||||
|
|
@ -570,51 +600,58 @@
|
|||
|
||||
@php
|
||||
$out = array_chunk($all_news, 4, true);
|
||||
//echo '<pre>' . print_r($out, 1) . '</pre>'
|
||||
@endphp
|
||||
|
||||
@foreach($out as $id => $page)
|
||||
<div class="carousel-item @if($id == 0) 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="w-100 border border-white border-2" style="border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
|
||||
<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>
|
||||
<div class="col" style="max-width: 20%">
|
||||
<div class="row">
|
||||
<div class="col-12" >
|
||||
<img src="{{$item['url']}}" class="w-100 border border-white border-2" style=" border-radius: 20px 20px 0px 0px; height: 14.5em; object-fit: cover ">
|
||||
<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 type="button" class="btn text-white" style="background: #9739f6" 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>
|
||||
<!-- 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>
|
||||
<p class="mt-4"> {{$item['text']}}</p>
|
||||
<div class="modal-body">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-8 d-flex justify-content-center">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
|
|
@ -655,7 +692,7 @@
|
|||
<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>
|
||||
<br><button type="button" style="background: #9739f6;" class="btn btn-primary" 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">
|
||||
|
|
@ -711,33 +748,36 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/inostran/fon4_blok.png') }}); background-size: cover; ">
|
||||
{{-- Конец новостей --}}
|
||||
<div class="fon2_blok visually_impaired_mode">
|
||||
<div class="container-fluid ms-sm-5 pt-5 ">
|
||||
<div class="row">
|
||||
<div class="ms-4 col-auto gradient-text ">
|
||||
<div class="row gradient-text">
|
||||
<div class="ms-4 col-auto ">
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<div class="text-white fs-4"> Приемная коммисия:</div>
|
||||
<div class=" fs-4"> Приемная коммисия:</div>
|
||||
<p class="text-white"> (8772) 52-30-08 </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||||
<p class="text-white"> 8-938-530-53-14 </p>
|
||||
<div class=" fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||||
<p class=""> 8-938-530-53-14 </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<div class="text-white fs-4"> Почта:</div>
|
||||
<p class="text-white"> info@mkgtu.ru </p>
|
||||
<div class=" fs-4"> Почта:</div>
|
||||
<p class=""> info@mkgtu.ru </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||||
<p class=" fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<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>
|
||||
|
|
@ -753,6 +793,45 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ms-4">
|
||||
<!-- Button trigger modal -->
|
||||
<div class="col-11">
|
||||
<a style="background: #9739f6" class=" fs-4 btn text-white " type="button" data-bs-toggle="modal" data-bs-target="#feedbackModal"> Обратная связь </a>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form method="POST" action="{{route('feedback.store')}}">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputEmail1" class="form-label">Ваши контакты</label>
|
||||
<input type="text" class="form-control" name="contact" id="contact" aria-describedby="contactHelp" >
|
||||
<div id="contactHelp" class="form-text"> Ваш телефон или электронная почта</div>
|
||||
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputPassword1" class="form-label"> Ваше сообщение</label>
|
||||
<textarea type="text" class="form-control" name="text" id="text"> </textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Закрыть </button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -764,4 +843,9 @@
|
|||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<script>
|
||||
$('div.alert').not('.alert-important').delay(15000).fadeOut(350);
|
||||
</script>
|
||||
@endsection
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,5 +1,7 @@
|
|||
|
||||
@extends('layouts.new-design-layout')
|
||||
@section('content')
|
||||
|
||||
<style>
|
||||
|
||||
.gradient-text {
|
||||
|
|
@ -14,20 +16,27 @@
|
|||
border: 1px solid transparent;
|
||||
|
||||
}
|
||||
|
||||
.hover3:hover {
|
||||
|
||||
border: unset;
|
||||
background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }});!important;
|
||||
background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }});
|
||||
!important;
|
||||
|
||||
|
||||
transition: all .3s ease-in-out;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* On mouse-over, add a grey background color */
|
||||
.checkbox1:hover input ~ .checkmark {
|
||||
background-color: rgba(20, 61, 203, 0.85);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Handle */
|
||||
.scroll-1::-webkit-scrollbar-thumb {
|
||||
|
||||
|
|
@ -46,22 +55,37 @@
|
|||
background-image: linear-gradient(to right, rgba(29, 59, 166, 0.85), 20%, rgba(20, 61, 203, 0.85));
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
|
||||
.fon1_blok {
|
||||
background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;"
|
||||
}
|
||||
.fon2_blok {
|
||||
background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.fon3_blok {
|
||||
background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.fon4_blok {
|
||||
background-image: url({{ URL::to('img/front-page/magistr/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;
|
||||
}
|
||||
.buttonBG {
|
||||
background: linear-gradient(rgba(58, 97, 250, 0.85), rgba(38, 84, 255, 0.85)); border-radius: 20px; letter-spacing: 0;
|
||||
}
|
||||
</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>
|
||||
<script src="{{ URL::to('https://lidrekon.ru/slep/js/jquery.js') }}"></script>
|
||||
|
||||
<script src="{{ URL::to('//lidrekon.ru/slep/js/uhpv-full.min.js') }}"></script>
|
||||
<body>
|
||||
|
||||
|
||||
<header>
|
||||
<div class="container-fluid position-relative "
|
||||
style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
|
||||
<div class="container-fluid position-relative fon1_blok visually_impaired_mode ">
|
||||
<div class="mt-4 position-absolute" style="margin-left:11%;">@include('flash::message')</div>
|
||||
<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%">
|
||||
|
|
@ -85,11 +109,11 @@
|
|||
style="font-family: Geologica-Light">
|
||||
|
||||
<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
|
||||
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;">
|
||||
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 "
|
||||
|
|
@ -99,8 +123,11 @@
|
|||
{{-- <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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
|
||||
<img id="specialButton" style="cursor:pointer; width: 25px; height: 25px;" src="{{ URL::to('img/front-page/visually-impaired-mode-icon.png') }}" alt="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" title="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />
|
||||
{{-- <a type="button" class="col-auto px-lg-3 text-white text-sm-start visually_impaired_mode_button "--}}
|
||||
{{-- style="font-size: 20px;font-weight: 400;line-height: 29px;">--}}
|
||||
{{-- <div class="hover2"> Режим для слабовидящих</div>--}}
|
||||
{{-- </a>--}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -160,24 +187,24 @@
|
|||
|
||||
<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(#0b3fc9, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
class="buttonBG 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">
|
||||
|
||||
Личный кабинет
|
||||
</a>
|
||||
<a href="#anchor"
|
||||
class="hover1 col-auto text-white position-relative z-2 mb-3 mx-3 text-center text-md-start shadow py-3 px-4 justify-content-center d-inline-flex"
|
||||
style=" background: linear-gradient(#0b3fc9, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
class="buttonBG 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">
|
||||
|
||||
День открытых дверей
|
||||
</a>
|
||||
<!-- 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(#0b3fc9, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
<a type="button" class="buttonBG 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" >
|
||||
Видео про МГТУ
|
||||
</a>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }});" >
|
||||
<div class="modal-content" style="background-image: url({{ URL::to('img/front-page/magistr/fon2_blok.png') }});" >
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
|
|
@ -201,12 +228,11 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon2_blok visually_impaired_mode">
|
||||
|
||||
<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/magistr/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em; ">
|
||||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
|
||||
ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -276,7 +302,8 @@
|
|||
</tr>
|
||||
|
||||
@foreach ($faculty['directions'] as $direction)
|
||||
@if($direction['education_level'] == 'магистратура')
|
||||
@if($direction['education_level'] != 'магистратура')
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
<a class=" border border-dark rounded-3 p-2 hover1"
|
||||
|
|
@ -305,7 +332,6 @@
|
|||
</tr>
|
||||
@endif
|
||||
|
||||
|
||||
@endforeach
|
||||
</table>
|
||||
</div>
|
||||
|
|
@ -328,6 +354,23 @@
|
|||
<!--Здесь пишем ЯВА СКРИПТ-->
|
||||
<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();
|
||||
}
|
||||
});
|
||||
$(document).on("click", ".calc_green_circle_button", function () {
|
||||
console.log
|
||||
let id=$(this).data('id');
|
||||
let institut=$(this).data('institut');
|
||||
if(institut=='mgtu') {
|
||||
|
|
@ -349,7 +392,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon3_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 py-5">
|
||||
<div class="row">
|
||||
|
|
@ -364,8 +407,7 @@
|
|||
|
||||
<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>
|
||||
<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 }}
|
||||
|
|
@ -394,6 +436,7 @@
|
|||
|
||||
</div>
|
||||
<script>window.onload = function () {
|
||||
|
||||
$(".unclearall").click(function () {
|
||||
|
||||
$('input[type="checkbox"]').prop('checked', false);
|
||||
|
|
@ -428,24 +471,7 @@
|
|||
};
|
||||
|
||||
</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>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -474,7 +500,7 @@
|
|||
</div>
|
||||
<div class="d-md-block d-none"><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/bakalavr-special/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
<div class="fon4_blok visually_impaired_mode">
|
||||
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<a id="anchor"></a>
|
||||
|
|
@ -549,7 +575,9 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon1_blok.png') }}); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; ">
|
||||
|
||||
{{-- Начало новостей --}}
|
||||
<div class="fon1_blok visually_impaired_mode ">
|
||||
<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 "
|
||||
|
|
@ -721,33 +749,36 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/magistr/fon4_blok.png') }}); background-size: cover; ">
|
||||
{{-- Конец новостей --}}
|
||||
<div class="fon2_blok visually_impaired_mode">
|
||||
<div class="container-fluid ms-sm-5 pt-5 ">
|
||||
<div class="row">
|
||||
<div class="ms-4 col-auto gradient-text ">
|
||||
<div class="row gradient-text">
|
||||
<div class="ms-4 col-auto ">
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<div class="text-white fs-4"> Приемная коммисия:</div>
|
||||
<div class=" fs-4"> Приемная коммисия:</div>
|
||||
<p class="text-white"> (8772) 52-30-08 </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<div class="text-white fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||||
<p class="text-white"> 8-938-530-53-14 </p>
|
||||
<div class=" fs-4"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||||
<p class=""> 8-938-530-53-14 </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<div class="text-white fs-4"> Почта:</div>
|
||||
<p class="text-white"> info@mkgtu.ru </p>
|
||||
<div class=" fs-4"> Почта:</div>
|
||||
<p class=""> info@mkgtu.ru </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<p class="text-white fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||||
<p class=" fs-4"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-11">
|
||||
<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>
|
||||
|
|
@ -763,6 +794,45 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row ms-4">
|
||||
<!-- Button trigger modal -->
|
||||
<div class="col-11">
|
||||
<a class=" fs-4 btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#feedbackModal"> Обратная связь </a>
|
||||
</div>
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form method="POST" action="{{route('feedback.store')}}">
|
||||
@csrf
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputEmail1" class="form-label">Ваши контакты</label>
|
||||
<input type="text" class="form-control" name="contact" id="contact" aria-describedby="contactHelp" >
|
||||
<div id="contactHelp" class="form-text"> Ваш телефон или электронная почта</div>
|
||||
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="exampleInputPassword1" class="form-label"> Ваше сообщение</label>
|
||||
<textarea type="text" class="form-control" name="text" id="text"> </textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Отправить</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal"> Закрыть </button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
|
@ -774,4 +844,9 @@
|
|||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
<script>
|
||||
$('div.alert').not('.alert-important').delay(15000).fadeOut(350);
|
||||
</script>
|
||||
@endsection
|
||||
|
|
|
|||
Loading…
Reference in New Issue