forked from aslan/applicant-site
Merge pull request 'main page completed' (#16) from RomanGolienko/Roman_applicant-site:new-design into main
Reviewed-on: http://172.17.254.104/aslan/applicant-site/pulls/16
This commit is contained in:
commit
022d8cc0ec
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 141 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 728 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 440 B |
Binary file not shown.
|
After Width: | Height: | Size: 551 B |
|
|
@ -24,13 +24,30 @@
|
|||
<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: "Inter";
|
||||
font-family: "Geologica-Medium";
|
||||
|
||||
src: url({{ URL::to('fonts/Inter-Medium.otf') }}) format("truetype");
|
||||
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;
|
||||
}
|
||||
|
|
@ -42,18 +59,37 @@
|
|||
|
||||
}
|
||||
body {
|
||||
background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});
|
||||
{{--background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});--}}
|
||||
overflow-x: hidden;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
overflow-x:hidden;
|
||||
font-family: "Inter"; !important;
|
||||
|
||||
font-family: "Geologica-Medium"; !important;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: unset;
|
||||
}
|
||||
a:hover{
|
||||
|
||||
|
||||
}
|
||||
a {
|
||||
text-decoration: none; /* Убираем подчёркивание */
|
||||
|
||||
|
||||
.gradient-text{
|
||||
background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.button1{
|
||||
background: linear-gradient(white, white) padding-box, linear-gradient(to right,#0d6efd , #4f96ff) border-box;
|
||||
border-radius: 11px;
|
||||
border: 1px solid transparent;
|
||||
|
||||
}
|
||||
.hover1:hover {
|
||||
transform: scale(1.1);
|
||||
|
|
@ -61,70 +97,732 @@
|
|||
|
||||
|
||||
}
|
||||
.hover2:hover {
|
||||
color: #d3d3d3;
|
||||
transition: all .4s ease-in-out;
|
||||
/*border: solid;*/
|
||||
/*border-radius: 8rem;*/
|
||||
/*padding: 5px 8px;*/
|
||||
/*border-color: #ffffff;*/
|
||||
}
|
||||
.hover3:hover {
|
||||
|
||||
border: unset;
|
||||
background-image: url({{ URL::to('img/front-page/fon1_blok.png') }});!important;
|
||||
|
||||
|
||||
|
||||
transition: all .3s ease-in-out;
|
||||
|
||||
}
|
||||
.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: rgba(255, 255, 255, 0.18);
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* On mouse-over, add a grey background color */
|
||||
.checkbox1:hover input ~ .checkmark {
|
||||
background-color: rgba(44, 131, 204, 0.85);
|
||||
}
|
||||
|
||||
/* When the checkbox is checked, add a blue background */
|
||||
.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 */
|
||||
::-webkit-scrollbar {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
::-webkit-scrollbar-track {
|
||||
background: #FFFFFF;
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
||||
|
||||
border-radius: 20px;
|
||||
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
::-webkit-scrollbar-thumb {
|
||||
|
||||
height: 30px;
|
||||
width: 8px;
|
||||
background: #eaeaea;
|
||||
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
|
||||
border-radius: 10px;
|
||||
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #bebebe;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<header>
|
||||
<header>
|
||||
<div class="container-fluid " style="background-image: url({{ URL::to('img/front-page/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%" >
|
||||
<div style="width: 60%">
|
||||
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/professor.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ms-0 ms-md-5 ">
|
||||
<div class="row">
|
||||
<div class="col-lg-3 col-12 d-none d-xl-flex justify-content-start align-items-center">
|
||||
<div class=" " style="width: 30%">
|
||||
<img class="img-fluid float-end " src="{{ URL::to('img/front-page/logo.png') }}" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<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 ">
|
||||
|
||||
<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">
|
||||
|
||||
<a href="#" class="col-auto pe-lg-3 text-white text-sm-start" style="font-size: 20px;font-weight: 400;line-height: 29px;">
|
||||
<div class="hover2"> Колл-центр: 8 800 550-23-01 </div>
|
||||
</a>
|
||||
<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"> Почта: info@mkgtu.ru </div>
|
||||
</a>
|
||||
<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"> Все контакты</div>
|
||||
</a>
|
||||
<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="ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ" />--}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=" me-0 me-md-2 row d-lg-flex justify-content-end ">
|
||||
|
||||
<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">
|
||||
|
||||
<a href="#" 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>
|
||||
</a>
|
||||
<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"> Магистратура </div>
|
||||
</a>
|
||||
<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"> Иностранным абитуриентам</div>
|
||||
</a>
|
||||
|
||||
</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><br>
|
||||
</div>
|
||||
|
||||
<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(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
Личный кабинет
|
||||
</a>
|
||||
<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(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
День открытых дверей
|
||||
</a>
|
||||
<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(#56CCF2, #56CCF200); border-radius: 20px; letter-spacing: 0; ">
|
||||
Твои возможности
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="d-md-block d-none"><br><br><br><br><br><br><br></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div style="background-image: url({{ URL::to('img/front-page/fon3_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<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/fon1_blok.png') }}); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; letter-spacing: 0em; ">
|
||||
ПЕРЕЧЕНЬ ФАКУЛЬТЕТОВ
|
||||
</div>
|
||||
</div>
|
||||
<div class="row d-flex justify-content-center">
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1 " style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/5.png') }}" alt="">
|
||||
<div class="ms-xl-5 ms-2 d-flex align-items-center z-3 gradient-text" > Факультет послевузовского профессионального образования</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/10.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Лечебный факультет</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/8.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Инженерный факультет</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row d-flex mt-md-4 justify-content-center">
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/9.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Технологический факультет</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/1.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет аграрных технологий</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/12.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Педиатрический факультет</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row d-flex mt-md-4 justify-content-center">
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/13.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Фармацевтический факультет</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/4.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет международного образования</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/11.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Стоматологический факультет </p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row d-flex mt-md-4 justify-content-center">
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/6.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Экологический факультет</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/7.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Медицинский факультет </p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/2.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет экономики и управления </p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row d-flex mt-md-4 justify-content-xxl-start justify-content-center">
|
||||
<div class="col-xxl-4 col-md-6 col-10">
|
||||
<a class="col-md-10 col-12 shadow-lg p-2 ps-md-3 mt-3 d-flex hover1" style="background-color: #ffffff; border-radius: 15px;">
|
||||
|
||||
<img class=" " style="width: 108px; height: auto " src="{{ URL::to('img/faculties/3.png') }}" alt="">
|
||||
<p class="ms-xl-5 ms-2 d-flex align-items-center gradient-text" > Факультет информационных систем в экономике и юрисприденции</p>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<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 style="background-image: url({{ URL::to('img/front-page/fon2_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<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 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 class="row mt-4">
|
||||
<div class="col-md-4 col-12 ">
|
||||
<div class="row">
|
||||
|
||||
<div class="text-white display-6" > Выберите предметы ЕГЭ</div>
|
||||
<form class="text-white mt-4 fs-4" style=" font-family: Geologica-ExtraLight">
|
||||
<label class="checkbox1"> Русский язык
|
||||
<input type="checkbox" checked="checked">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
|
||||
<label class="checkbox1">Математика
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
|
||||
<label class="checkbox1">Физика
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
|
||||
<label class="checkbox1">Химия
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="checkbox1">Биология
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="checkbox1">Иностранный язык
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="checkbox1">История
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="checkbox1">Обществознание
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="checkbox1">Литература
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
<label class="checkbox1">Информатика / ИКТ
|
||||
<input type="checkbox">
|
||||
<span class="checkmark"></span>
|
||||
</label>
|
||||
|
||||
</form>
|
||||
<div class="row d-md-block d-flex ms-md-3 justify-content-center">
|
||||
<div style="border-radius: 11px; font-family: Geologica-ExtraLight" class="mt-4 col-5 text-white p-2 border border-white d-inline-flex justify-content-center shadow"> Сбросить фильтр </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mt-md-0 mt-5 col-12">
|
||||
|
||||
<div class="d-md-flex d-none border border-white py-5 justify-content-center" style="border-radius: 50px;">
|
||||
<table class="table1 text-white mx-0 p-2 " style="width: 90%; font-family: Geologica-ExtraLight;">
|
||||
<tr class="border-bottom border-white">
|
||||
<td> Технологический факультет </td>
|
||||
<td> Строительство </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
<tr class=" border-bottom border-white">
|
||||
<td> Технологический факультет </td>
|
||||
<td> Строительство </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
<tr class="border-bottom border-white">
|
||||
<td> Технологический факультет </td>
|
||||
<td> Строительство </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
<tr class="border-bottom border-white">
|
||||
<td> Технологический факультет </td>
|
||||
<td> Строительство </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
<div class="d-md-none d-flex border border-white py-5 justify-content-center " style="border-radius: 50px;">
|
||||
<table class="table1 text-white mx-0 p-2 " style="width: 90%; font-family: Geologica-ExtraLight; font-size: 13px;">
|
||||
<tr class="">
|
||||
<td id="faculty"> Технологический факультет </td>
|
||||
<td> Строительство </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td id="faculty"> Технологический факультет </td>
|
||||
<td> Технологические машины и оборудование </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td> Технологический факультет </td>
|
||||
<td> Продукты питания из растительного сырья </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
<tr class="">
|
||||
<td> Технологический факультет </td>
|
||||
<td> Строительство </td>
|
||||
<td class="text-end"> 4 года</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<br><br><br><br><br><br><br><br><br><br><br><br><br>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/fon4_blok.png') }}); background-repeat: no-repeat; background-attachment: fixed;">
|
||||
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="display-5 col-12 mb-3 text-center text-md-start gradient-text " style=" font-weight: 700; letter-spacing: 0em; ">
|
||||
СРОКИ ПРИЕМА
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-5 d-block d-lg-flex justify-content-end">
|
||||
<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>
|
||||
</div>
|
||||
<div class="mt-3 d-flex justify-content-center ">
|
||||
<div class="row w-75 h-75" style=" overflow:auto;">
|
||||
<div class="col-11 " >
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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" >
|
||||
Начало приема документов
|
||||
</div>
|
||||
<p class="mt-2 gradient-text" style=" font-family: Geologica-ExtraLight; font-size: 16px; ">
|
||||
А ещё базовые сценарии поведения пользователей представляют собой не что иное, как квинтэссенцию победы
|
||||
маркетинга над разумом и должны быть описаны максимально подробно
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-xxl-2 d-flex align-items-center ">
|
||||
<div>
|
||||
<div class="row mb-3 ms-3">
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
<div class="col-6"> 20.06.24 </div> <div class="col-6"> Бюджет </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image: url({{ URL::to('img/front-page/footer_fon.png') }}); ">
|
||||
<div class="container-fluid ms-sm-5 pt-5">
|
||||
<div class="col-11 ">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-12">
|
||||
<div class="text-white fs-5"> Приемная коммисия: </div>
|
||||
<p class="text-white"> (8772) 52-30-08 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="text-white fs-5"> Приёмная комиссия филиала МГТУ в пос. Яблоновском:</div>
|
||||
<p class="text-white"> 8-938-530-53-14 </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="text-white fs-5"> Почта: </div>
|
||||
<p class="text-white"> info@mkgtu.ru </p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-12">
|
||||
<p class="text-white"> 385000, Республика Адыгея, г. Майкоп, ул. Первомайская, д. 191 </p>
|
||||
</div>
|
||||
<div class="col-md-6 col-12 d-flex justify-content-md-end justify-content-center">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
<br><br><br>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</header>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue