forked from aslan/website_applicants
430 lines
19 KiB
PHP
430 lines
19 KiB
PHP
<?php
|
||
include 'header.php';
|
||
?>
|
||
<main>
|
||
|
||
<!-- hero section -->
|
||
<div class="tp-hero__section pt-130 theme-bg p-relative fix">
|
||
<div class="container">
|
||
<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>
|
||
<h5 class="title text-white">Выбирай! Решай! Действуй!</h5>
|
||
<div class="tp-hero__btn-wrappper d-md-flex align-items-center">
|
||
<div class="hero-btn-2">
|
||
<a href="https://youtu.be/dCjrFbqhwNw?t=49"
|
||
class="tp-play-btn d-flex align-items-center popup-video">
|
||
<i class="arrow_triangle-right"></i>
|
||
<span>Приветственное видео</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5">
|
||
<div class="tp-hero__img">
|
||
<img src="assets/img/hero/head_fon.jpg" style="max-width: 100%; border-radius: 20px; " alt="hero">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tp-hero__shapes">
|
||
<div class="tp-hero__shapes-1">
|
||
<img src="assets/img/icons/book-shape.png" alt="">
|
||
</div>
|
||
<div class="tp-hero__shapes-2">
|
||
<img src="assets/img/icons/circle-shape.png" alt="">
|
||
</div>
|
||
<div class="tp-hero__shapes-3">
|
||
<img src="assets/img/icons/dots-shapes.png" alt="">
|
||
</div>
|
||
<div class="tp-hero__shapes-4">
|
||
<img src="assets/img/icons/line-shape.png" alt="">
|
||
</div>
|
||
<div class="tp-hero__shapes-5">
|
||
<img src="assets/img/icons/lines-shape.png" alt="">
|
||
</div>
|
||
<div class="tp-hero__shapes-6">
|
||
<img src="assets/img/icons/role-shape.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- hero section end -->
|
||
|
||
|
||
<!-- 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="assets/img/brand/agrar_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/eco_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/ecolog_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/fis_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/farm_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/inz_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/lech_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/med_inst.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/mezd_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/pediatr_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/posl_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/stomat_fak.png" alt="">
|
||
</div>
|
||
<div class="tp-brand__item">
|
||
<img src="assets/img/brand/tech_fak.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- brnad section end -->
|
||
|
||
<!-- 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="assets/img/courses/doconline.png" alt="">
|
||
</div>
|
||
<h3 class="tp-feature__title"><a href="test-course.php">Подать<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="assets/img/courses/abit.png" alt="">
|
||
</div>
|
||
<h3 class="tp-feature__title"><a href="test-abitur.php">Абитуриенту</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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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"> Test Программы обучения в МГТУ</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="assets/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(assets/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-secodary 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(assets/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-secodary 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>
|
||
|
||
<div class="container mt-4">
|
||
<div class="row">
|
||
<div class="col " >
|
||
<div class="row border border-secondary rounded-3 imageHover">
|
||
<div class="col-6 " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/inzh.jpg); background-color: rgba(35,207,62,0.4)"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про СПО</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row border border-secondary rounded-3 imageHover mt-4">
|
||
<div class="col-6 " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/tech.jpg); background-color: rgba(0,255,234,0.4);"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про Доп. Образование</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col border border-secondary rounded-3 ms-4 imageHover " >
|
||
|
||
<div class="row p-2 ">
|
||
<div class=" h-100 w-100 imageBackgroundCover rounded-3" style="background-image: url(assets/img/bg/agrar.jpg); background-color: rgba(0,0,255,0.4)"> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<p> Текст про подготовителные курсы</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container mt-4">
|
||
<div class="row">
|
||
<div class="col border border-secondary rounded-3 me-3 imageHover" >
|
||
<div class="row">
|
||
<div class="col " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/agrar.jpg); background-color: rgba(255,162,0,0.4);"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про довузовскую подготовку</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col border border-secondary rounded-3 ms-3 imageHover" >
|
||
<div class="row">
|
||
<div class="col " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/tech.jpg); background-color: rgba(162,50,50,0.4)"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про ординатуру</p>
|
||
</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="assets/img/about/mgtu1.jpg" alt="">
|
||
</div>
|
||
<div class="tp-about__img-sm w-img mb-30">
|
||
<img src="assets/img/about/mgtu2.jpg" alt="">
|
||
</div>
|
||
|
||
<div class="tp-about-shapes">
|
||
<div class="tp-about__shapes-1">
|
||
<img src="assets/img/icons/about-shapes.png" alt="">
|
||
<div class="tp-about__shapes-2 ">
|
||
<img src="assets/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>   <b>Более 11 тысяч обучающихся</b><br />
|
||
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i>   <b>Более 30 тысяч выпускников</b><br />
|
||
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i>   <b>Более 200 работодателей</b><br />
|
||
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i>   <b>16 видов стипендий</b><br />
|
||
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i>   <b>14 студенческих объединений</b><br />
|
||
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i>   <b>27 зарубежных вузов-партнёров</b><br />
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- about section end -->
|
||
|
||
|
||
|
||
|
||
</main>
|
||
|
||
<?php
|
||
include 'footer.php';
|
||
?>
|
||
|
||
|