forked from aslan/website_applicants
707 lines
27 KiB
PHP
707 lines
27 KiB
PHP
<style>
|
||
.imageHover {
|
||
transition: .5s all;
|
||
}
|
||
|
||
.imageHover:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
|
||
.card {
|
||
border-bottom-left-radius: 0.75rem;
|
||
border-bottom-right-radius: 0.75rem;
|
||
}
|
||
.imageBackgroundCover {
|
||
background-size: cover;
|
||
background-position: center;
|
||
background-blend-mode: overlay;
|
||
|
||
}
|
||
</style>
|
||
|
||
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col border border-secondary rounded-3 me-4 imageHover " >
|
||
|
||
<div class="row p-2 ">
|
||
<div class=" h-100 w-100 imageBackgroundCover rounded-3" style="background-image: url(assets/img/bg/fis.jpg); background-color: rgba(255,0,0,0.2);"> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<p> Текст про бакалавриат</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<div class="row border border-secondary rounded-3 imageHover">
|
||
<div class="col-6 " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover " style="width: 250px; height: 250px; background-image: url(assets/img/bg/fis.jpg); background-color: rgba(0, 66, 255, 0.4);"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про Магистратуру</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row border border-secondary rounded-3 imageHover mt-4">
|
||
<div class="col-6 " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/fis.jpg); background-color: rgba(252,249,3,0.4);"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про Аспирантуру</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container mt-4">
|
||
<div class="row">
|
||
<div class="col " >
|
||
<div class="row border border-secondary rounded-3 imageHover">
|
||
<div class="col-6 " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/inzh.jpg); background-color: rgba(35,207,62,0.4)"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про СПО</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="row border border-secondary rounded-3 imageHover mt-4">
|
||
<div class="col-6 " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/tech.jpg); background-color: rgba(0,255,234,0.4);"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про Доп. Образование</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
<div class="col border border-secondary rounded-3 ms-4 imageHover " >
|
||
|
||
<div class="row p-2 ">
|
||
<div class=" h-100 w-100 imageBackgroundCover rounded-3" style="background-image: url(assets/img/bg/agrar.jpg); background-color: rgba(0,0,255,0.4)"> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<p> Текст про подготовителные курсы</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container mt-4">
|
||
<div class="row">
|
||
<div class="col border border-secondary rounded-3 me-3 imageHover" >
|
||
<div class="row">
|
||
<div class="col " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/agrar.jpg); background-color: rgba(255,162,0,0.4);"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про довузовскую подготовку</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col border border-secondary rounded-3 ms-3 imageHover" >
|
||
<div class="row">
|
||
<div class="col " >
|
||
<div class="rounded-circle my-4 imageBackgroundCover" style="width: 250px; height: 250px; background-image: url(assets/img/bg/tech.jpg); background-color: rgba(162,50,50,0.4)"> </div>
|
||
</div>
|
||
|
||
<div class="col " >
|
||
<p> Текст про ординатуру</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- <img src="assets/img/bg/fis.jpg" class="img-responsive rounded-circle" style="width: 250px; height: 250px;">
|
||
</div>
|
||
|
||
<div class="col-3 ">
|
||
<h2> ТекстТекстТекстТекстТекстТекст </h2>
|
||
</div>
|
||
-->
|
||
|
||
<!--
|
||
<div class="album py-5 bg-light">
|
||
|
||
|
||
<div class="container">
|
||
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-4 g-3">
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(255,0,0,0.2);">
|
||
<h1 class="text-white text-center"> Бакалавриат </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(0, 66, 255, 0.4);">
|
||
<h1 class="text-white text-center"> Магистратура </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(252, 249, 3, 0.4);">
|
||
<h1 class="text-white text-center"> Аспирантура </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/inzh.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(35, 207, 62, 0.4);">
|
||
<h1 class="text-white text-center"> СПО </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(0, 255, 234, 0.4);">
|
||
<h1 class="text-white text-center"> Доп. образование </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/agrar.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(0, 0, 255, 0.4);">
|
||
<h1 class="text-white text-center" style="font-size: 2em;"> Подготовительные курсы </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/agrar.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style="background-color: rgba(255, 162, 0, 0.4);">
|
||
<h1 class="text-white text-center"> Довузовская подготовка </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col">
|
||
<div class="card shadow-sm" style="overflow:hidden">
|
||
<a href="ui-4.html#">
|
||
<div class="imageHover position-relative ">
|
||
<img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<div class="position-absolute top-50 start-50 translate-middle d-flex justify-content-center align-items-center w-100 h-100 " style=" background-color: rgba(162, 50, 50, 0.4);">
|
||
<h1 class="text-white text-center"> Ординатура </h1>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<div class="card-body h-100">
|
||
<p class="card-text">
|
||
<font style="vertical-align: inherit;">
|
||
<font> Текст про бакалавриат </font>
|
||
<font style="vertical-align: inherit;">Этот контент немного длиннее.</font>
|
||
</font>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
<div class="ui-4">
|
||
<div class="tp-section__title-wrapper mb-40 text-center">
|
||
<h3 class="tp-section__title mb-15">Программы обучения в МГТУ</h3>
|
||
<p>Тут можно узнать какие программы обучения есть в нашем ВУЗе.</p>
|
||
</div>
|
||
<div class="container">
|
||
<div class="col-lg-6">
|
||
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-red">
|
||
<!-- Heading -->
|
||
<h2>Бакалавриат</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-red">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Lorem Ipsum</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-blue">
|
||
<!-- Heading -->
|
||
<h2>Магистратура</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-blue">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Eiusm Tempo</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/fis.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-yellow">
|
||
<!-- Heading -->
|
||
<h2>Аспирантура</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-yellow">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Finib Bonor</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/inzh.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-green">
|
||
<!-- Heading -->
|
||
<h2>СПО</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-green">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Archi Beata</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-lblue">
|
||
<!-- Heading -->
|
||
<h2>Доп. образование</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-lblue">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Nemo Enim</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/agrar.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-rose-pink">
|
||
<!-- Heading -->
|
||
<h2>Подготовительные курсы</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-rose">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Aliqu Quaer</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/agrar.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-orange">
|
||
<!-- Heading -->
|
||
<h2>Довузовская подготовка</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-orange">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Denou Pleas</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Ends -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
<div class="col-md-3 col-sm-6 col-xs-12 ui-bor">
|
||
<!-- UI Item Starts -->
|
||
<div class="ui-item">
|
||
<!-- Image -->
|
||
<img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;">
|
||
<!-- UI Content Starts -->
|
||
<div class="ui-content ui-bg-brown">
|
||
<!-- Heading -->
|
||
<h2>Ординатура</h2>
|
||
<!-- UI Content Hover -->
|
||
<div class="ui-content-hover bg-brown">
|
||
<!-- Heading -->
|
||
<h2><a href="ui-4.html#">Dolor Repel</a></h2>
|
||
<!-- Paragraph -->
|
||
<p>Excepteur sint occaecat cupidatat non proident occaecat cupidatat.</p>
|
||
<!-- UI Icon -->
|
||
<div class="ui-icon">
|
||
<a href="ui-4.html#"><i class="fa fa-angle-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- UI Content Starts -->
|
||
</div>
|
||
<!-- UI Item Ends -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ui-6">
|
||
<!-- Container -->
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- UI item -->
|
||
<div class="ui-item">
|
||
<!-- UI icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/tech.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
|
||
<!-- Ui-list -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Бакалавриат</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div><!--/ UI item -->
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- UI item -->
|
||
<div class="ui-item">
|
||
<!-- Ui icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/fis.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
<!-- UI List -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Магистратура</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- UI item -->
|
||
<div class="ui-item ">
|
||
<!-- Ui icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/agrar.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
<!-- Ui list -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Аспиратнтура</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- Ui item -->
|
||
<div class="ui-item">
|
||
<!-- UI icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/inzh.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
<!-- UI list -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Специалитет</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div><!-- /UI item -->
|
||
</div>
|
||
</div>
|
||
</div><!-- /Container -->
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- UI item -->
|
||
<div class="ui-item">
|
||
<!-- UI icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/med.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
|
||
<!-- Ui-list -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Ординатура</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div><!--/ UI item -->
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- UI item -->
|
||
<div class="ui-item">
|
||
<!-- Ui icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/ped.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
<!-- UI List -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">СПО</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<!-- UI item -->
|
||
<div class="ui-item ">
|
||
<!-- Ui icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/farm.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
<!-- Ui list -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Доп. образование</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<!-- Ui item -->
|
||
<div class="ui-item">
|
||
<!-- UI icon -->
|
||
<div class="ui-icon bg-green" style="background-image: url(assets/img/bg/econom.jpg); background-size: cover;">
|
||
<!--img src="assets/img/bg/tech.jpg" alt="" class="img-responsive" style="max-width: 100%;"-->
|
||
</div>
|
||
<!-- UI list -->
|
||
<div class="ui-list">
|
||
<ul class="list-unstyled">
|
||
<li><h3><a href="ui-6.html#">Довузовская подготовка</a></h3></li>
|
||
<li><i class="fa fa-fire bg-green"></i> Basic Design</li>
|
||
<li><i class="fa fa-leaf bg-blue"></i> Web Design</li>
|
||
<li><i class="fa fa-bullseye bg-red"></i> UI-design</li>
|
||
</ul>
|
||
</div>
|
||
<div class="clearfix"></div>
|
||
</div><!-- /UI item -->
|
||
</div>
|
||
</div>
|
||
</div><!-- /Container -->
|
||
</div> |