website_applicants/tutorgo/tmp.php

707 lines
27 KiB
PHP
Raw Normal View History

2023-12-28 11:59:50 +03:00
<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>