applicant-site/resources/views/layouts/new-design-layout.blade.php

284 lines
7.2 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 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);
}
/* 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;
}
</style>
<script>
$(document).on("click", ".visually_impaired_mode_button", function () {
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')){
$(".direction-card-text").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')
}
});
</script>
@yield('content')