design variations
This commit is contained in:
parent
dc54ec6b74
commit
c4d11de8ad
|
|
@ -4,54 +4,97 @@
|
|||
.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="row ">
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue