345 lines
8.6 KiB
PHP
345 lines
8.6 KiB
PHP
<!doctype html>
|
||
<html class="no-js" lang="ru">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
<title>Абитуриенту ФГБОУ ВО "МГТУ"</title>
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- Place favicon.ico in the root directory -->
|
||
<link rel="shortcut icon" type="image/x-icon" href="{{ URL::to('img/front-page/logo.png') }}">
|
||
|
||
<!-- CSS here -->
|
||
|
||
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.css') }}">
|
||
<link rel="stylesheet" type="js" href="{{ asset('js/bootstrap-bundle.js') }}">
|
||
<script src="{{ asset('js/jquery-3.7.1.min.js') }}"></script>
|
||
|
||
|
||
|
||
|
||
|
||
@yield('extra_styles')
|
||
<!-- css end here-->
|
||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||
<meta name="csrf-param" content="_token"/>
|
||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
|
||
<meta http-equiv="Pragma" content="no-cache">
|
||
<meta http-equiv="Expires" content="0">
|
||
{{-- <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>--}}
|
||
</head>
|
||
<style>
|
||
@font-face {
|
||
|
||
font-family: "Geologica-Medium";
|
||
|
||
src: url({{ URL::to('fonts/Geologica/Geologica-Medium.ttf') }}) format("truetype");
|
||
|
||
}
|
||
|
||
@font-face {
|
||
|
||
font-family: "Geologica-ExtraLight";
|
||
|
||
src: url({{ URL::to('/fonts/Geologica/Geologica-ExtraLight.ttf') }}) format("truetype");
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
}
|
||
|
||
@font-face {
|
||
|
||
font-family: "Geologica-Light";
|
||
|
||
src: url({{ URL::to('/fonts/Geologica/Geologica-Light.ttf') }}) format("truetype");
|
||
font-style: normal;
|
||
font-weight: normal;
|
||
}
|
||
|
||
|
||
|
||
body {
|
||
|
||
overflow-x: hidden;
|
||
font-family: "Geologica-Medium";!important;
|
||
}
|
||
|
||
a {
|
||
text-decoration: none;
|
||
color: unset;
|
||
}
|
||
|
||
a:hover {
|
||
color: unset;
|
||
|
||
}
|
||
.default-focus{
|
||
|
||
|
||
border-color: #198754;
|
||
box-shadow: 0 0 0 0.25rem rgba(25,135,84,.5);
|
||
|
||
}
|
||
.hover1:hover {
|
||
transform: scale(1.1);
|
||
transition: all .3s ease-in-out;
|
||
z-index: 1052;
|
||
|
||
|
||
}
|
||
|
||
.hover2:hover {
|
||
color: #d3d3d3;
|
||
transition: all .4s ease-in-out;
|
||
/*border: solid;*/
|
||
/*border-radius: 8rem;*/
|
||
/*padding: 5px 8px;*/
|
||
/*border-color: #ffffff;*/
|
||
}
|
||
.hover3:hover div {
|
||
-webkit-background-clip: unset;
|
||
-webkit-text-fill-color: unset;
|
||
color: white;
|
||
}
|
||
|
||
/* Customize the label (the container) */
|
||
.checkbox1 {
|
||
display: block;
|
||
position: relative;
|
||
padding-left: 35px;
|
||
margin-bottom: 12px;
|
||
cursor: pointer;
|
||
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
|
||
}
|
||
|
||
/* Hide the browser's default checkbox */
|
||
.checkbox1 input {
|
||
position: absolute;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
height: 0;
|
||
width: 0;
|
||
}
|
||
|
||
/* Create a custom checkbox */
|
||
.checkmark {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
height: 25px;
|
||
width: 25px;
|
||
background-color: transparent;
|
||
border: 1px solid rgb(241, 241, 241);
|
||
border-radius: 8px;
|
||
|
||
}
|
||
.checkbox1 input:checked ~ .checkmark {
|
||
background-color: rgb(255, 255, 255);
|
||
|
||
}
|
||
.checkbox2 input:checked ~ .checkmark {
|
||
background-color: rgb(0, 0, 0);
|
||
|
||
}
|
||
|
||
/* Create the checkmark/indicator (hidden when not checked) */
|
||
.checkmark:after {
|
||
content: "";
|
||
position: absolute;
|
||
display: none;
|
||
|
||
}
|
||
|
||
/* Show the checkmark when checked */
|
||
.checkbox1 input:checked ~ .checkmark:after {
|
||
display: block;
|
||
}
|
||
|
||
/* Style the checkmark/indicator */
|
||
.checkbox1 .checkmark:after {
|
||
|
||
}
|
||
|
||
td {
|
||
padding-top: 20px;
|
||
padding-bottom: 10px;
|
||
|
||
}
|
||
|
||
tr {
|
||
vertical-align: top;
|
||
}
|
||
|
||
#faculty {
|
||
width: 40%;
|
||
}
|
||
|
||
/* width */
|
||
.scroll-1::-webkit-scrollbar {
|
||
width: 15px;
|
||
transition: 0.3s;
|
||
border-radius: 20px;
|
||
}
|
||
|
||
/* Track */
|
||
.scroll-1::-webkit-scrollbar-track {
|
||
background: #bdbdbd;
|
||
|
||
|
||
border-radius: 20px;
|
||
|
||
}
|
||
.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);
|
||
}
|
||
.visually_impaired_mode_bg {
|
||
|
||
background-image: url({{ URL::to("public/img/front-page/white-bg.jpg")}})!important;
|
||
|
||
}
|
||
.direction-card-text {
|
||
color: #004329;
|
||
}
|
||
.disabled {
|
||
display: none;
|
||
}
|
||
.visually-impaired-text {
|
||
font-size: 150%!important;
|
||
}
|
||
|
||
|
||
|
||
</style>
|
||
<script>
|
||
$(document).on("click", ".visually_impaired_mode_button", function () {
|
||
|
||
|
||
if(!$("body").hasClass('visually-impaired-text')){
|
||
$("body").addClass('visually-impaired-text')
|
||
|
||
|
||
}
|
||
else {
|
||
$("body").removeClass('visually-impaired-text')
|
||
}
|
||
|
||
if($('div, a, p').hasClass('visually_impaired_mode_bg')){
|
||
$(".visually_impaired_mode").removeClass('visually_impaired_mode_bg');
|
||
|
||
}
|
||
else {
|
||
$(".visually_impaired_mode").addClass('visually_impaired_mode_bg');
|
||
}
|
||
|
||
if($("div, a, p").hasClass('buttonBG')){
|
||
$(".buttonBG").addClass('buttonBGDISABLED')
|
||
$(".buttonBG").removeClass('buttonBG');
|
||
}
|
||
else {
|
||
$(".buttonBGDISABLED").addClass('buttonBG');
|
||
$(".buttonBGDISABLED").removeClass('buttonBGDISABLED');
|
||
}
|
||
|
||
if($("div, a, p").hasClass('text-white')){
|
||
$(".text-white").addClass('text-whiteDISABLED');
|
||
$(".text-white").removeClass('text-white');
|
||
|
||
}
|
||
else {
|
||
$(".text-whiteDISABLED").addClass('text-white');
|
||
$(".text-whiteDISABLED").removeClass('text-whiteDISABLED');
|
||
}
|
||
|
||
if($(".gradient-text").hasClass('gradient-text')){
|
||
$(".gradient-text").addClass('gradient-textDISABLED');
|
||
$(".gradient-text").removeClass('gradient-text');
|
||
}
|
||
else {
|
||
$(".gradient-textDISABLED").addClass('gradient-text');
|
||
$(".gradient-textDISABLED").removeClass('gradient-textDISABLED');
|
||
|
||
}
|
||
|
||
if($(".direction-card-text").hasClass('direction-card-text')){
|
||
$(this).addClass('direction-card-textDISABLED');
|
||
$(".direction-card-text").removeClass('direction-card-text');
|
||
}
|
||
else {
|
||
$(".direction-card-textDISABLED").addClass('direction-card-text');
|
||
$(".direction-card-textDISABLED").removeClass('direction-card-textDISABLED');
|
||
|
||
}
|
||
if($("img").hasClass('disabled')){
|
||
$("img").removeClass('disabled')
|
||
}
|
||
else {
|
||
$("img").addClass('disabled')
|
||
}
|
||
|
||
if($("div, a, p").hasClass('scroll-1')){
|
||
$(".scroll-1").addClass('scroll-1DISABLED');
|
||
$(".scroll-1").removeClass('scroll-1');
|
||
|
||
}
|
||
|
||
else {
|
||
$(".scroll-1DISABLED").addClass('scroll-1');
|
||
$(".scroll-1DISABLED").removeClass('scroll-1DISABLED');
|
||
}
|
||
|
||
|
||
if(!$("div, a, p").hasClass('DARK')){
|
||
|
||
$(".checkmark").css("border", "3px solid rgb(0, 0, 0)")
|
||
$(this).addClass("DARK")
|
||
|
||
}
|
||
|
||
else {
|
||
$(this).removeClass("DARK")
|
||
$(".checkmark").css("border", "1px solid rgb(241, 241, 241)")
|
||
|
||
}
|
||
|
||
|
||
if($(".checkbox1").hasClass("checkbox2 input:checked ~ .checkmark")){
|
||
$(".checkbox1 ").removeClass("checkbox2 input:checked ~ .checkmark")
|
||
}
|
||
else {
|
||
$(".checkbox1 ").addClass("checkbox2 input:checked ~ .checkmark")
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
});
|
||
</script>
|
||
@yield('content')
|