website_applicants/tutorgo/index.php

430 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.

<?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"> Программы обучения в МГТУ</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> &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>
<?php
include 'footer.php';
?>