socials-fix+newPage

about.html

@@ -299,10 +299,10 @@
 				</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>
+				<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 class="add-info add-info-news">
 				<div class="info">Блок дополнительной информации</div>

contacts.html

@@ -239,10 +239,10 @@
 				</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>
+				<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 class="importants">
 					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">

css/style.css

@@ -297,39 +297,39 @@ header .menu-mobile ul li a:hover{
 	display: block;
 }
 
-.soc .social:nth-child(1){
+.soc .fb{
 	background: url(../images/soc-fb.png)	
 }
 
-.soc .social:nth-child(2){
+.soc .vk{
 	background: url(../images/soc-vk.png)	
 }
 
 
-.soc .social:nth-child(3){
+.soc .ok{
 	background: url(../images/soc-ok.png)
 }
 
 
-.soc .social:nth-child(4){
+.soc .tw{
 	background: url(../images/soc-twitter.png)
 }
 
-.soc .social:nth-child(1):hover{
+.soc .fb:hover{
 	background: url(../images/soc-fb-hover.png)	
 }
 
-.soc .social:nth-child(2):hover{
+.soc .vk:hover{
 	background: url(../images/soc-vk-hover.png)	
 }
 
 
-.soc .social:nth-child(3):hover{
+.soc .ok:hover{
 	background: url(../images/soc-ok-hover.png)
 }
 
 
-.soc .social:nth-child(4):hover{
+.soc .tw:hover{
 	background: url(../images/soc-twitter-hover.png)
 }
 
@@ -2347,3 +2347,123 @@ header .menu-mobile ul{
 
 }
 /*SERVICES END*/
+
+/*TODAY*/
+.today-page{
+	width: 100%;
+	margin-top: 25px;
+	padding-left: 0px; 
+	display: inline-block;
+}
+
+.today-page .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;
+}
+
+.today-page .today-item .head-blue{
+	background: #5597d1;
+}
+
+.today-page .today-item .head .date{
+	float: left;
+	display: block;
+}
+
+.today-page .today-item .head .name{
+	float: right;
+	display: block;
+}
+
+.today-page .today-item{
+	padding-right: 0;
+	margin-bottom: 20px;
+}
+
+.today-page .image{
+	position: relative;
+	margin-top: 10px;
+}
+
+
+.today-page .image img{
+	display: block;
+	width: 200px;
+	margin: 0 auto; 
+}
+
+.today-page .logo{
+	position: absolute;
+	top: 0;
+	font-family: Cuprum, sans-serif;
+	right: 15px;
+	width: 60px;
+	height: 60px;
+}
+
+.today-page .logo img{
+	width: 60px;
+	height: 60px;
+}
+
+.today-page .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;
+}
+
+.today-page .desc{
+	margin-top:10px;
+	margin-bottom: 10px;  
+	font-family: Cuprum, sans-serif;
+	padding-left: 5px; 
+	font-size: 14px;
+}
+
+.today-page .org{
+	font-family: Cuprum, sans-serif;
+	font-weight: 600;
+	text-align: center;
+	border-top:1px solid #ebebeb;
+	padding-top: 5px;
+	color: #004d7b;
+}
+
+.today-page .adress{
+	margin-top: 5px;
+	font-family: Cuprum, sans-serif;
+	font-size: 14px;
+	padding: 15px 0;
+	background: #ebebeb;
+	color: #929292;
+	text-align: center;
+}
+
+ .pagination-mobile{
+	display: none;
+}
+
+@media (max-width: 768px){
+	.center-content .pagination-mobile{
+		display: block;
+	}
+
+	.center-content .pagination-mobile .pagination div{
+		width: 16.66666%;
+	}
+}	
+
+/*TODAY END*/

index.html

@@ -185,10 +185,10 @@
 			</h1>
 			<div class="subtitle">Министерство здравоохранения Рязанской области</div>
 			<div class="soc">
-				<a href = "#" class="social"></a>
-				<a href = "#" class="social"></a>
-				<a href = "#" class="social"></a>
-				<a href = "#" class="social"></a>
+				<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>
 		</section>
 

js/script.js

@@ -5,44 +5,38 @@ $(document).ready(function(){
 	})
 
 
-	$('.pagination .number').on('click',function(){
-		$('.pagination .active').removeClass('active')
+	$('.pagination .number').on('click', function(){
+		$(this).parent().find('.active').removeClass('active')
 		$(this).addClass('active')
 	})
 
 
 	$('.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')
+		if($(this).parent().find('.active').next().hasClass('number')){
+			$(this).parent().find('.active').next().addClass('active')
+			$(this).parent().find('.active').prev().removeClass('active')
 
 		}else{
-
-			$('.gallery-list .container').removeClass('showed')
-			$('.pagination .active').removeClass('active')
-			$('.pagination .number').first().addClass('active')
+			$(this).parent().find('.active').removeClass('active')
+			$(this).parent().find('.number').first().addClass('active')
 			
 
 		}
 	})
 
 	$('.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')
+		if($(this).parent().find('.active').prev().hasClass('number')){
+			$(this).parent().find('.active').prev().addClass('active')
+			$(this).parent().find('.active').next().removeClass('active')
 		}else{
-
-			$('.gallery-list .container').removeClass('showed')
-			$('.pagination .active').removeClass('active')
-			$('.pagination .number').last().addClass('active')
+			$(this).parent().find('.active').removeClass('active')
+			$(this).parent().find('.number').last().addClass('active')
 			
 		}
 	})
 
 
+
+
 })
 	

news.html

@@ -332,10 +332,10 @@
 				</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>
+				<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 class="add-info add-info-news">
 				<div class="info">Блок дополнительной информации</div>

services.html

@@ -919,10 +919,10 @@
 				</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>
+				<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 class="add-info add-info-news">
 				<div class="info">Блок дополнительной информации</div>

specialists.html

@@ -213,10 +213,10 @@
 				</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>
+				<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 class="importants">
 					<a href = "#" class="important col-lg-12 col-md-12 col-sm-12">

today.html

@@ -0,0 +1,334 @@
+<!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="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 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="today-page">
+					<div class="today-item col-lg-4 col-md-4 col-sm-6 col-sx-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-4 col-md-4 col-sm-6 col-sx-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-4 col-md-4 col-sm-6 col-sx-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-4 col-md-4 col-sm-6 col-sx-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-4 col-md-4 col-sm-6 col-sx-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-4 col-md-4 col-sm-6 col-sx-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>
+			<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>
+
+			<div class="pagination-container pagination-mobile">
+				<div class="pagination pagination-mobile">
+					<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="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 = "#" 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 class="add-info add-info-news">
+				<div class="info">Блок дополнительной информации</div>
+				<div class="info">Блок дополнительной информации</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>