RomanGolienko
/
Roman_applicant-site
forked from aslan/applicant-site
1
1
Fork 0
Code Pull Requests 2 Activity

fix clickable menu

This commit is contained in:
AslanAV 2024-01-17 14:06:42 +03:00
parent 7e74561b9c
commit 9e9bbfb2dc
3 changed files with 346 additions and 302 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
resources/views/home.blade.php
View File

@ -3,7 +3,6 @@
<main> <main>
<!-- service area start --> <!-- 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="container">
@ -16,29 +15,33 @@
</div> </div>
<div class="row gx-70"> <div class="row gx-70">
<div class="col-lg-3 col-md-4"> <div class="col-lg-3 col-md-4">
<a href="{{ route('course') }}">
<div class="tp-feature__item before-color-1 mb-30"> <div class="tp-feature__item before-color-1 mb-30">
<div class="tp-feature__icon"> <div class="tp-feature__icon">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/doconline.png') }}" alt=""> <img style="max-width: 26%;" src="{{ URL::to('img/courses/doconline.png') }}"
alt="">
</div> </div>
<h3 class="tp-feature__title"><a href="{{ url('course') }}">Подать<br />документы<br />онлайн</a></h3> <h3 class="tp-feature__title">Подать<br/>документы<br/>онлайн</h3>
</div> </div>
</a>
</div> </div>
<div class="col-lg-3 col-md-4"> <div class="col-lg-3 col-md-4">
<a href="{{ route('abitur') }}">
<div class="tp-feature__item before-color-2 mb-40"> <div class="tp-feature__item before-color-2 mb-40">
<div class="tp-feature__icon"> <div class="tp-feature__icon">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/abit.png') }}" alt=""> <img style="max-width: 26%;" src="{{ URL::to('img/courses/abit.png') }}" alt="">
</div> </div>
<h3 class="tp-feature__title"><a href="{{ url('abitur') }}">Абитуриенту</a> </h3> <h3 class="tp-feature__title">Абитуриенту</h3>
</div> </div>
</a>
</div> </div>
<div class="col-lg-3 col-md-4"> <div class="col-lg-3 col-md-4">
<a href="course.html">
<div class="tp-feature__item before-color-3 mb-40"> <div class="tp-feature__item before-color-3 mb-40">
<div class="tp-feature__icon"> <div class="tp-feature__icon">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/ekrpriem.png') }}" alt=""> <img style="max-width: 26%;" src="{{ URL::to('img/courses/ekrpriem.png') }}" alt="">
</div> </div>
<h3 class="tp-feature__title"><a href="course.html">Экран приема</a></h3> <h3 class="tp-feature__title">Экран приема</a></h3>
</div> </div>
</div> </div>
<div class="col-lg-3 col-md-4"> <div class="col-lg-3 col-md-4">
@ -104,12 +107,14 @@
border-bottom-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem;
} }
.imageBackgroundCover { .imageBackgroundCover {
background-size: cover; background-size: cover;
background-position: center; background-position: center;
background-blend-mode: overlay; background-blend-mode: overlay;
} }
.link:hover { .link:hover {
color: #006147; color: #006147;
} }
@ -126,13 +131,17 @@
<div class="row position-relative"> <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 class="px-0"><img src="{{ URL::to('img/bg/photo.jpg') }}" alt=""
class="img-fluid rounded-3"></div>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <div class="row mt-4 m-2 p-1 ">
<h1 class="text-secondary fw-bolder pt-2 px-3 text-center"> Бакалавриат</h1> <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 class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на
латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию
размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
@ -141,7 +150,8 @@
<div class="col "> <div class="col ">
<div class="row border border-dark rounded-3 " style="background-color: #e9ecef;"> <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 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>
@ -151,7 +161,11 @@
<h1 class=" text-secondary text-center "> Магистратура</h1> <h1 class=" text-secondary text-center "> Магистратура</h1>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <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 class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
@ -161,7 +175,8 @@
</div> </div>
<div class="row border border-dark rounded-3 mt-4" style="background-color: #e9ecef;"> <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 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>
@ -171,7 +186,11 @@
<h1 class=" text-secondary text-center "> Аспирантура </h1> <h1 class=" text-secondary text-center "> Аспирантура </h1>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <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 class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
@ -195,13 +214,18 @@
<h1 class=" text-secondary text-center "> СПО</h1> <h1 class=" text-secondary text-center "> СПО</h1>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <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 class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
</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 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>
<div class="row border border-dark rounded-3 mt-4" style="background-color: #e9ecef;"> <div class="row border border-dark rounded-3 mt-4" style="background-color: #e9ecef;">
@ -212,13 +236,18 @@
<h1 class=" text-secondary text-center "> Доп. образование </h1> <h1 class=" text-secondary text-center "> Доп. образование </h1>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <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 class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
</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 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> </div>
@ -226,13 +255,17 @@
<div class="row position-relative"> <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 class="px-0"><img src="{{ URL::to('img/bg/photo.jpg') }}" alt=""
class="img-fluid rounded-3"></div>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <div class="row mt-4 m-2 p-1 ">
<h1 class="text-secondary fw-bolder pt-2 px-3 text-center"> Подготовительные курсы</h1> <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 class="text-secondary rounded-3 fw-light fs-5"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на
латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию
размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
@ -240,7 +273,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="container mt-4"> <div class="container mt-4">
@ -251,13 +283,19 @@
<h1 class=" text-secondary text-center "> Довузовская подготовка</h1> <h1 class=" text-secondary text-center "> Довузовская подготовка</h1>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <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 class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
</div> </div>
<div class="row"> <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 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>
@ -267,13 +305,19 @@
<h1 class=" text-secondary text-center "> Ординатура</h1> <h1 class=" text-secondary text-center "> Ординатура</h1>
</div> </div>
<div class="row mt-4 m-2 p-1 "> <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 class="text-secondary rounded-3 fw-light"> Lorem Ipsum - это текст-"рыба", часто
используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для
текстов на латинице с начала XVI века. В то время некий безымянный печатник создал
большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки
образцов.
</p> </p>
<p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p> <p><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div> </div>
</div> </div>
<div class="row"> <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 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>
@ -282,7 +326,6 @@
</div> </div>
<!-- about section start --> <!-- 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="container">
@ -313,12 +356,18 @@
<div class="tp-about__feature-list mb-40"> <div class="tp-about__feature-list mb-40">
<ul> <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>Более 11
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>Более 30 тысяч выпускников</b><br /> тысяч обучающихся</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>Более 30
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>16 видов стипендий</b><br /> тысяч выпускников</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>Более 200
<i class="fa-solid fa-check fa-xl" style="color: #058007;"></i> &nbsp <b>27 зарубежных вузов-партнёров</b><br /> работодателей</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> </ul>
</div> </div>
</div> </div>
@ -331,7 +380,5 @@
<!-- about section end --> <!-- about section end -->
</main> </main>
@endsection @endsection

9
resources/views/layouts/layout.blade.php
View File

@ -83,7 +83,7 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-6"> <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-6">
<div class="logo has-border"> <div class="logo has-border">
<a href="index.php"> <a href="{{ route('home') }}">
<!--img src="assets/img/logo/white-logo.png" alt="logo"--> <!--img src="assets/img/logo/white-logo.png" alt="logo"-->
<h5 style="color: #fff">АБИТУРИЕНТУ МГТУ</h5> <h5 style="color: #fff">АБИТУРИЕНТУ МГТУ</h5>
</a> </a>
@ -94,7 +94,7 @@
<nav id="mobile-menu"> <nav id="mobile-menu">
<ul> <ul>
<li> <li>
<a href="index.php">Главная</a> <a href="{{ route('home') }}">Главная</a>
</li> </li>
<li> <li>
<a href="about-us.html">Правила приема</a> <a href="about-us.html">Правила приема</a>
@ -233,7 +233,7 @@
<h5 class="title text-white">Выбирай! Решай! Действуй!</h5> <h5 class="title text-white">Выбирай! Решай! Действуй!</h5>
<div class="tp-hero__btn-wrappper d-md-flex align-items-center"> <div class="tp-hero__btn-wrappper d-md-flex align-items-center">
<div class="hero-btn-2"> <div class="hero-btn-2">
<a href="https://youtu.be/dCjrFbqhwNw?t=49" <a href="{{ URL::to('video/greeting-mgtu.mp4') }}"
class="tp-play-btn d-flex align-items-center popup-video"> class="tp-play-btn d-flex align-items-center popup-video">
<i class="arrow_triangle-right"></i> <i class="arrow_triangle-right"></i>
<span>Приветственное видео</span> <span>Приветственное видео</span>
@ -399,7 +399,8 @@
<form action="#"> <form action="#">
<div class="footer__subscribe-box"> <div class="footer__subscribe-box">
<div class="footer__subscribe-input"> <div class="footer__subscribe-input">
<input type="email" placeholder="Email адрес " name="subscribe" id="subscribe"> <input type="email" placeholder="Email адрес " name="subscribe"
id="subscribe">
</div> </div>
<button class="footer-sub-btn" type="submit">Подписаться</button> <button class="footer-sub-btn" type="submit">Подписаться</button>
</div> </div>

8
routes/web.php
View File

@ -22,17 +22,13 @@ Route::get('/', function () {
Route::resource('/users', UserController::class); Route::resource('/users', UserController::class);
Route::get('/home', function () {
return view('home');
});
Route::get('/course', function () { Route::get('/course', function () {
return view('pages.course'); return view('pages.course');
}); })->name('course');
Route::get('/abitur', function () { Route::get('/abitur', function () {
return view('pages.abitur'); return view('pages.abitur');
}); })->name('applicant');
Route::post('/uploadfile', [UploadFileController::class, 'showUploadFile'])->name('uploadfile'); Route::post('/uploadfile', [UploadFileController::class, 'showUploadFile'])->name('uploadfile');