RomanGolienko
/
Roman-website-applicant
forked from aslan/website_applicants
1
0
Fork 0
Code Pull Requests Activity
Roman-website-applicant/tutorgo/index.php

430 lines
19 KiB
PHP
Raw Normal View History

project init
2023-12-28 11:59:50 +03:00
<?php
include 'header.php';
?>
<main>
Актуальный вариант
2024-01-09 13:04:02 +03:00
project init
2023-12-28 11:59:50 +03:00
<!-- 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>
Тестовый коммит
2023-12-28 15:01:20 +03:00
<p class="text-secondary rounded-3 fw-light fs-5"> Тест тест тест Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
project init
2023-12-28 11:59:50 +03:00
</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';
?>