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

338 lines
19 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.

@extends('layouts.layout')
@section('content')
<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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/doconline.png') }}" alt="">
</div>
<h3 class="tp-feature__title"><a href="{{ url('course') }}">Подать<br />документы<br />онлайн</a></h3>
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/abit.png') }}" alt="">
</div>
<h3 class="tp-feature__title"><a href="{{ url('abitur') }}">Абитуриенту</a> </h3>
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/ekrpriem.png') }}" alt="">
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/abroad.png') }}" alt="">
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/openday.png') }}" alt="">
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/oplata.png') }}" alt="">
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/school.png') }}" alt="">
</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">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/courses.png') }}" alt="">
</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">
<div class="px-0"><img src="{{ URL::to('img/bg/photo.jpg') }}" alt="" class="img-fluid rounded-3" > </div>
</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;">
<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;" >
</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;">
<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; " >
</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>
<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>
</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>
<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>
</div>
</div>
<div class="col rounded-3 ms-4 border border-dark " style="background-color: #e9ecef;" >
<div class="row position-relative">
<div class="px-0"><img src="{{ URL::to('img/bg/photo.jpg') }}" alt="" class="img-fluid rounded-3" > </div>
</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">
<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>
</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">
<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>
</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">
<img src="{{ URL::to('img/about/mgtu1.jpg') }}" alt="">
</div>
<div class="tp-about__img-sm w-img mb-30">
<img src="{{ URL::to('img/about/mgtu2.jpg') }}" alt="">
</div>
<div class="tp-about-shapes">
<div class="tp-about__shapes-1">
<img src="{{ URL::to('img/icons/about-shapes.png') }}" alt="">
<div class="tp-about__shapes-2 ">
<img src="{{ URL::to('img/icons/ring-shape.png') }}" alt="">
</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>
@endsection