bugFix

css/style.css

@@ -8,6 +8,11 @@ header{
 	background: #3b434d;
 	z-index: 99999999;
 }
+
+
+a:focus{
+	text-decoration: none;
+}
 /*
 header .active{
 	color: #929093;
@@ -200,8 +205,11 @@ header .menu-mobile ul li a:hover{
 	}
 
 .left-side .spec{
+	display: block;
+	color: inherit;
+	text-decoration: none;
 	margin-top: 10px;
-	height: 54px;
+	min-height: 54px;
     background: #ebebeb;
     border-radius: 32px 0 0 32px;
 	position: relative;
@@ -463,6 +471,8 @@ header .menu-mobile ul li a:hover{
 }
 
 .content-left .clinics .clinic{
+	min-height: 75px;
+	width: 100%;
 	position: relative;
 	display: inline-block;
 	margin-bottom: 10px; 
@@ -497,6 +507,7 @@ header .menu-mobile ul li a:hover{
 }
 
 .content-left .clinics .text .title{
+	padding-top: 10px;
 	font-size: 18px;
 	line-height: 18px;
 	font-family: Cuprum, sans-serif;
@@ -522,6 +533,16 @@ header .menu-mobile ul li a:hover{
 	background:url(../images/green-recomended.png) no-repeat;
 }
 
+.clinics .arrow-right-blue{
+	cursor: pointer;
+	position: absolute;
+	background: url(../images/arrow-right-blue.png) no-repeat center;
+	right: 0;
+	top: 0;
+	width: 20px;
+	height: 75px;
+}
+
 .content-left .clinics .more{
 	text-align: right;
 	margin-top: 10px;	
@@ -600,6 +621,8 @@ header .menu-mobile ul li a:hover{
 }
 
 .content-right .today .today-item .head{
+	display: block;
+	cursor: pointer;
 	background: #929292;
 	padding: 12px 5px;
 	font-size: 13px;
@@ -610,6 +633,10 @@ header .menu-mobile ul li a:hover{
 	border-radius: 10px 0 0 0;
 }
 
+.content-right .today .today-item .head:hover{
+	text-decoration: none;
+}
+
 .content-right .today .today-item .head-blue{
 	background: #5597d1;
 }
@@ -656,6 +683,7 @@ header .menu-mobile ul li a:hover{
 }
 
 .content-right .today .logo{
+	border-radius: 50px;
 	position: absolute;
 	top: 0;
 	font-family: Cuprum, sans-serif;
@@ -665,6 +693,7 @@ header .menu-mobile ul li a:hover{
 }
 
 .content-right .today .logo img{
+	border-radius: 50%;
 	width: 60px;
 	height: 60px;
 }
@@ -691,6 +720,8 @@ header .menu-mobile ul li a:hover{
 }
 
 .content-right .today .org{
+	cursor: pointer;
+	display: block;
 	font-family: Cuprum, sans-serif;
 	font-weight: 600;
 	text-align: center;
@@ -699,6 +730,10 @@ header .menu-mobile ul li a:hover{
 	color: #004d7b;
 }
 
+.content-right .today .org:hover{
+	text-decoration: none;
+}
+
 .content-right .today .adress{
 	margin-top: 5px;
 	font-family: Cuprum, sans-serif;
@@ -725,43 +760,54 @@ header .menu-mobile ul li a:hover{
 }
 .content-right .news-item{
 	height: 320px;
+	display: block;
+	color: inherit;
+	cursor: pointer;
 	padding: 0 10px;
 	padding-right: 0;
 	margin-bottom: 20px; 
 }
 
+.content-right .news-item:hover{
+	text-decoration: none;
+}
+
 
 .content-right .news-item .inner{
 	height: inherit;
 	background: #ebebeb;
+	border-radius: 10px 0 0 0;
+	overflow: hidden;
 }
 
 .content-right .news{
 	display: inline-block;  
-	margin-top: 25px;
+	margin-top: 25px; 
 	padding-left: 15px;  
 }
 
 .content-right .news .image{
 	font-family: Cuprum, sans-serif;
-    margin-bottom: 10px; 
+    margin-bottom: 20px; 
 	color:#fff; 
-	height: 140px;
-	width: 205px;
+	height: 160px;
+/*	width: 205px;*/
 	margin: 0 auto;
 	position: relative;
 }
 
 .content-right .news .image img{
 	display: block;
-	width: 200px;
 	margin: 0 auto;
 }
 
 .content-right .news .image .title{
 	font-size: 16px;
+	font-weight: 400;
 	position: absolute;
 	bottom: 10px;
+	display: block;
+	color: #fff;
 	left: 20%;
 }
 
@@ -1143,29 +1189,29 @@ header .menu-mobile ul{
 	font-size: 34px;
 }
 
-.contacts-container .side-bar ul{
+.side-bar ul{
 	list-style: none;
 	padding-left: 0; 
 }
 
-.contacts-container .side-bar li{
+.side-bar li{
 	padding: 7px 0;
 	text-align: right;
 	border-bottom: 1px solid  #ebebeb;
 }
 
-.contacts-container .side-bar li:first-child{
+.side-bar li:first-child{
 	border-top: 1px solid  #ebebeb;
 }
 
-.contacts-container .side-bar li a{
+.side-bar li a{
 	color: #004d7b;
 	font-family: Cuprum, sans-serif;
 	font-weight: 600;
 	font-size: 17px;
 }
 
-.contacts-container .side-bar li a:hover{
+.side-bar li a:hover{
 	text-decoration: none;	
 }
 
@@ -1533,6 +1579,8 @@ header .menu-mobile ul{
 }
 
 .specs-container .today .today-item .head{
+	display: block;
+	cursor: pointer;
 	background: #929292;
 	padding: 12px 5px;
 	font-size: 13px;
@@ -1543,6 +1591,10 @@ header .menu-mobile ul{
 	border-radius: 10px 0 0 0;
 }
 
+.specs-container .today .today-item .head:hover{
+	text-decoration: none;
+}
+
 .specs-container .today .today-item .head-blue{
 	background: #5597d1;
 }
@@ -1694,6 +1746,7 @@ header .menu-mobile ul{
 }
 
 .right-side-bar .today .today-item .head{
+	display: block;
 	background: #929292;
 	padding: 12px 5px;
 	font-size: 13px;
@@ -1785,6 +1838,9 @@ header .menu-mobile ul{
 }
 
 .right-side-bar .today .org{
+	cursor: pointer;
+	text-decoration: none;
+	display: block;
 	font-family: Cuprum, sans-serif;
 	font-weight: 600;
 	text-align: center;
@@ -1818,6 +1874,10 @@ header .menu-mobile ul{
 	margin-top: 3px; 
 }
 .contacts-container .center-content .news-item{
+	display: block;
+	color: inherit;
+	cursor: pointer;
+	text-decoration: none;
 	height: 320px;
 	padding: 0 10px;
 	padding-right: 0;
@@ -2595,3 +2655,77 @@ header .menu-mobile ul{
 }
 
 /*VACANCIES END*/
+/*UNITS*/
+.content-left .unit-clinics{
+	margin-top: 0;
+}
+
+.soc .contact {
+	font-family: Cuprum;
+    color: #929292;
+    font-size: 14px;
+}
+
+.soc .value {
+	font-family: Cuprum;
+    font-size: 16px;
+    margin-bottom: 5px;
+}
+
+.under-title .soc{
+	position: static;
+	display: inline-block;
+	text-align: center;
+    padding: 0 10px;
+    margin-top: 0; 
+    margin-bottom: 20px;
+}
+
+.content .more{
+	margin-bottom: 10px;
+}
+
+.container .content .unit-clinics{
+	display: block;
+}
+
+.container .importants-unit{
+	display: block;
+}
+
+@media(max-width: 700px){
+	.content .unit-clinics .clinic {
+		padding-left: 15px;
+	}
+		
+	.content .unit-clinics .clinic .title{
+		margin-bottom: 10px; 
+	}
+
+	.content .unit-clinics .clinic .subtitle{
+		padding-left: 0;
+	}
+
+	.content .unit-clinics .clinic .clinic-image{
+		display: none;
+	}
+}	
+
+@media(max-width: 400px){
+	.container .importants-unit .important .description{
+		font-size: 14px;
+	}
+	.container .importants-unit .important:nth-child(5) .description{
+		padding-top: 15px !important;
+	}
+
+	.container .importants-unit .important:nth-child(3) .description{
+		padding-top: 15px !important;
+	}
+
+	.container .importants-unit .important:nth-child(2) .description{
+		padding-left: 55px !important;
+	}
+
+}
+/*UNITS END*/

index.html

@@ -94,76 +94,76 @@
 				</div>
 			<div class="specializations">
 				<div class="spec-header"><span>Специализации</span> <a href="#"><img src="images/round-arrow-right.png" alt=""></a></div>
-				<div class="spec">
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 1</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 2</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 3</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 4</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 5</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 6</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 7</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 8</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 9</div>
 					</div>
-				</div>
-				<div class="spec">
+				</a>
+				<a href = "#" class="spec">
 					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
 					<div class="text">
 						<div class="subtitle">Специализации и услуги</div>
 						<div class="title">Специализация 10</div>
 					</div>
-				</div>
+				</a>
 				<div class="more">
 					<a href="">Все специализации и услуги <img src = "images/little-right-arrow.png"></a>
 				</div>
@@ -245,9 +245,10 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+							
 						</div>
 						<div class="recomended">Редакция рекомендует!</div>
+						<a href = "#" class = "arrow-right-blue"></a>
 					</div>
 					<div class="clinic">
 						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
@@ -257,7 +258,7 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+						<a href = "#" class = "arrow-right-blue"></a>
 						</div>
 					</div>
 					<div class="clinic">
@@ -268,10 +269,11 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+						<div class = "arrow-right-blue"></div>
 						</div>
 					</div>
 					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
 						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
 						<div class="text">
 							<div class="title">
@@ -279,10 +281,11 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+							
 						</div>
 					</div>
 					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
 						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
 						<div class="text">
 							<div class="title">
@@ -290,10 +293,11 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+							
 						</div>
 					</div>
 					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
 						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
 						<div class="text">
 							<div class="title">
@@ -301,10 +305,11 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+							
 						</div>
 					</div>
 					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
 						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
 						<div class="text">
 							<div class="title">
@@ -312,10 +317,11 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+							
 						</div>
 					</div>
 					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
 						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
 						<div class="text">
 							<div class="title">
@@ -323,10 +329,11 @@
 								и послереанимационного восстановления
 							</div>
 							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
-							<div class="clinic-arrow"></div>
+							
 						</div>
 					</div>
 					<div class="more">
+						<a href = "#" class = "arrow-right-blue"></a>
 						<a href="#">Все подразделения</a>
 						<img src="images/little-right-arrow.png">
 					</div>															
@@ -363,43 +370,43 @@
 				<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-6 col-md-12">
-						<div class="head">
+						<a class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 
 					<div class="today-item col-lg-6 col-md-12">
-						<div class="head head-blue">
+						<a class="head head-blue">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 				</div>
 				<div class="news">
 					<div class="block-header"><span>Новости и публикации</span> <a href="#"><img src="images/round-arrow-right.png" alt=""></a></div>
 
-					<div class="news-item col-lg-6 col-md-12">
+					<a href = "#" class="news-item col-lg-6 col-md-12">
 						<div class="inner">
 							<div class="image">
 								<img src="images/news-1.png" alt="">
@@ -410,9 +417,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-6 col-md-12">
+					<a href = "#" class="news-item col-lg-6 col-md-12">
 						<div class="inner">
 							<div class="image">
 								<img src="images/news-1.png" alt="">
@@ -423,9 +430,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-6 col-md-12">
+					<a href = "#" class="news-item col-lg-6 col-md-12">
 						<div class="inner">
 							<div class="image">
 								<img src="images/news-1.png" alt="">
@@ -436,8 +443,8 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
-					<div class="news-item col-lg-6 col-md-12">
+					</a>
+					<a href = "#" class="news-item col-lg-6 col-md-12">
 						<div class="inner">
 							<div class="image">
 								<img src="images/news-1.png" alt="">
@@ -448,8 +455,8 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
-					<div class="news-item col-lg-6 col-md-12">
+					</a>
+					<a href = "#" class="news-item col-lg-6 col-md-12">
 						<div class="inner">
 							<div class="image">
 								<img src="images/news-1.png" alt="">
@@ -460,8 +467,8 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
-					<div class="news-item col-lg-6 col-md-12">
+					</a>
+					<a href = "#" class="news-item col-lg-6 col-md-12">
 						<div class="inner">
 							<div class="image">
 								<img src="images/news-1.png" alt="">
@@ -472,7 +479,7 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>										
+					</a							
 				</div>
 			</div>
 		</section>

news.html

@@ -54,6 +54,12 @@
 					технологий»
 				</h1>
 				<div class="subtitle">Министерствздравоохранения Рязанской области</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 class="importants news-importants">
 					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">
@@ -92,7 +98,7 @@
 			<div class="subtitle">Министерство здравоохранения Рязанской области</div>
 			<div class="news">
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -103,9 +109,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -116,9 +122,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -129,9 +135,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -142,9 +148,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -155,9 +161,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -168,9 +174,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -181,9 +187,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -194,9 +200,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -207,9 +213,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -220,9 +226,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -233,9 +239,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -246,9 +252,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -259,9 +265,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -272,9 +278,9 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>					
+					</a>					
 
-					<div class="news-item col-lg-4 col-md-4 col-sm-4 col-xs-6">
+					<a 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="">
@@ -285,7 +291,7 @@
 							</div>
 							<div class="data">06.02.2017</div>
 						</div>	
-					</div>
+					</a>
 										
 				</div>
 			<div class="pagination-container">
@@ -344,52 +350,52 @@
 		<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">
+						<a href = "#" class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 
 					<div class="today-item col-lg-12 col-md-12">
-						<div class="head head-blue">
+						<a href = "#" class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 					<div class="today-item col-lg-12 col-md-12">
-						<div class="head head-blue">
+						<a href = "#" class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 

patients.html

@@ -294,52 +294,52 @@
 		<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">
+						<a href = "#" class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a href = "#" class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 
 					<div class="today-item col-lg-12 col-md-12">
-						<div class="head head-blue">
+						<a href = "#" class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a href = "#" class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 					<div class="today-item col-lg-12 col-md-12">
-						<div class="head head-blue">
+						<a href = "#" class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<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">
+						<a href = "#" class="org">
 							ГБУ РО «Областная клиническая больница»
-						</div>
+						</a>
 						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
 					</div>
 

specialists.html

@@ -55,7 +55,7 @@
 					медицинской аналитики и информационных<br>
 					технологий»
 				</h1>
-				<div class="subtitle">Министерствздравоохранения Рязанской области</div>
+				<div class="subtitle">Министерство здравоохранения Рязанской области</div>
 			</div>
 			<div class="yakors">
 				<ul>
@@ -76,14 +76,14 @@
 			<div class="subtitle">Министерство здравоохранения Рязанской области</div>
 
 			<div class="adds" id = "adds">
-				<div class="mini-title">Объявления</div>
+				<div class="min-title">Объявления</div>
 
 				<div class="today">
 					<div class="today-item col-lg-4 col-md-12">
-						<div class="head">
+						<a class="head">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<div class="image">
 							<img src="images/today-1.png" alt="">
 							<div class="logo"><img src="images/today-logo.png" alt=""></div>
@@ -97,10 +97,10 @@
 					</div>
 
 					<div class="today-item col-lg-4 col-md-12">
-						<div class="head head-blue">
+						<a class="head head-blue">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<div class="image">
 							<img src="images/today-1.png" alt="">
 							<div class="logo"><img src="images/today-logo.png" alt=""></div>
@@ -114,10 +114,10 @@
 					</div>
 					
 					<div class="today-item col-lg-4 col-md-12">
-						<div class="head head-blue">
+						<a class="head head-blue">
 							<span class="date">15.02-31.03.2017</span>
 							<span class="name">Школа здоровья</span>
-						</div>
+						</a>
 						<div class="image">
 							<img src="images/today-1.png" alt="">
 							<div class="logo"><img src="images/today-logo.png" alt=""></div>

units.html

@@ -0,0 +1,623 @@
+<!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 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>
+<body>
+	<header>
+			<nav class="menu">
+				<ul>
+					<li class="circles burger"></li>
+					<li><a href="index.html">Главная</a></li>
+					<li><a href="news.html">Новости</a></li>
+					<li><a href="about.html">О клинике</a></li>
+					<li><a href="services.html">Услуги</a></li>
+					<li><a href="units.html">Подразделения</a></li>
+					<li><a href="patients.html">Пациентам</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="news.html">Новости</a></li>
+					<li><a href="about.html">О клинике</a></li>
+					<li><a href="services.html">Услуги</a></li>
+					<li><a href="units.html">Подразделения</a></li>
+					<li><a href="patients.html">Пациентам</a></li>
+					<li><a href="specialists.html">Специалистам</a></li>
+					<li><a href="contacts.html">Контакты</a></li>
+					</ul>
+				</div>
+
+	</header>
+	<div class="main-container container">
+		<section class="content side-bar left-side col-lg-2 col-md-3 col-sm-3">
+			<div class="info">		
+				<div class="logo"><img src="images/left-logo.png" alt=""></div>
+					<section class="main-title mobile col-lg-10 col-md-9 col-sm-9">
+						<h1 class="title">
+							ГБУ РО «Центр медицины профилактики,<br> 
+							медицинской аналитики и информационных<br>
+							технологий»
+						</h1>
+						<div class="subtitle">Министерство здравоохранения Рязанской области</div>
+						<div class="under-title">
+							<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>
+					</section>
+					<div class="yakors">
+						<ul>
+							<li><a href="#adds">Объявления</a></li>
+							<li><a href="#med-help">Порядки оказания медицинской помощи<a></li>
+							<li><a href="#standarts">Стандарты оказания медицинской помощи</a></li>
+							<li><a href="#vacancies">Вакансии</a></li>
+						</ul>
+					</div>
+			
+			</div>
+			<div class="specializations">
+				<div class="spec-header"><span>Специализации</span> <a href="#"><img src="images/round-arrow-right.png" alt=""></a></div>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 1</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 2</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 3</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 4</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 5</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 6</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 7</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 8</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 9</div>
+					</div>
+				</a>
+				<a href = "#" class="spec">
+					<img src="images/white-avatar-test.png" alt="" class="spec-avatar">
+					<div class="text">
+						<div class="subtitle">Специализации и услуги</div>
+						<div class="title">Специализация 10</div>
+					</div>
+				</a>
+				<div class="more">
+					<a href="">Все специализации и услуги <img src = "images/little-right-arrow.png"></a>
+				</div>
+		</section>
+
+		<section class="main-title col-lg-10 col-md-9 col-sm-9">
+			<h1 class = "title">
+				ГБУ РО «Центр медицины профилактики,<br> 
+				медицинской аналитики и информационных<br>
+				технологий»
+			</h1>
+			<div class="subtitle">Министерство здравоохранения Рязанской области</div>	
+			<div class="soc">
+				<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>
+				</div>	
+			</div>
+		</section>
+
+		<section class="row content content-a-lot col-lg-10 col-md-9 col-sm-9">
+			<div class="content content-left col-md-6 col-sm-6">
+				<div class="clinics unit-clinics">
+					<div class="min-title">Администрация</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+						<!-- <div class="recomended">Редакция рекомендует!</div> -->
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="min-title">Диагностика</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="min-title">Хирургическая служба</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="min-title">Реабилитация</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="min-title">Стоматология</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="min-title">Другие группы подразделений</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="clinic">
+						<a href = "#" class = "arrow-right-blue"></a>
+						<div class="clinic-image"><img src="images/clinic-logo.png" alt=""></div>
+						<div class="text">
+							<div class="title">
+								Отделение реанимации, реабилитации 
+								и послереанимационного восстановления
+							</div>
+							<div class="subtitle">ГБУ РО «Областная клиническая больница»</div>
+							<div class="clinic-arrow"></div>
+						</div>
+					</div>
+					<div class="more">
+						<a href="#">Все подразделения</a>
+						<img src="images/little-right-arrow.png">
+					</div>															
+				</div>
+			</div>
+
+			<div class="content content-right col-md-6 col-sm-6">
+				<div class="importants importants-unit">
+					<a href = "#" class="important col-lg-6 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-6 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-6 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-6 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-6 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-6 col-md-12 col-sm-12">
+						<div class="important-image"><img src="images/important-6.png" alt=""></div>
+						<div class="description">Центр записи на прием к врачу</div>
+					</a>
+				</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-6 col-md-12">
+						<a href = "#" class="head">
+							<span class="date">15.02-31.03.2017</span>
+							<span class="name">Школа здоровья</span>
+						</a>
+						<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>
+						<a href = "#" class="org">
+							ГБУ РО «Областная клиническая больница»
+						</a>
+						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
+					</div>
+
+					<div class="today-item col-lg-6 col-md-12">
+						<a href = "#" class="head head-blue">
+							<span class="date">15.02-31.03.2017</span>
+							<span class="name">Школа здоровья</span>
+						</a>
+						<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>
+						<a href = "#" class="org">
+							ГБУ РО «Областная клиническая больница»
+						</a>
+						<div class="adress">Рязань, ул. Интернациональная, д. 1</div>
+					</div>
+				</div>
+				<div class="news">
+					<div class="block-header"><span>Новости и публикации</span> <a href="#"><img src="images/round-arrow-right.png" alt=""></a></div>
+
+					<div class="news-item col-lg-6 col-md-12">
+						<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-6 col-md-12">
+						<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-6 col-md-12">
+						<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-6 col-md-12">
+						<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-6 col-md-12">
+						<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-6 col-md-12">
+						<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>
+		</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="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>