website_applicants/tutorgo/tmp.php

707 lines
27 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; 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> &nbsp; Basic Design</li>
<li><i class="fa fa-leaf bg-blue"></i> &nbsp; Web Design</li>
<li><i class="fa fa-bullseye bg-red"></i> &nbsp; UI-design</li>
</ul>
</div>
<div class="clearfix"></div>
</div><!-- /UI item -->
</div>
</div>
</div><!-- /Container -->
</div>