new-design #14

Merged
aslan merged 6 commits from RomanGolienko/Roman_applicant-site:new-design into main 2024-02-16 14:21:23 +03:00
4 changed files with 285 additions and 242 deletions
Showing only changes of commit dc54ec6b74 - Show all commits

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

View File

@ -1,10 +1,52 @@
@extends('layouts.applicant-layout')
@section('content')
<style>
.gradient{
background: linear-gradient(to bottom right, #006147, 70%, #b4ffdf);
}
</style>
<main>
<div class="gradient" style="margin-top: 100px;" >
<div class="mx-4 py-4">
<div class="row row-cols-3">
<div class="col-4 d-flex justify-content-center align-items-center ">
<div class="row">
<h1 class="text-white"> Факультеты </h1>
</div>
</div>
<div class="col-4">
<div class="row rounded-3 d-flex justify-content-center align-items-center mx-3 my-4" style="background-image: url({{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 class="text-center text-white"> Технологический факультет </h2>
</div>
<div class="row rounded-3 d-flex justify-content-center align-items-center mx-3 my-4" style="background-image: url({{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 class="text-center text-white"> Технологический факультет </h2>
</div>
</div>
<div class="col-4 ">
<br><br><br><br><br><br>
<div class="row rounded-3 d-flex justify-content-center align-items-center mx-3 " style="background-image: url({{ URL::to('img/front-page/AQAGJDJMWkDLsAm2TwULzZaDAdMYqCMnNFWgL57t5CgxbY-O2mPVKs_jAFZ05sj7uxTzt4G8f-hkB_GlgSz-53wJA58.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 class="text-center text-white"> Факультет экономики и управления </h2>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- service area start -->
<div class="tp-feature__section pt-120 pb-30">
<div class="tp-feature__section pt-120 pb-30 ">
<div class="container">
<div class="row">
<div class="col-12">
@ -131,214 +173,215 @@
}
</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-secondary-subtle " style="background-color: #e9ecef;">
<div class="row position-relative">
<div class="px-0"><img src="{{ URL::to('img/front-page/bakalavriat.jpg') }}" alt=""
class="img-fluid rounded-3"></div>
</div>
<div class="row mt-4 m-2 p-1 ">
<h1 class="text-secondary text-center pb-4"> Бакалавриат</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-secondary-subtle rounded-3 " style="background-color: #e9ecef;">
<div class="col-6 imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/magistratura.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-secondary-subtle rounded-3 mt-4" style="background-color: #e9ecef;">
<div class="col-6 imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/aspirantura.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 class="mt-4">
<div class="text-center my-5">
<h1 class="text-dark"> Программы обучения в МГТУ</h1>
<h3>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</h3>
</div>
</div>
<div class="container">
<div class="row">
<div class="col rounded-3 me-4 border border-secondary-subtle " style="background-color: #e9ecef;">
<div class="container mt-4">
<div class="row">
<div class="col ">
<div class="row border border-secondary-subtle rounded-3 " style="background-color: #e9ecef;">
<div class="row position-relative">
<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 class="px-0"><img src="{{ URL::to('img/front-page/bakalavriat.jpg') }}" alt=""
class="img-fluid rounded-3"></div>
</div>
<div class="col-6 imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/SPO.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 30px;"></div>
</div>
<div class="row border border-secondary-subtle 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/front-page/dop-obrazovanie.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-secondary-subtle " style="background-color: #e9ecef;">
<div class="row position-relative">
<div class="px-0"><img src="{{ URL::to('img/front-page/podgotovitelnie-kursi.jpg') }}" alt=""
class="img-fluid rounded-3"></div>
</div>
<div class="row mt-4 m-2 p-1 ">
<h1 class="text-secondary text-center pb-4"> Подготовительные курсы</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-secondary-subtle" 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 для распечатки
образцов.
<h1 class="text-secondary text-center pb-4"> Бакалавриат</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="row">
<div class="col imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/dovuzovskaya-podgotovka.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
<div class="col ">
<div class="row border border-secondary-subtle rounded-3 " style="background-color: #e9ecef;">
<div class="col-6 imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/magistratura.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-secondary-subtle rounded-3 mt-4" style="background-color: #e9ecef;">
<div class="col-6 imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/aspirantura.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="col ms-4 rounded-3 border border-secondary-subtle" style="background-color: #e9ecef;">
<div class="row">
<div class="col mt-3">
<h1 class=" text-secondary text-center "> Ординатура</h1>
<div class="container mt-4">
<div class="row">
<div class="col ">
<div class="row border border-secondary-subtle 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/front-page/SPO.jpg') }}); border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 30px;"></div>
</div>
<div class="row border border-secondary-subtle 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/front-page/dop-obrazovanie.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-secondary-subtle " style="background-color: #e9ecef;">
<div class="row position-relative">
<div class="px-0"><img src="{{ URL::to('img/front-page/podgotovitelnie-kursi.jpg') }}" alt=""
class="img-fluid rounded-3"></div>
</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 для распечатки
образцов.
<h1 class="text-secondary text-center pb-4"> Подготовительные курсы</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="row">
<div class="col imageBackgroundCover"
style="background-image: url({{ URL::to('img/front-page/ordinatura.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</div>
<div class="container mt-4" >
<div class="row">
<div class="col rounded-3 border border-secondary-subtle" 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/front-page/dovuzovskaya-podgotovka.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</div>
<div class="col ms-4 rounded-3 border border-secondary-subtle" 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/front-page/ordinatura.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
</div>
</div>
</div>
</div>
</div>
<!-- about section start -->
<div class="tp-about__section pt-120 pb-90">
<div class="tp-about__section pt-120 pb-90" >
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">

View File

@ -214,7 +214,7 @@
<div class="row">
<div class="col-lg-7">
<div class="tp-hero__content pt-200">
<h3 class="tp-hero__title text-white mb-15">Поступление абитуриентов</h3>
<h3 class="tp-hero__title text-white mb-15">Воплоти мечту <br> в реальность </h3>
<h5 class="title text-white">Выбирай! Решай! Действуй!</h5>
<div class="tp-hero__btn-wrappper d-md-flex align-items-center">
<div class="hero-btn-2">
@ -260,67 +260,67 @@
<!-- brnad section start -->
<div class="tp-brand__section">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12">
<div class="tp-brand__box white-bg pt-40">
<div class="row">
<div class="col-xl-4 col-md-6">
<h3>Факультеты</h3>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="tp-brand_slider">
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/agrar_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/eco_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/ecolog_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/fis_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/farm_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/inz_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/lech_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/med_inst.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/mezd_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/pediatr_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/posl_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/stomat_fak.png') }}" alt="">
</div>
<div class="tp-brand__item">
<img src="{{ URL::to('img/brand/tech_fak.png') }}" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{--<div class="tp-brand__section">--}}
{{-- <div class="container">--}}
{{-- <div class="row justify-content-center">--}}
{{-- <div class="col-lg-12">--}}
{{-- <div class="tp-brand__box white-bg pt-40">--}}
{{-- <div class="row">--}}
{{-- <div class="col-xl-4 col-md-6">--}}
{{-- <h3>Факультеты</h3>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- <div class="row">--}}
{{-- <div class="col-12">--}}
{{-- <div class="tp-brand_slider">--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/agrar_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/eco_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/ecolog_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/fis_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/farm_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/inz_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/lech_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/med_inst.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/mezd_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/pediatr_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/posl_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/stomat_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- <div class="tp-brand__item">--}}
{{-- <img src="{{ URL::to('img/brand/tech_fak.png') }}" alt="">--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
</div>
{{--</div>--}}
<!-- brnad section end -->
<style>