another_one_page

about.html

@@ -170,7 +170,7 @@
 					</div>
 			</div>
 			<div class="history" id = "story">
-				<div class="mini-title">История клиники</div>
+				<div class="min-title">История клиники</div>
 				<div class="text">
 					Приступая к доказательству следует безапелляционно заявить, что ратушная площадь транслирует экскурсионный холерик. Гетерономная этика наблюдаема. Британский протекторат представляет собой даосизм, как и предполагалось. Апостериори, нормаль к поверхности дает импрессионизм.
 					Его экзистенциальная тоска выступает как побудительный мотив творчества, однако бином Ньютона расточительно раскручивает снежный покров. Материк, не вдаваясь в подробности, контролирует тройной интеграл. Онтогенез использует сокращенный минимум. Вектор не так уж очевиден.
@@ -182,7 +182,7 @@
 			</div>
 
 			<div class="equip" id = "equip">
-				<div class="mini-title">Оснащение</div>
+				<div class="min-title">Оснащение</div>
 				<div class = "about-main-text">
 					<p>
 						Анод отчуждает суггестивный код. Конформизм, несмотря на некоторую вероятность коллапса, конвенционален. Трехкомпонентное образование, несмотря на некоторую вероятность коллапса, отталкивает фотоиндуцированный энергетический перенос. Бордосская жидкость изящно иллюстрирует потребительский архетип. С феноменологической точки зрения, архетип разъедает полисахарид.
@@ -203,7 +203,7 @@
 				</div>
 			</div>
 			<div class="smi">
-				<div class="mini-title">Клиника в СМИ</div>
+				<div class="min-title">Клиника в СМИ</div>
 					<div class="media">
 					    <div class="swiper-button-next"></div>
 					    <div class="swiper-button-prev"></div>
@@ -247,8 +247,8 @@
 						</div>	
 					</div>
 				</div>	
+				<div class="min-title">Правовые документы и лицензии</div>
 				<div class="documents" id = "documents">
-					<div class="mini-title">Документы и лицензии</div>
 					<div class="row">	
 						<div class="doc-item year">1988</div>
 						<div class="doc-item doc-name"><img src="images/pdf.png" alt=""> <a href="#">Лицензия</a></div>

css/style.css

@@ -1,5 +1,5 @@
 /*MAIN PAGE*/
-/*HEADER*/
+
 
 header{
     position: fixed;
@@ -13,10 +13,6 @@ header{
 a:focus{
 	text-decoration: none;
 }
-/*
-header .active{
-	color: #929093;
-}*/
 
 header .menu{
 	position: relative;
@@ -115,13 +111,13 @@ header .menu-mobile ul li a:hover{
 	color: #5597d1;
 }
 
-/*HEADER END*/
+
 
 .main-container{
 	padding-top: 60px; 
 }
 
-/*LEFT SIDE*/
+
 .left-side{
 	font-family: Cuprum, sans-serif;
 	font-weight: 400;
@@ -169,10 +165,7 @@ header .menu-mobile ul li a:hover{
 	background: #ebebeb;
 	margin: 10px 0;
 }
-/*
-.left-side .contacts{
-	padding-left: 10px; 
-}*/
+
 
 .left-side .contact{
 	color:#929292;
@@ -267,9 +260,6 @@ header .menu-mobile ul li a:hover{
 	text-align: center;
 	color: #fff;
 }
-/*LEFT-SIDE END*/
-
-/*MAIN TITLE*/
 
 .main-title{
 	position: relative;
@@ -341,9 +331,6 @@ header .menu-mobile ul li a:hover{
 	background: url(../images/soc-twitter-hover.png)
 }
 
-/*MAIN TITLE END*/
-/*MAIN CONTENT*/
-
 .main-container .col-lg-10{
 	width: 80%;
 }
@@ -2740,11 +2727,15 @@ header .menu-mobile ul{
 	display: inline-block;
 	border: 1px solid #ebebeb;
 }
-.control-org .col-md-4{
+.control-org .col-lg-4{
 	height: 100%;
 	padding-right: 0;
 }
 
+.control-org .col-md-3:first-child{
+	padding-left: 0;
+}
+
 .control-org .col-md-4:last-child{
 	padding-right: 15px;
 }
@@ -2773,6 +2764,7 @@ header .menu-mobile ul{
 }
 
 .control-org .image{
+	text-align: center;
 	margin-bottom: 10px;
 }
 
@@ -2828,10 +2820,174 @@ header .menu-mobile ul{
 .control-org .image{
 	text-align: center;
 }
+
+.control-org .col-lg-4{
+	padding-right: 15px;
+}
 	
 }
 /*CONTROLS-ORG-PAGE END*/
+/*UNIT*/
+.control-org-unit{
+	border: none;
+	margin-bottom: 0;
+}
+
+.control-org-unit .subtext{
+	text-align: center;
+}
+
+.control-org-unit .all-phones{
+	font-family: Cuprum;
+	margin-bottom: 5px;
+	color:#929292;
+	display: inline-block;
+	text-decoration: underline;
+}
+.control-org-unit .all-phones img{
+	margin-left: 5px;
+}
+
+.control-org-unit .contact{
+	font-family: Cuprum;
+	color: #929292;
+}
+
 
+.control-org-unit .col-md-4:last-child{
+	padding-right: 0;
+}
+
+.control-org-unit .personal-doctor{
+	width: 100%;
+	display: inline-block;
+	color: #000;
+	padding: 0;
+ 	padding-right: 0; 
+	text-decoration: none;
+	margin-bottom: 40px; 
+}
+
+.control-org-unit .personal-doctor .doctor-type{
+	font-size: 14px;
+	font-family: Cuprum, sans-serif;
+	color: #929292;
+}
+
+.control-org-unit .personal-doctor .doctor-header{
+	display: inline-block;
+	width: 100%;
+	background: #ebebeb;
+	border-radius: 30px 0 0 30px; 
+}
+
+.control-org-unit .personal-doctor .doctor-image{
+	float: left;
+}
+
+.control-org-unit .personal-doctor .doctor-name{
+	padding-top: 10px;
+	padding-left: 65px;
+	font-family: Cuprum, sans-serif;
+	color: #004d7b;
+	font-size: 18px;
+	line-height: 18px;
+}
+
+.control-org-unit .personal-doctor .doctor-category .image{
+	width: 13%;
+	float: left;
+	padding-top: 70px;
+}
+
+.control-org-unit .personal-doctor .doctor-category .text{
+	padding-top: 10px; 
+	width: 87%;
+	float: left;
+}
+
+.control-org-unit .personal-doctor .doctor-category .text .category{
+	color: #929292;
+	margin-bottom: 10px;
+}
+
+.control-org-unit .personal-doctor .doctor-category .text .otdels{
+	color: #004d7b;
+	font-family: Open Sans, sans-serif;
+}
+
+.control-org-unit .personal-doctor .contacts{
+	display: inline-block;
+	margin-top: 10px;
+	width: 100%;
+	background: #ebebeb;
+    padding-top: 10px;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.control-org-unit .personal-doctor .contact{
+	color:#929292;
+	font-size: 14px;
+	font-family: Cuprum, sans-serif;
+}
+
+.control-org-unit .personal-doctor .value{
+	font-size: 16px;
+	margin-bottom: 5px;
+	font-family: Cuprum, sans-serif;
+}
+
+.control-org-unit .personal-doctor .value a {
+	font-size: 15px;
+}
+
+.control-org-unit .personal-doctor .priem{
+	margin-top: 10px;
+	font-weight: 700;
+	font-size: 16px;
+	font-family: Cuprum, sans-serif;
+
+}
+
+.center-content .more{
+	text-align: right;
+	margin-top: 10px;	
+}
+
+.center-content .more a{
+	font-family: Cuprum;
+	font-size: 14px;
+	color:#929292;
+}
+
+.center-content .youtube-unit{
+	display: none;
+}
+
+.control-org-unit .soc{
+	margin-top:40px;
+	position: static;
+}
+
+.documents-unit{
+	margin-bottom: 30px;
+}
+
+@media(max-width:  1200px){
+	.content .today-unit{
+		display: none;
+	}
+
+	.control-org-unit .youtube-unit{
+		display: block;
+	}
+
+	.mobile-invisible-doctors{
+		display: none;
+	}
+}
+/*UNIT END*/
 /*FAQ*/
 
 .qa{

js/slider3.js

@@ -0,0 +1,20 @@
+$(document).ready(function(){
+
+    var swiper = new Swiper('.swiper-container', {
+        nextButton: '.swiper-button-next',
+        prevButton: '.swiper-button-prev',
+        slidesPerView:3,
+        centeredSlides:false,
+        paginationClickable: true,
+        spaceBetween: 30,
+    });
+
+    $('.swiper-button-next').on('click', function(){
+        swiper.slideNext()
+    })
+
+    $('.swiper-button-prev').on('click', function(){
+        swiper.slidePrev()
+    })
+})    
+

unit.html

@@ -7,6 +7,7 @@
 	<title>Медгис</title>
 	<link rel="stylesheet" href="css/bootstrap.css">
 	<link rel="stylesheet" href="css/style.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/css/swiper.css">
 	<link href="https://fonts.googleapis.com/css?family=Cuprum:400,700&amp;subset=cyrillic" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/css?family=Open+Sans&amp;subset=cyrillic" rel="stylesheet">
 </head>
@@ -74,9 +75,299 @@
 			<div class="subtitle">Министерство здравоохранения Рязанской области</div>
 			<div class="min-title">Терапевтическое отделение</div>
 			<div class="subtitle">Городская поликлиника №2</div>
+			<div class="control-org control-org-unit">
+				<div class="col-lg-4 col-md-5">
+					<div class="image"><img src="images/control-org.png" alt=""></div>
+					<div class="subtext">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул. Краснослободская, д.10</div>
+					<a href="#" class="howtoget_button">Как добраться?</a>
+				</div>
+				<div class="col-lg-4 col-md-3">
+					<div class="work-time">
+				<div class="contacts">
+					<div class="contact">Приемный покой:</div>
+					<div class="value"><img src="images/phone-icon.png" alt=""> +7 (4912) 12-23-34</div>
+					<div class="contact">Регистратура:</div>
+					<div class="value"><img src="images/phone-icon.png" alt=""> +7 (4912) 12-23-34</div>
+					<a href = "#" class="contact all-phones">Все телефоны<img src="images/little-right-arrow.png" alt=""></a>
+					<div class="value"><img src="images/web-icon.png" alt="">
+						<a href="#">web-сайт</a>
+					</div>
+					<div class="value"><img src="images/email-icon.png" alt="">
+						<a href="#">info@clinica-Ivanova-ryazan.ru</a>
+					</div>
+					<div class="contact">Режим работы:</div>
+					<div class="value">Пн-Пт: 08:00-18:00</div>
+					<div class="value">Сб: 09:00-17:00, Вс: выходной</div>
+					<div class="soc">
+						<a href = "#" target="_blank"  class="social fb"></a>
+						<a href = "#" target="_blank" class="social vk"></a>
+						<a href = "#" target="_blank" class="social ok"></a>
+						<a href = "#" target="_blank" class="social tw"></a>
+					</div>
+				</div>
+					</div>
+				</div>
+				<div class="col-lg-4 col-md-4">
+					<div class="personal-doctor col-lg-4 col-md-4">
+						<div class="doctor-type">Заведующий отделением</div>
+						<div class="doctor-header">
+							<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+							<div class="doctor-name">Савельева Елена Владимировна</div>
+						</div>
+						<div class="contacts">
+							<div class="value"><img src="images/phone-icon.png" alt=""> +7 (4912) 12-23-34</div>
+							<div class="value">
+								<img src="images/email-icon.png" alt="">
+								<a href="#">info@clinica-Ivanova-ryazan.ru</a>
+							</div>
+							<div class="contact">Режим работы:</div>
+							<div class="value">Пн-Пт: 08:00-18:00</div>
+							<div class="value">Сб: 09:00-17:00, Вс: выходной</div>
+						</div>
+						<div class="priem">
+							Прием граждан:<br>
+							чт: 12<sup>00</sup>-14<sup>00</sup>
+						</div>
+					</div>
+				</div>
+			</div>	
+				<div class="about-main-text">
+				<div class="min-title">Об отделении</div>
+				<p>
+					Приступая к доказательству следует безапелляционно заявить, что ратушная площадь транслирует экскурсионный холерик. Гетерономная этика наблюдаема. Британский протекторат представляет собой даосизм, как и предполагалось. Апостериори, нормаль к поверхности дает импрессионизм.
+					Его экзистенциальная тоска выступает как побудительный мотив творчества, однако бином Ньютона расточительно раскручивает снежный покров. Материк, не вдаваясь в подробности, контролирует тройной интеграл. Онтогенез использует сокращенный минимум. Вектор не так уж очевиден.
+					Рациональное число традиционно. Щебнистое плато естественно отображает фарс. Надстройка, как следует из вышесказанного, абсурдно контролирует разрыв функции, в итоге приходим к логическому противоречию. Ксерофитный кустарник прочно усиливает метод кластерного анализа.
+				</p>
+				<div class="youtube youtube-unit">
+					<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen=""></iframe>
+				</div>				
+				<div class="min-title">Оснащение</div>
+					<p>
+						Анод отчуждает суггестивный код. Конформизм, несмотря на некоторую вероятность коллапса, конвенционален. Трехкомпонентное образование, несмотря на некоторую вероятность коллапса, отталкивает фотоиндуцированный энергетический перенос. Бордосская жидкость изящно иллюстрирует потребительский архетип. С феноменологической точки зрения, архетип разъедает полисахарид.
+					</p>
+
+					<div class="image">
+						<img src="images/about-image.png" alt="">
+					</div>
+					<p>
+						Трехкомпонентное образование, несмотря на некоторую вероятность коллапса, отталкивает фотоиндуцированный энергетический перенос. Бордосская жидкость изящно иллюстрирует потребительский архетип. С феноменологической точки зрения, архетип разъедает полисахарид.
+						Уравнение продолжает персональный свежеприготовленный раствор. Адаптация восстанавливает резкий закон. Кризис селективно передает индикатор. Конверсия, согласно традиционным представлениям, гомологична. Самость, на первый взгляд, доступна.
+						Диониссийское начало трансформирует интеракционизм.
+					</p>
+
+					<p>
+						 Художественное опосредование, например, вызывает филогенез. Как было показано выше, художественная видимость осознаёт социометрический комплекс-аддукт. Художественный идеал, например, иллюстрирует культовый образ.
+					</p>
+
+					<p>
+						Приступая к доказательству следует безапелляционно заявить, что ратушная площадь транслирует экскурсионный холерик. Гетерономная этика наблюдаема. Британский протекторат представляет собой даосизм, как и предполагалось. Апостериори, нормаль к поверхности дает импрессионизм.
+						Его экзистенциальная тоска выступает как побудительный мотив творчества, однако бином Ньютона расточительно раскручивает снежный покров. Материк, не вдаваясь в подробности, контролирует тройной интеграл. Онтогенез использует сокращенный минимум. Вектор не так уж очевиден.
+						Рациональное число традиционно. Щебнистое плато естественно отображает фарс. Надстройка, как следует из вышесказанного, абсурдно контролирует разрыв функции, в итоге приходим к логическому противоречию. Ксерофитный кустарник прочно усиливает метод кластерного анализа.
+					</p>
+					<div class="more">
+						<a href="#">Читать далее <img src="images/little-right-arrow.png"></a>
+					</div>
+				</div>
+				<div id="to-doctors" class="to-doctors">
+					<div class="min-title">Обращение к руководителям</div>
+					<div class="personal-doctor col-lg-4 col-md-4">
+						<div class="doctor-type">Главный врач</div>
+						<div class="doctor-header">
+							<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+							<div class="doctor-name">Савельева Елена Владимировна</div>
+						</div>
+						<div class="doctor-category">
+							<div class="image"><img src="images/mini-doctor-1.png" alt=""></div>
+							<div class="text">
+								<div class="category">Врач высшей категории</div>
+								<div class="otdels">
+									Гастроэнтерология, 
+									детская гастроэнтерология
+									мануальная терапия,
+									УЗИ-диагностика
+								</div>
+							</div>	
+						</div>
+					</div>
+					<div class="personal-doctor col-lg-4 col-md-4">
+						<div class="doctor-type">Главный врач</div>
+						<div class="doctor-header">
+							<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+							<div class="doctor-name">Савельева Елена Владимировна</div>
+						</div>
+						<div class="doctor-category">
+							<div class="image"><img src="images/mini-doctor-1.png" alt=""></div>
+							<div class="text">
+								<div class="category">Врач высшей категории</div>
+								<div class="otdels">
+									Гастроэнтерология, 
+									детская гастроэнтерология
+									мануальная терапия,
+									УЗИ-диагностика
+								</div>
+							</div>	
+						</div>
+					</div>
+					<div class="personal-doctor col-lg-4 col-md-4">
+						<div class="doctor-type">Главный врач</div>
+						<div class="doctor-header">
+							<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+							<div class="doctor-name">Савельева Елена Владимировна</div>
+						</div>
+						<div class="doctor-category">
+							<div class="image"><img src="images/mini-doctor-1.png" alt=""></div>
+							<div class="text">
+								<div class="category">Врач высшей категории</div>
+								<div class="otdels">
+									Гастроэнтерология, 
+									детская гастроэнтерология
+									мануальная терапия,
+									УЗИ-диагностика
+								</div>
+							</div>	
+						</div>
+					</div>
+					<div class="mobile-invisible-doctors">
+						<div class="personal-doctor col-lg-4 col-md-4">
+							<div class="doctor-type">Главный врач</div>
+							<div class="doctor-header">
+								<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+								<div class="doctor-name">Савельева Елена Владимировна</div>
+							</div>
+							<div class="doctor-category">
+								<div class="image"><img src="images/mini-doctor-1.png" alt=""></div>
+								<div class="text">
+									<div class="category">Врач высшей категории</div>
+									<div class="otdels">
+										Гастроэнтерология, 
+										детская гастроэнтерология
+										мануальная терапия,
+										УЗИ-диагностика
+									</div>
+								</div>	
+							</div>
+						</div>
+						<div class="personal-doctor col-lg-4 col-md-4">
+							<div class="doctor-type">Главный врач</div>
+							<div class="doctor-header">
+								<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+								<div class="doctor-name">Савельева Елена Владимировна</div>
+							</div>
+							<div class="doctor-category">
+								<div class="image"><img src="images/mini-doctor-1.png" alt=""></div>
+								<div class="text">
+									<div class="category">Врач высшей категории</div>
+									<div class="otdels">
+										Гастроэнтерология, 
+										детская гастроэнтерология
+										мануальная терапия,
+										УЗИ-диагностика
+									</div>
+								</div>	
+							</div>
+						</div>
+						<div class="personal-doctor col-lg-4 col-md-4">
+							<div class="doctor-type">Главный врач</div>
+							<div class="doctor-header">
+								<div class="doctor-image"><img src="images/doctor-image-1.png" alt=""></div>
+								<div class="doctor-name">Савельева Елена Владимировна</div>
+							</div>
+							<div class="doctor-category">
+								<div class="image"><img src="images/mini-doctor-1.png" alt=""></div>
+								<div class="text">
+									<div class="category">Врач высшей категории</div>
+									<div class="otdels">
+										Гастроэнтерология, 
+										детская гастроэнтерология
+										мануальная терапия,
+										УЗИ-диагностика
+									</div>
+								</div>	
+							</div>
+						</div>
+					</div>				
+				</div>
+				<div class="min-title">Услуги</div>
+				<p>
+					Приступая к доказательству следует безапелляционно заявить, что ратушная площадь транслирует экскурсионный холерик. Гетерономная этика наблюдаема. Британский протекторат представляет собой даосизм, как и предполагалось. Апостериори, нормаль к поверхности дает импрессионизм.
+					Его экзистенциальная тоска выступает как побудительный мотив творчества, однако бином Ньютона расточительно раскручивает снежный покров. Материк, не вдаваясь в подробности, контролирует тройной интеграл. Онтогенез использует сокращенный минимум. Вектор не так уж очевиден.
+					Рациональное число традиционно. Щебнистое плато естественно отображает фарс. Надстройка, как следует из вышесказанного, абсурдно контролирует разрыв функции, в итоге приходим к логическому противоречию. Ксерофитный кустарник прочно усиливает метод кластерного анализа.
+				</p>
+				<div class="more">
+					<a href="#">Читать далее <img src="images/little-right-arrow.png"></a>
+				</div>
+				<div class="min-title">Правовые документы и лицензии</div>
+				<div class="documents documents-unit" id = "documents">
+					<div class="row">	
+						<div class="doc-item year">1988</div>
+						<div class="doc-item doc-name"><img src="images/pdf.png" alt=""> <a href="#">Лицензия</a></div>
+						<div class="doc-item doc-date">01.02.1988</div>
+						<div class="doc-item doc-desc">Осуществление медицинской деятельности</div>
+						<div class="doc-item doc-org">Министерство здравоохранения Рязанской области</div>
+					</div>
+					<div class="row">
+						<div class="doc-item year">2012</div>
+						<div class="doc-item doc-name"><img src="images/pdf.png" alt=""> <a href="#">Устав</a></div>
+						<div class="doc-item doc-date">03.06.2012</div>
+						<div class="doc-item doc-desc"></div>
+						<div class="doc-item doc-org"></div>
+					</div>
+					<div class="row">
+						<div class="doc-item year">2013</div>
+						<div class="doc-item doc-name"><img src="images/pdf.png" alt=""> <a href="#">Свидетельство о регистрации</a></div>
+						<div class="doc-item doc-date">08.06.2013</div>
+						<div class="doc-item doc-desc">Использование метода диализной гематофильтрации</div>
+						<div class="doc-item doc-org">ООО «Фрезелиус -АГ» г. Москва</div>
+					</div>
+				</div>
+				<div class="smi">
+				<div class="min-title">Клиника в СМИ</div>
+					<div class="media">
+					    <div class="swiper-button-next"></div>
+					    <div class="swiper-button-prev"></div>
+						<div class="swiper-container swiper-container-horizontal">
+					        <div class="swiper-wrapper">
+
+					            <div class="swiper-slide swiper-slide-active" style="width: 201.667px; margin-right: 30px;"><img src="images/media-1.png" alt=""></div>
+					            <div class="swiper-slide swiper-slide-next" style="width: 201.667px; margin-right: 30px;"><iframe src="https://www.youtube.com/embed/xHUIbFNO0II" frameborder="0" allowfullscreen=""></iframe></div>
+					            <div class="swiper-slide" style="width: 201.667px; margin-right: 30px;"><img src="images/media-1.png" alt=""></div>
+					            <div class="swiper-slide" style="width: 201.667px; margin-right: 30px;">Slide 4</div>
+					            <div class="swiper-slide" style="width: 201.667px; margin-right: 30px;"><img src="images/media-1.png" alt=""></div>
+					            <div class="swiper-slide" style="width: 201.667px; margin-right: 30px;">Slide 4</div>
+					        </div>
+	  				 	</div>
+					</div>
+					<div class="media-text">
+	  				 		2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)<br>
+							2015-04 Статья: Из санитаров в главные врачи, Комсомольская правда № 123 (март 2015)<br>
+							2015-05 Телесюжет: Новостной выпуск ГТРК Ока (май 2015)<br>
+							2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)<br>
+							2015-04 Статья: Из санитаров в главные врачи, Комсомольская правда № 123 (март 2015)<br>
+							2015-05 Телесюжет: Новостной выпуск ГТРК Ока (май 2015)<br>
+							2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)<br>
+							2015-04 Статья: Из санитаров в главные врачи, Комсомольская правда № 123 (март 2015)<br>
+							2015-05 Телесюжет: Новостной выпуск ГТРК Ока (май 2015)<br>
+							2014-03 Интервью: «Хирургия сегодня», Вопросы здоровья и медицины № 13 (март 2014)
+	  				</div>
+		  			<div class="pagination-container">
+						<div class="pagination">
+							<div class="arrow-left arrow"></div>
+							<div class="number active">1</div>
+							<div class="number">2</div>
+							<div class="number">3</div>
+							<div class="number">4</div>
+							<div class="number">5</div>
+							<div class="number">6</div>
+							<div class="number">7</div>
+							<div class="number">8</div>
+							<div class="arrow-right arrow"></div>
+							<a href="#" class="show-all">Показать все</a>
+						</div>	
+					</div>
+				</div>
 		</section>
 		<section class="content left-side right-side-bar col-lg-2 col-md-3 col-sm-3">
-		<div class="today">
+		<div class="today today-unit">
 					<div class="block-header"><span>Сегодня</span> <a href="#"><img src="images/round-arrow-right.png" alt=""></a></div>
 					<div class="today-item col-lg-12 col-md-12">
 						<a href = "#" class="head">
@@ -168,6 +459,8 @@
 		</div>
 	</footer>
 <script src  = "js/jquery-3.1.0.min.js"></script>
-<script src = "js/script.js"></script>		
+<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/js/swiper.js"></script>
+<script src = "js/slider3.js"></script>
+<script src = "js/script.js"></script>	
 </body>
 </html>