new-design #14

Merged
aslan merged 6 commits from RomanGolienko/Roman_applicant-site:new-design into main 2024-02-16 14:21:23 +03:00
1 changed files with 71 additions and 28 deletions
Showing only changes of commit c4d11de8ad - Show all commits

View File

@ -4,39 +4,82 @@
.gradient{
background: linear-gradient(to bottom right, #006147, 70%, #b4ffdf);
}
.card1:hover{
transform: scale(1.05);
transition: all 0.5s;
background: unset;
}
.font-AndaleMono {
font-family: Andale Mono, monospace;
}
a {
color: unset;
}
</style>
<main>
<div class="gradient" style="margin-top: 100px;" >
<div class="" style="margin-top: 100px;" >
<div class="mx-4 py-4">
<div class="row row-cols-3">
<div class="col-4 d-flex justify-content-center align-items-center ">
<div class="row ">
<h1 class="text-white"> Факультеты </h1>
<div class="col-4 d-flex justify-content-center align-items-center">
<div class="display-4"> Факультеты </div>
</div>
<div class="col-8">
<div class="row" >
<div class="col-3 card1 ">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Технологический факультет </div>
</a>
</div>
<div class="col-3 card1">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Факультет экономики и управления </div>
</a>
</div>
<div class="col-3 card1">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Экологический факультет </div>
</a>
</div>
<div class="col-3 card1">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Факультет аграрных технологий </div>
</a>
</div>
</div>
<div class="row" style="margin-top: 40px">
<div class="col-3 card1">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Факультет международного образования
</div>
</a>
</div>
<div class="col-3 card1">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Факультет информационных систем в экономике и юриспруденции </div>
</a>
</div>
<div class="col-3 card1">
<a href="#">
<img class="rounded-top" src="{{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }}" alt="" style="width: 100%">
<div class="font-AndaleMono fs-4 text-center py-2 " > Инженерный факультет </div>
</a>
</div>
</div>
<div class="col-4">
<div class="row rounded-3 d-flex justify-content-center align-items-center mx-3 my-4" style="background-image: url({{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 class="text-center text-white"> Технологический факультет </h2>
</div>
<div class="row rounded-3 d-flex justify-content-center align-items-center mx-3 my-4" style="background-image: url({{ URL::to('img/front-page/gdpr-technology-1440x786.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 class="text-center text-white"> Технологический факультет </h2>
</div>
</div>
<div class="col-4 ">
<br><br><br><br><br><br>
<div class="row rounded-3 d-flex justify-content-center align-items-center mx-3 " style="background-image: url({{ URL::to('img/front-page/AQAGJDJMWkDLsAm2TwULzZaDAdMYqCMnNFWgL57t5CgxbY-O2mPVKs_jAFZ05sj7uxTzt4G8f-hkB_GlgSz-53wJA58.jpg') }});">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h2 class="text-center text-white"> Факультет экономики и управления </h2>
</div>
</div>
</div>
@ -44,14 +87,14 @@
</div>
</div>
</div>
<!-- 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>
<h3 class="display-4">Абитуриенту</h3>
</div>
</div>
</div>