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

View File

@ -1,7 +1,6 @@
@extends('layouts.layout')
@section('content')
<main>
<main>
<!-- service area start -->
@ -16,29 +15,33 @@
</div>
<div class="row gx-70">
<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__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>
<h3 class="tp-feature__title"><a href="{{ url('course') }}">Подать<br />документы<br />онлайн</a></h3>
<h3 class="tp-feature__title">Подать<br/>документы<br/>онлайн</h3>
</div>
</a>
</div>
<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__icon">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/abit.png') }}" alt="">
</div>
<h3 class="tp-feature__title"><a href="{{ url('abitur') }}">Абитуриенту</a> </h3>
<h3 class="tp-feature__title">Абитуриенту</h3>
</div>
</a>
</div>
<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__icon">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/ekrpriem.png') }}" alt="">
</div>
<h3 class="tp-feature__title"><a href="course.html">Экран приема</a></h3>
<h3 class="tp-feature__title">Экран приема</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
@ -71,7 +74,7 @@
<div class="tp-feature__icon">
<img style="max-width: 26%;" src="{{ URL::to('img/courses/school.png') }}" alt="">
</div>
<h3 class="tp-feature__title"><a href="course.html">Олимпиады для школьников</a> </h3>
<h3 class="tp-feature__title"><a href="course.html">Олимпиады для школьников</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4">
@ -104,12 +107,14 @@
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;
}
@ -122,26 +127,31 @@
<div class="container">
<div class="row">
<div class="col rounded-3 me-4 border border-dark " style="background-color: #e9ecef;" >
<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="{{ 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 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>
<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><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
</div>
<div class="col " >
<div class="col ">
<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>
@ -150,8 +160,12 @@
<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 для распечатки образцов.
<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>
@ -161,7 +175,8 @@
</div>
<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>
@ -170,8 +185,12 @@
<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 для распечатки образцов.
<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>
@ -187,21 +206,26 @@
<div class="container mt-4">
<div class="row">
<div class="col " >
<div class="col ">
<div class="row border border-dark 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 для распечатки образцов.
<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/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 class="row border border-dark rounded-3 mt-4" style="background-color: #e9ecef;">
@ -211,28 +235,37 @@
<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 для распечатки образцов.
<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/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 class="col rounded-3 ms-4 border border-dark " style="background-color: #e9ecef;" >
<div class="col rounded-3 ms-4 border border-dark " style="background-color: #e9ecef;">
<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 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>
<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><a href="" class="link fs-5 fw-bolder" target="_blank"> Узнать больше</a></p>
</div>
@ -240,7 +273,6 @@
</div>
</div>
</div>
<div class="container mt-4">
@ -250,14 +282,20 @@
<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 для распечатки образцов.
<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/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>
@ -266,14 +304,20 @@
<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 для распечатки образцов.
<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/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>
@ -282,7 +326,6 @@
</div>
<!-- about section start -->
<div class="tp-about__section pt-120 pb-90">
<div class="container">
@ -313,12 +356,18 @@
<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 />
<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>
@ -331,7 +380,5 @@
<!-- about section end -->
</main>
</main>
@endsection

View File

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

View File

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