design variations
This commit is contained in:
parent
63441e5ef7
commit
e15ff69e01
|
|
@ -4,39 +4,82 @@
|
||||||
.gradient{
|
.gradient{
|
||||||
background: linear-gradient(to bottom right, #006147, 70%, #b4ffdf);
|
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>
|
</style>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div class="gradient" style="margin-top: 100px;" >
|
<div class="" style="margin-top: 100px;" >
|
||||||
<div class="mx-4 py-4">
|
<div class="mx-4 py-4">
|
||||||
<div class="row row-cols-3">
|
<div class="row ">
|
||||||
<div class="col-4 d-flex justify-content-center align-items-center ">
|
<div class="col-4 d-flex justify-content-center align-items-center">
|
||||||
<div class="row">
|
<div class="display-4"> Факультеты </div>
|
||||||
<h1 class="text-white"> Факультеты </h1>
|
|
||||||
|
</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>
|
||||||
<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>
|
||||||
<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>
|
||||||
|
|
@ -44,14 +87,14 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<!-- 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">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="tp-section__title-wrapper text-center mb-40">
|
<div class="tp-section__title-wrapper text-center mb-40">
|
||||||
<h3 class="tp-section__title">Абитуриенту</h3>
|
<h3 class="display-4">Абитуриенту</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue