News-page-ready

contacts.html

@@ -21,8 +21,8 @@
 					<li><a href="#">Услуги</a></li>
 					<li><a href="#">Подразделения</a></li>
 					<li><a href="#">Пациентам</a></li>
-					<li><a href="#">Специалистам</a></li>
-					<li><a href="#">Контакты</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
+					<li><a href="contacts.html">Контакты</a></li>
 					<li class="circles">
 						<a href = "#" class="circle"></a>
 						<a href = "#" class="circle"></a>
@@ -38,8 +38,8 @@
 					<li><a href="#">Услуги</a></li>
 					<li><a href="#">Подразделения</a></li>
 					<li><a href="#">Пациентам</a></li>
-					<li><a href="#">Специалистам</a></li>
-					<li><a href="#">Контакты</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
+					<li><a href="contacts.html">Контакты</a></li>
 					</ul>
 				</div>
 	</header>
@@ -341,8 +341,7 @@
 		</div>
 		</footer>
 	<script src  = "js/jquery-3.1.0.min.js"></script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/js/swiper.js"></script>
-	<script src = "js/script.js"></script>
+	<script src = "js/ymap.js"></script>
 	<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
 </body>
 </html>	

css/bootstrap.css

@@ -1570,9 +1570,6 @@ pre code {
     width: 768px;
   }
 
-/*  .container-red{
-    width: 800px;
-  }*/
 }
 @media (min-width: 992px) {
   .container {

css/style.css

@@ -8,6 +8,10 @@ header{
 	background: #3b434d;
 	z-index: 99999999;
 }
+/*
+header .active{
+	color: #929093;
+}*/
 
 header .menu{
 	position: relative;
@@ -532,11 +536,11 @@ header .menu-mobile ul li a:hover{
 	padding-left: 0;
 }
 
-.content .importants{
+/*.content*/ .importants{
 	font-family: Open Sans, sans-serif;
 }
 
-.content .importants .important{
+/*.content*/ .importants .important{
 	height: 90px;
 	margin-left: 10px;
 	margin-bottom: 10px;
@@ -545,34 +549,34 @@ header .menu-mobile ul li a:hover{
 	background: #d7d7d7;
 }
 
-.content .importants .important:hover{
+/*.content */.importants .important:hover{
 	text-decoration: none;
 	background: #004d7b;
 }
 
-.content .importants .important:focus{
+/*.content*/ .importants .important:focus{
 	text-decoration: none;
 }
 
-.content .importants .important:nth-child(1) .description{
+/*.content*/ .importants .important:nth-child(1) .description{
 	padding-top: 20px; 
 }
 
-.content .importants .important:nth-child(2) .description{
+/*.content*/ .importants .important:nth-child(2) .description{
 	padding-top: 15px;
 	padding-left: 0;  
 }
 
-.content .importants .important:nth-child(4) .description{
+/*.content*/ .importants .important:nth-child(4) .description{
 	padding-top: 10px; 
 }
 
-.content .importants .important:nth-child(6) .description{
+/*.content*/ .importants .important:nth-child(6) .description{
 	padding-top: 20px; 
 }
 
 
-.content .importants .important .important-image{
+/*.content*/ .importants .important .important-image{
 	padding-top: 20px;
 	margin-left: 5px;
 	height: 100%;
@@ -581,7 +585,7 @@ header .menu-mobile ul li a:hover{
 	float: left;
 }
 
-.content .importants .important .description{
+/*.content*/ .importants .important .description{
 	color: #fff;
 	font-weight: 700;
 	height: 100%;
@@ -1511,7 +1515,7 @@ header .menu-mobile ul{
 .specs-container .center-content .mini-title-2{
 	padding-left: 12px; 
 	font-family: Cuprum, sans-serif;
-	font-size: 16px;
+	font-size: 18px;
 	font-weight: 600;
 	margin-bottom: 15px; 
 }
@@ -1653,6 +1657,10 @@ header .menu-mobile ul{
 	text-align: center;
 }
 
+.specs-container .center-content .vacancies{
+	margin-bottom: 40px; 
+}
+
 .specs-container .center-content .vacan-table{
 	border-top: 1px solid #ebebeb;
 }
@@ -1683,5 +1691,312 @@ header .menu-mobile ul{
 	    width: 33.333332%;
 	}
 }
+/*SPECIALISTS PAGE END*/
+/*NEWS*/
+
+.left-side .add-info-news{
+	margin-top: 15px; 
+}
+
+.right-side-bar .today{
+	width: 100%	;
+	margin-top: 25px; 
+	display: inline-block;
+}
+
+.right-side-bar .today .today-item{
+	padding: 0 10px;
+}
+
+.right-side-bar .today .today-item .head{
+	background: #929292;
+	padding: 12px 5px;
+	font-size: 13px;
+	font-family: Cuprum;
+	text-align: right;
+	height: 40px;
+	color: #fff;
+	border-radius: 10px 0 0 0;
+}
+
+.right-side-bar .today .today-item .head-blue{
+	background: #5597d1;
+}
+
+.right-side-bar .today .today-item .head .date{
+	float: left;
+	display: block;
+}
+
+.right-side-bar .today .today-item .head .name{
+	float: right;
+	display: block;
+}
+
+.right-side-bar .today .today-item{
+	margin-bottom: 15px; 
+}
+
+.right-side-bar .today .block-header{
+	padding: 6px 10px;
+	font-size: 22px;
+	font-weight: 700;
+	font-family: Cuprum, sans-serif;
+	background: #929292;
+	color: #fff;
+	margin-bottom: 10px;
+}
+
+.right-side-bar .today .block-header img{
+	float: right;
+	margin-top: 3px; 
+}
+
+.right-side-bar .today .image{
+	position: relative;
+	margin-top: 10px;
+}
+
+
+.right-side-bar .today .image img{
+	display: block;
+	width: 200px;
+	margin: 0 auto; 
+}
+
+.right-side-bar .today .logo{
+	position: absolute;
+	top: 0;
+	font-family: Cuprum, sans-serif;
+	right: 15px;
+	width: 60px;
+	height: 60px;
+}
+
+.right-side-bar .today .logo img{
+	width: 60px;
+	height: 60px;
+}
+
+.right-side-bar .today .free{
+	position: absolute;
+	padding-top: 5px;
+	padding-left: 7px; 
+	top: 60px;
+	left: -5px;
+	font-family: Cuprum, sans-serif;
+	color: #fff;
+	width: 200px;
+	height: 40px;
+	background: url(../images/free-bg.png) no-repeat;
+}
+
+.right-side-bar .today .desc{
+	margin-top:10px;
+	margin-bottom: 10px;  
+	font-family: Cuprum, sans-serif;
+	padding-left: 5px; 
+	font-size: 14px;
+}
+
+.right-side-bar .today .org{
+	font-family: Cuprum, sans-serif;
+	font-weight: 600;
+	text-align: center;
+	border-top:1px solid #ebebeb;
+	padding-top: 5px;
+	color: #004d7b;
+}
+
+.right-side-bar .today .adress{
+	margin-top: 5px;
+	font-family: Cuprum, sans-serif;
+	font-size: 14px;
+	padding: 15px 0;
+	background: #ebebeb;
+	color: #929292;
+	text-align: center;
+}
+
+.contacts-container .center-content .news .block-header{
+	padding: 6px 10px;
+	font-size: 22px;
+	font-weight: 700;
+	font-family: Cuprum, sans-serif;
+	background: #929292;
+	color: #fff;
+	margin-bottom: 10px;
+}
+
+.contacts-container .center-content .news .block-header img{
+	float: right;
+	margin-top: 3px; 
+}
+.contacts-container .center-content .news-item{
+	height: 320px;
+	padding: 0 10px;
+	padding-right: 0;
+	margin-bottom: 20px; 
+}
+
+
+.contacts-container .center-content .news-item .inner{
+	height: inherit;
+	background: #ebebeb;
+	border-radius: 10px 0 0 0;
+	overflow: hidden;
+}
+
+.contacts-container .center-content .news{
+	display: inline-block;  
+	margin-top: 25px; 
+	padding-left: 0px;  
+}
+
+.contacts-container .center-content .news .image{
+	font-family: Cuprum, sans-serif;
+    margin-bottom: 20px; 
+	color:#fff; 
+	height: 160px;
+/*	width: 205px;*/
+	margin: 0 auto;
+	position: relative;
+}
+
+.contacts-container .center-content .news .image img{
+	display: block;
+	margin: 0 auto;
+}
+
+.contacts-container .center-content .news .image .title{
+	font-size: 16px;
+	font-weight: 400;
+	position: absolute;
+	bottom: 10px;
+	display: block;
+	color: #fff;
+	left: 20%;
+}
+
+.contacts-container .center-content .news .desc{
+	font-family: Open Sans, sans-serif;
+	padding-left: 10px;
+	font-size: 14px;
+	line-height: 17px;
+}
+
+.contacts-container .center-content .news .data{
+	padding: 10px 0;
+	margin:10px;
+	margin-top:20px; 
+	color: #929292;
+	text-align: right;
+	border-top: 1px solid #d4d4d4; 
+}
+
+.center-content .pagination-container{
+	/*background: #ebebeb;*/
+	padding-left: 10px;
+}
+
+.center-content .pagination{
+	font-family: Open Sans, sans-serif;
+	font-weight: 500;
+	width: 100%;
+	height: 40px;
+	background: #ebebeb;
+}
+
+.center-content .pagination .number{
+	cursor: pointer;
+	padding-top: 10px; 
+	/*margin: 0 10px;*/
+}
+
+.center-content .pagination .number:hover{
+	color:#e77140;
+}
+
+.center-content .pagination .active{
+	color: #e77140;
+	border-bottom:2px solid #e55e26;
+}
+
+.center-content .pagination .arrow-left{
+	background: url(../images/pagination-left.png) no-repeat center;
+	cursor: pointer;
+}
+
+.center-content .pagination .arrow-right{
+	background: url(../images/pagination-right.png) no-repeat center;
+	cursor: pointer;
+}
+
+.center-content .pagination div{
+	height: 40px;
+	float: left;
+	width: 7.14%;
+	text-align: center;
+}
+
+
+@media(max-width: 1200px){
+	.right-side-bar .today .today-item{
+		width: 33.33333%;
+		float: left;
+	}
+
+	.left-side .news-importants{
+		display: none;
+	}
+
+}
+
+@media(min-width: 992px){
+	.left-side .new-importants{
+		display: none;
+	}
+}
+
+@media(max-width: 768px){
+	.right-side-bar .today .today-item{
+		width: 100%;
+		float: left;
+	}
+
+	.right-side-bar .today{
+		display: none;
+	}
+
+	.center-content .pagination{
+		display: none;
+	}
+
+	.left-side .add-info {
+    display: block;
+}
+}
+
+@media(max-width: 550px){
+	.center-content .news{
+		padding-left: 0; 
+	}
+
+	.center-content .news .news-item{
+		padding-left: 0; 
+		width: 93%;
+		float: none;
+		margin: 0 auto;
+		margin-bottom: 20px; 
+	}
+
+	.center-content .news .news-item .image{
+		padding-left: 0; 
+		width:100%;
+		margin: 0 auto;
+	}
+	.center-content .news .news-item .image img{
+		margin: 0 auto;
+	}
 }
-/*SPECIALISTS PAGE END*/
+/*NEWS END*/

index.html

@@ -22,7 +22,7 @@
 					<li><a href="#">Услуги</a></li>
 					<li><a href="#">Подразделения</a></li>
 					<li><a href="#">Пациентам</a></li>
-					<li><a href="#">Специалистам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
 					<li><a href="contacts.html">Контакты</a></li>
 					<li class="circles">
 						<a href = "#" class="circle"></a>
@@ -39,7 +39,7 @@
 					<li><a href="#">Услуги</a></li>
 					<li><a href="#">Подразделения</a></li>
 					<li><a href="#">Пациентам</a></li>
-					<li><a href="#">Специалистам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
 					<li><a href="contacts.html">Контакты</a></li>
 					</ul>
 				</div>
@@ -549,5 +549,6 @@
 	<script src  = "js/jquery-3.1.0.min.js"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.0-beta.2/js/swiper.js"></script>
 	<script src = "js/script.js"></script>
+	<script src = "js/slider.js"></script>
 </body>
 </html>

js/script.js

@@ -1,42 +1,48 @@
 $(document).ready(function(){
 
-	var slider = new Swiper($('.swiper-container'),{
-	loop:true,
-	nextButton:$('.arrow-right'),
-	prevButton:$('.arrow-left'),
-	speed:800,
-	simulateTouch:true,
-	initialSlide:0,
-})
+	$('.menu .burger').on('click', function(){
+		$('.menu-mobile').slideToggle(200)
+	})
 
-	$('.arrow-right').on('click', function(){
-		slider.slideNext(800)
+
+	$('.pagination .number').on('click',function(){
+		$('.pagination .active').removeClass('active')
+		$(this).addClass('active')
 	})
 
-	$('.arrow-left').on('click', function(){
-		slider.slidePrev(800)
+
+	$('.pagination .arrow-right').on('click', function(){
+		if($('.pagination .active').next().hasClass('number')){
+
+			$('.gallery-list .container').removeClass('showed')
+			$('.pagination .active').next().addClass('active')
+			$('.pagination .active').prev().removeClass('active')
+
+		}else{
+
+			$('.gallery-list .container').removeClass('showed')
+			$('.pagination .active').removeClass('active')
+			$('.pagination .number').first().addClass('active')
+			
+
+		}
 	})
 
-	$('.menu .burger').on('click', function(){
-		$('.menu-mobile').slideToggle(200)
+	$('.pagination .arrow-left').on('click', function(){
+		if($('.pagination .active').prev().hasClass('number')){
+
+			$('.gallery-list .container').removeClass('showed')
+			$('.pagination .active').prev().addClass('active')
+			$('.pagination .active').next().removeClass('active')
+		}else{
+
+			$('.gallery-list .container').removeClass('showed')
+			$('.pagination .active').removeClass('active')
+			$('.pagination .number').last().addClass('active')
+			
+		}
 	})
 
-	console.log(slider)
-
-	ymaps.ready(function () {
-    var myMap = new ymaps.Map('map', {
-            center: [54.621076,39.747109],
-            zoom: 18
-        }, {
-        	searchControlProvider : 'yandex#search'
-        })
-        myMap.geoObjects.add(new ymaps.Placemark([54.620954, 39.747420], {
-            iconCaption: 'Центр медицинской профилактики'
-        }, {
-            preset: 'islands#blueCircleDotIconWithCaption',
-            iconCaptionMaxWidth: '200'
-        }));
-
-});
+
 })
 	

js/slider.js

@@ -0,0 +1,18 @@
+$(document).ready(function(){
+	var slider = new Swiper($('.swiper-container'),{
+	loop:true,
+	nextButton:$('.arrow-right'),
+	prevButton:$('.arrow-left'),
+	speed:800,
+	simulateTouch:true,
+	initialSlide:0,
+})
+
+	$('.arrow-right').on('click', function(){
+		slider.slideNext(800)
+	})
+
+	$('.arrow-left').on('click', function(){
+		slider.slidePrev(800)
+	})
+})

js/ymap.js

@@ -0,0 +1,17 @@
+$(document).ready(function(){
+ymaps.ready(function () {
+    var myMap = new ymaps.Map('map', {
+            center: [54.621076,39.747109],
+            zoom: 18
+        }, {
+        	searchControlProvider : 'yandex#search'
+        })
+        myMap.geoObjects.add(new ymaps.Placemark([54.620954, 39.747420], {
+            iconCaption: 'Центр медицинской профилактики'
+        }, {
+            preset: 'islands#blueCircleDotIconWithCaption',
+            iconCaptionMaxWidth: '200'
+        }));
+
+});
+})

news.html

@@ -0,0 +1,470 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>Медгис</title>
+	<link rel="stylesheet" href="css/bootstrap.css">
+	<link rel="stylesheet" href="css/style.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>
+<body>
+	<header>
+			<nav class="menu">
+				<ul>
+					<li class="circles burger"></li>
+					<li><a href="index.html">Главная</a></li>
+					<li><a href="#">Новости</a></li>
+					<li><a href="#">О клиенте</a></li>
+					<li><a href="#">Услуги</a></li>
+					<li><a href="#">Подразделения</a></li>
+					<li><a href="#">Пациентам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
+					<li><a href="contacts.html">Контакты</a></li>
+					<li class="circles">
+						<a href = "#" class="circle"></a>
+						<a href = "#" class="circle"></a>
+						<a href = "#" class="circle"></a>
+					</li>
+				</ul>
+			</nav>
+				<div class="menu-mobile mobile">
+					<ul>
+					<li><a href="index.html">Главная</a></li>
+					<li><a href="#">Новости</a></li>
+					<li><a href="#">О клиенте</a></li>
+					<li><a href="#">Услуги</a></li>
+					<li><a href="#">Подразделения</a></li>
+					<li><a href="#">Пациентам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
+					<li><a href="contacts.html">Контакты</a></li>
+					</ul>
+				</div>
+	</header>
+	<div class="main-container contacts-container container">
+		<section class = "left-side side-bar col-lg-2 col-md-3 col-sm-3">
+			<div class="logo"><img src="images/left-logo.png" alt=""></div>
+			<div class="main-title mobile col-lg-10 col-md-9 col-sm-9">
+				<h1 class="title">
+					ГБУ РО «Центр медицины профилактики,<br> 
+					медицинской аналитики и информационных<br>
+					технологий»
+				</h1>
+				<div class="subtitle">Министерствздравоохранения Рязанской области</div>
+			</div>
+			<div class="importants news-importants">
+					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-1.png" alt=""></div>
+						<div class="description">Электронная регистратура</div>
+					</a>
+					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-2.png" alt=""></div>
+						<div class="description">Антикоррупционная политика организации</div>
+					</a>
+					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-3.png" alt=""></div>
+						<div class="description">Права пациента и государственные гарантии оказания медпомощи</div>
+					</a>
+					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-4.png" alt=""></div>
+						<div class="description">Независимая оценка качества медицинских услуг</div>
+					</a>
+					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-5.png" alt=""></div>
+						<div class="description">Контроль медицинской деятельности (горячие линии)</div>
+					</a>
+					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-6.png" alt=""></div>
+						<div class="description">Центр записи на прием к врачу</div>
+					</a>
+			</div>
+		</section>
+
+		<section class="main-title center-content col-lg-8 col-md-7 col-sm-6">
+			<h1 class = "title">
+				ГБУ РО «Центр медицины профилактики,<br> 
+				медицинской аналитики и информационных<br>
+				технологий»
+			</h1>
+			<div class="subtitle">Министерство здравоохранения Рязанской области</div>
+			<div class="news">
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>					
+
+					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+						<div class="inner">
+							<div class="image">
+								<img src="images/news-1.png" alt="">
+								<div class="title">Лечим зуб и заодно глаз!</div>
+							</div>
+							<div class="desc">
+								Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.
+							</div>
+							<div class="data">06.02.2017</div>
+						</div>	
+					</div>
+										
+				</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="number">9</div>
+					<div class="number">10</div>
+					<div class="number">11</div>
+					<div class="number">12</div>
+					<div class="arrow-right arrow"></div>
+				</div>	
+			</div>
+		</section>
+		<section class="content left-side right-side-bar col-lg-2 col-md-3 col-sm-3">
+			<div class="info">		
+				<div class="logo mobile"><img src="images/left-logo.png" alt=""></div>
+				<div class="logo-subtitle">
+					Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул. Краснослободская, д.10
+				</div>
+				<a class="howtoget_button">Как добраться?</a>
+				<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>
+			</div>
+			<div class="soc">
+				<a href = "#" class="social"></a>
+				<a href = "#" class="social"></a>
+				<a href = "#" class="social"></a>
+				<a href = "#" class="social"></a>
+			</div>
+			<div class="add-info add-info-news">
+				<div class="info">Блок дополнительной информации</div>
+				<div class="info">Блок дополнительной информации</div>
+			</div>
+		<div class="today">
+					<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">
+						<div class="head">
+							<span class="date">15.02-31.03.2017</span>
+							<span class="name">Школа здоровья</span>
+						</div>
+						<div class="image">
+							<img src="images/today-1.png" alt="">
+							<div class="logo"><img src="images/today-logo.png" alt=""></div>
+							<div class="free">Бесплатно!</div>
+						</div>
+						<div class="desc">Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</div>
+						<div class="org">
+							ГБУ РО «Областная клиническая больница»
+						</div>
+						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
+					</div>
+
+					<div class="today-item col-lg-12 col-md-12">
+						<div class="head head-blue">
+							<span class="date">15.02-31.03.2017</span>
+							<span class="name">Школа здоровья</span>
+						</div>
+						<div class="image">
+							<img src="images/today-1.png" alt="">
+							<div class="logo"><img src="images/today-logo.png" alt=""></div>
+							<!-- <div class="free">Бесплатно!</div> -->
+						</div>
+						<div class="desc">Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</div>
+						<div class="org">
+							ГБУ РО «Областная клиническая больница»
+						</div>
+						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
+					</div>
+					<div class="today-item col-lg-12 col-md-12">
+						<div class="head head-blue">
+							<span class="date">15.02-31.03.2017</span>
+							<span class="name">Школа здоровья</span>
+						</div>
+						<div class="image">
+							<img src="images/today-1.png" alt="">
+							<div class="logo"><img src="images/today-logo.png" alt=""></div>
+							<!-- <div class="free">Бесплатно!</div> -->
+						</div>
+						<div class="desc">Весь март скидка на комплексную программу «Похудей к лету». Гимнастический резиновый мяч в подарок!</div>
+						<div class="org">
+							ГБУ РО «Областная клиническая больница»
+						</div>
+						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
+					</div>
+
+				</div>
+		</section>
+	</div>
+	<footer>
+		<div class="container">
+			<ul class="list">
+				<li><a href="#">Об организации</a></li>
+				<li><a href="#">История</a></li>
+				<li><a href="#">Организация</a></li>
+				<li><a href="#">Структура</a></li>
+				<li><a href="#">Оборудование и оснащение</a></li>
+				<li><a href="#">Лицензии</a></li>
+				<li><a href="#">Учредительные документы</a></li>
+				<li><a href="#">Награды</a></li>
+				<li><a href="#">Вакансии</a></li>
+				<li><a href="#">Планы и мероприятия по улучшению качества услуг</a></li>
+				<li><a href="#">Участие в научной деятельности</a></li>
+				<li><a href="#">Участие в общественной деятельности</a></li>
+				<li><a href="#">Отчет о деятельноти</a></li>
+			</ul>
+
+			<ul class="list">
+				<li><a href="#">Отделения и услуги</a></li>
+				<li><a href="#">Расписание и графики работ</a></li>
+				<li><a href="#">Подразделеня</a></li>
+				<li><a href="#">Врачи и специалисты</a></li>
+				<li><a href="#">Медицинские услуги (ОМС)</a></li>
+				<li><a href="#">Платные и медицинские услуги</a></li>
+				<li><a href="#">Правила и нормативы оказания медицинских услуг</a></li>
+				<li><a href="#">Информация для проведения независимой оценки качества услуг</a></li>
+			</ul>
+
+			<ul class="list">
+				<li><a href="#">Пациентам</a></li>
+				<li><a href="#">Памятка пациенту</a></li>
+				<li><a href="#">Диспансеризация и проф.осмотры</a></li>
+				<li><a href="#">Права и обязанности граждан в сфере здравохранения</a></li>
+				<li><a href="#">Льготные категории пациентов</a></li>
+				<li><a href="#">Список ЖНВЛС и изделий мед. назначения</a></li>
+				<li><a href="#">Территориальная программа гос. гарантий</a></li>
+				<li><a href="#">Другие нормативы</a></li>
+			</ul>
+
+			<ul class="list">
+				<li><a href="#">Контакты</a></li>
+				<li><a href="#">Контакты</a></li>
+				<li><a href="#">Обращение к руководителю</a></li>
+				<li><a href="#">Вопрос-ответ</a></li>
+				<li><a href="#">Информация для спонсоров и благотворителей</a></li>
+			</ul>
+
+			<ul class="list">
+				<li><a href="#">Публикации</a></li>
+				<li><a href="#">Профилиактика и ЗОЖ</a></li>
+				<li><a href="#">Научно-популярные</a></li>
+				<li><a href="#">Научные</a></li>
+				<li><a href="#">Прочие публикации</a></li>
+				<li class="admin-button"><a href="#">Вход для администратора клиники</a></li>
+			</ul>
+			<div class="copyright">
+				<div class="text">
+					<img class = "pegi" src="images/pegi.png" alt="">
+					<a href="#">Проект UZRF</a>
+					<div class="copy">
+						© 2017 Информационный
+						медицинский портал MEDGIS.ru
+					</div>
+				</div>
+				<div class="logo"><img src="images/medgis-footer-logo.png" alt=""></div>
+			</div>	
+		</div>
+	</footer>
+<script src  = "js/jquery-3.1.0.min.js"></script>
+<script src = "js/script.js"></script>
+</body>
+</html>	

specialists.html

@@ -22,7 +22,7 @@
 					<li><a href="#">Услуги</a></li>
 					<li><a href="#">Подразделения</a></li>
 					<li><a href="#">Пациентам</a></li>
-					<li><a href="#">Специалистам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
 					<li><a href="contacts.html">Контакты</a></li>
 					<li class="circles">
 						<a href = "#" class="circle"></a>
@@ -39,7 +39,7 @@
 					<li><a href="#">Услуги</a></li>
 					<li><a href="#">Подразделения</a></li>
 					<li><a href="#">Пациентам</a></li>
-					<li><a href="#">Специалистам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
 					<li><a href="contacts.html">Контакты</a></li>
 					</ul>
 				</div>