Roman_applicant-site/resources/views/home.blade.php

338 lines
19 KiB
PHP
Raw Normal View History

2024-01-11 16:48:40 +03:00
@extends('layouts.layout')
@section('content')
2024-01-11 10:41:35 +03:00
<main>
<!-- service area start -->
<div class="tp-feature__section pt-120 pb-30">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tp-section__title-wrapper text-center mb-40">
<h3 class="tp-section__title">Абитуриенту</h3>
</div>
</div>
</div>
<div class="row gx-70">
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-1 mb-30">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/doconline.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="{{ url('course') }}">Подать<br />документы<br />онлайн</a></h3>
2024-01-11 10:41:35 +03:00
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-2 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/abit.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="{{ url('abitur') }}">Абитуриенту</a> </h3>
2024-01-11 10:41:35 +03:00
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-3 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/ekrpriem.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="course.html">Экран приема</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-4 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/abroad.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="course.html">Иностранным абитуриентам</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-5 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/openday.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="course.html"> Дни открытых дверей в МГТУ</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-6 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/oplata.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="course.html">Стоимость обучения</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-7 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/school.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="course.html">Олимпиады для школьников</a> </h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="tp-feature__item before-color-8 mb-40">
<div class="tp-feature__icon">
2024-01-11 14:40:06 +03:00
<img style="max-width: 26%;" src="{{ URL::to('img/courses/courses.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<h3 class="tp-feature__title"><a href="course.html">Подготовительные курсы</a></h3>
</div>
</div>
</div>
</div>
</div>
<!-- service area end -->
<?php
?>
<style>
.imageHover {
transition: .5s all;
}
.imageHover:hover {
transform: scale(1.05);
}
.card {
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.imageBackgroundCover {
background-size: cover;
background-position: center;
background-blend-mode: overlay;
}
.link:hover {
color: #006147;
}
</style>
<div class="text-center my-5">
<h1 class="text-dark"> Программы обучения в МГТУ</h1>
<h3>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</h3>
</div>
<div class="container">
<div class="row">
<div class="col rounded-3 me-4 border border-dark " style="background-color: #e9ecef;" >
<div class="row position-relative">
2024-01-11 14:40:06 +03:00
<div class="px-0"><img src="{{ URL::to('img/bg/photo.jpg') }}" alt="" class="img-fluid rounded-3" > </div>
2024-01-11 10:41:35 +03:00
</div>
<div class="row mt-4 m-2 p-1 " >
<h1 class="text-secondary fw-bolder pt-2 px-3 text-center"> Бакалавриат</h1>
<p class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
<div class="col " >
<div class="row border border-dark rounded-3 " style="background-color: #e9ecef;">
2024-01-11 14:40:06 +03:00
<div class="col-6 imageBackgroundCover" style="background-image: url({{ URL::to('img/bg/2.jpg') }}); border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 30px;" >
2024-01-11 10:41:35 +03:00
</div>
<div class="col">
<div class=" mt-3">
<h1 class=" text-secondary text-center "> Магистратура</h1>
</div>
<div class="row mt-4 m-2 p-1 " >
<p class="text-secondary rounded-3 fw-light" > Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
</div>
<div class="row border border-dark rounded-3 mt-4" style="background-color: #e9ecef;">
2024-01-11 14:40:06 +03:00
<div class="col-6 imageBackgroundCover" style="background-image: url({{ URL::to('img/bg/3.jpg') }}); border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 30px; " >
2024-01-11 10:41:35 +03:00
</div>
<div class="col">
<div class=" mt-3">
<h1 class=" text-secondary text-center "> Аспирантура </h1>
</div>
<div class="row mt-4 m-2 p-1 " >
<p class="text-secondary rounded-3 fw-light" > Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-4">
<div class="row">
<div class="col " >
<div class="row border border-dark rounded-3 " style="background-color: #e9ecef;">
<div class="col">
<div class=" mt-3">
<h1 class=" text-secondary text-center "> СПО</h1>
</div>
<div class="row mt-4 m-2 p-1 " >
<p class="text-secondary rounded-3 fw-light" > Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
2024-01-11 14:40:06 +03:00
<div class="col-6 imageBackgroundCover" style="background-image: url({{ URL::to('img/bg/2.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 30px;" ></div>
2024-01-11 10:41:35 +03:00
</div>
<div class="row border border-dark rounded-3 mt-4" style="background-color: #e9ecef;">
<div class="col">
<div class=" mt-3">
<h1 class=" text-secondary text-center "> Доп. образование </h1>
</div>
<div class="row mt-4 m-2 p-1 " >
<p class="text-secondary rounded-3 fw-light" > Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
2024-01-11 14:40:06 +03:00
<div class="col-6 imageBackgroundCover" style="background-image: url({{ URL::to('img/bg/3.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 30px; " ></div>
2024-01-11 10:41:35 +03:00
</div>
</div>
<div class="col rounded-3 ms-4 border border-dark " style="background-color: #e9ecef;" >
<div class="row position-relative">
2024-01-11 14:40:06 +03:00
<div class="px-0"><img src="{{ URL::to('img/bg/photo.jpg') }}" alt="" class="img-fluid rounded-3" > </div>
2024-01-11 10:41:35 +03:00
</div>
<div class="row mt-4 m-2 p-1 " >
<h1 class="text-secondary fw-bolder pt-2 px-3 text-center"> Подготовительные курсы</h1>
<p class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
</div>
</div>
<div class="container mt-4">
<div class="row">
<div class="col rounded-3 border border-dark" style="background-color: #e9ecef;">
<div class="row">
<div class="col mt-3">
<h1 class=" text-secondary text-center "> Довузовская подготовка</h1>
</div>
<div class="row mt-4 m-2 p-1 " >
<p class="text-secondary rounded-3 fw-light" > Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
<div class="row">
2024-01-11 14:40:06 +03:00
<div class="col imageBackgroundCover" style="background-image: url({{ URL::to('img/bg/2.jpg') }});" ><br><br><br><br><br><br><br><br><br><br><br><br></div>
2024-01-11 10:41:35 +03:00
</div>
</div>
<div class="col ms-4 rounded-3 border border-dark" style="background-color: #e9ecef;">
<div class="row">
<div class="col mt-3">
<h1 class=" text-secondary text-center "> Ординатура</h1>
</div>
<div class="row mt-4 m-2 p-1 " >
<p class="text-secondary rounded-3 fw-light" > Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
<div class="row">
2024-01-11 14:40:06 +03:00
<div class="col imageBackgroundCover" style="background-image: url({{ URL::to('img/bg/2.jpg') }});" ><br><br><br><br><br><br><br><br><br><br><br><br></div>
2024-01-11 10:41:35 +03:00
</div>
</div>
</div>
</div>
<!-- about section start -->
<div class="tp-about__section pt-120 pb-90">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="tp-about__img-wrapper d-md-flex p-relative">
<div class="tp-about__img-large w-img mb-30">
2024-01-11 14:40:06 +03:00
<img src="{{ URL::to('img/about/mgtu1.jpg') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<div class="tp-about__img-sm w-img mb-30">
2024-01-11 14:40:06 +03:00
<img src="{{ URL::to('img/about/mgtu2.jpg') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
<div class="tp-about-shapes">
<div class="tp-about__shapes-1">
2024-01-11 14:40:06 +03:00
<img src="{{ URL::to('img/icons/about-shapes.png') }}" alt="">
2024-01-11 10:41:35 +03:00
<div class="tp-about__shapes-2 ">
2024-01-11 14:40:06 +03:00
<img src="{{ URL::to('img/icons/ring-shape.png') }}" alt="">
2024-01-11 10:41:35 +03:00
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="tp-section__title-wrapper">
<h3 class="tp-section__title mb-15">Воплоти мечты в рельность<br>
вместе с МГТУ</h3>
<div class="tp-about__feature-list mb-40">
<ul>
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 11 тысяч обучающихся</b><br />
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 30 тысяч выпускников</b><br />
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 200 работодателей</b><br />
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>16 видов стипендий</b><br />
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>14 студенческих объединений</b><br />
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>27 зарубежных вузов-партнёров</b><br />
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- about section end -->
</main>
2024-01-11 16:48:40 +03:00
@endsection