applicant-site/resources/views/layouts/test-applicant-layout.blade...

131 lines
4.8 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/logo/favicon.png') }}">
<!-- CSS here -->
<link rel="stylesheet" type="text/css" href="{{ asset('css/bootstrap.css') }}">
@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">
</head>
<style>
@font-face {
font-family: "Inter";
src: url({{ URL::to('fonts/Inter-Medium.otf') }}) format("truetype");
font-style: normal;
font-weight: normal;
}
html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});
background-repeat: no-repeat;
width: 100%;
height: 100%;
object-fit: cover;
overflow-x:hidden;
font-family: "Inter"; !important;
}
a {
text-decoration: none; /* Убираем подчёркивание */
}
.hover1:hover {
transform: scale(1.1);
transition: all .3s ease-in-out;
}
</style>
<body>
<header>
<div class="d-none d-xl-block position-absolute bottom-0 end-0 " style="width: 68%">
<div>
<img class="img-fluid" src="{{ URL::to('img/front-page/professor.png') }}" alt="">
</div>
</div>
<div class="ms-sm-5 mt-5">
<div class=" ms-2 ms-sm-0 row ">
<div class="col-12 col-sm-12 d-inline d-lg-flex justify-content-start">
<div class="col-auto pe-lg-3 text-white text-sm-start" style="font-size: 24px;font-weight: 400;line-height: 29px; sans-serif;">
<div>Бакалавриат / Специалитет</div>
</div>
<div class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 24px;font-weight: 400;line-height: 29px; sans-serif;">
<div>Магистратура</div>
</div>
<div class="col-auto px-lg-3 text-white text-sm-start " style="font-size: 24px;font-weight: 400;line-height: 29px;">
<div>Иностранным абитуриентам</div>
</div>
</div>
</div>
<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; ">
ПОСТУПАЙ В МГТУ
</div>
</div>
<div class="row">
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75 " style=" letter-spacing: 0em; ">
75 студенческих объединений
</div>
</div>
<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; ">
3367 БЮДЖЕТНЫХ МЕСТ
</div>
</div>
<div class="row">
<div class="fs-3 col-12 text-white mb-3 text-center text-md-start opacity-75" style=" letter-spacing: 0em; ">
300 образовательных программ
</div>
</div>
<div class="d-none d-lg-block">
<br><br><br><br><br><br>
</div>
<div class=" mt-5 row d-lg-inline d-flex justify-content-center ">
<a href="#" class="hover1 col-auto text-white 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; ">
Личный кабинет
</a>
<a href="#" class="hover1 col-auto text-white 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; ">
День открытых дверей
</a>
<a href="#" class="hover1 col-auto text-white 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; ">
Твои возможности
</a>
</div>
</div>
</header>