Explorar el Código

specialists-page-ready

Kirill hace 8 años
padre
commit
6effb49235
Se han modificado 2 ficheros con 511 adiciones y 1 borrados
  1. 187 1
      css/style.css
  2. 324 0
      specialists.html

+ 187 - 1
css/style.css

@@ -1498,4 +1498,190 @@ header .menu-mobile ul{
 
 
 }
-/*CONTACTS PAGE END*/
+/*CONTACTS PAGE END*/
+
+/*SPECIALISTS PAGE*/
+.specs-container .center-content .mini-title{
+	font-family: Cuprum, sans-serif;
+	font-size: 20px;
+	font-weight: 600;
+	margin-bottom: 15px; 
+}
+
+.specs-container .center-content .mini-title-2{
+	padding-left: 12px; 
+	font-family: Cuprum, sans-serif;
+	font-size: 16px;
+	font-weight: 600;
+	margin-bottom: 15px; 
+}
+
+.specs-container .center-content .classes{
+	margin-bottom: 15px;
+}
+
+.specs-container .center-content .classes a{
+	display: block;
+	color: #004d7b;
+}
+
+.specs-container .center-content .text{
+	font-family: Open Sans, sans-serif;
+	margin-bottom: 20px;
+}
+
+.specs-container .today{
+	width: 100%;
+	margin-top: 25px;
+/*	padding-left: 15px;
+	padding-right: 15px;*/
+	display: inline-block;
+}
+
+.specs-container .today .today-item{
+	padding-left: 0;
+	margin-bottom: 20px;
+}
+
+.specs-container .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;
+}
+
+.specs-container .today .today-item .head-blue{
+	background: #5597d1;
+}
+
+.specs-container .today .today-item .head .date{
+	float: left;
+	display: block;
+}
+
+.specs-container .today .today-item .head .name{
+	float: right;
+	display: block;
+}
+
+/*.contacts-container .today .today-item{
+	padding-right: 0;
+}
+*/
+.specs-container .today .block-header{
+	padding: 6px 10px;
+	font-size: 22px;
+	font-weight: 700;
+	font-family: Cuprum, sans-serif;
+	background: #929292;
+	color: #fff;
+	margin-bottom: 10px;
+}
+
+.specs-container .today .block-header img{
+	float: right;
+	margin-top: 3px; 
+}
+
+.specs-container .today .image{
+	position: relative;
+	margin-top: 10px;
+}
+
+
+.specs-container .today .image img{
+	display: block;
+	width: 200px;
+	margin: 0 auto; 
+}
+
+.specs-container .today .logo{
+	position: absolute;
+	top: 0;
+	font-family: Cuprum, sans-serif;
+	right: 15px;
+	width: 60px;
+	height: 60px;
+}
+
+.specs-container .today .logo img{
+	width: 60px;
+	height: 60px;
+}
+
+.specs-container .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;
+}
+
+.specs-container .today .desc{
+	margin-top:10px;
+	margin-bottom: 10px;  
+	font-family: Cuprum, sans-serif;
+	padding-left: 5px; 
+	font-size: 14px;
+}
+
+.specs-container .today .org{
+	font-family: Cuprum, sans-serif;
+	font-weight: 600;
+	text-align: center;
+	border-top:1px solid #ebebeb;
+	padding-top: 5px;
+	color: #004d7b;
+}
+
+.specs-container .today .adress{
+	margin-top: 5px;
+	font-family: Cuprum, sans-serif;
+	font-size: 14px;
+	padding: 15px 0;
+	background: #ebebeb;
+	color: #929292;
+	text-align: center;
+}
+
+.specs-container .center-content .vacan-table{
+	border-top: 1px solid #ebebeb;
+}
+
+.specs-container .center-content .vacancies .vac{
+	padding: 7px 10px; 
+}
+
+.specs-container .center-content .vacancies .vac:nth-child(even){
+	background: #ebebeb;
+}
+
+.specs-container .center-content .vacancies .vacation{
+	float: left;
+}
+
+.specs-container .center-content .vacancies .vacation a{
+	color:#004d7b;
+}
+
+.specs-container .center-content .vacancies .value{
+	text-align: right;
+}
+
+@media (min-width: 768px){
+	.specs-container .today .today-item {
+	    float: left;
+	    width: 33.333332%;
+	}
+}
+}
+/*SPECIALISTS PAGE END*/

+ 324 - 0
specialists.html

@@ -0,0 +1,324 @@
+<!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="#">Новости</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="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="#">Специалистам</a></li>
+					<li><a href="contacts.html">Контакты</a></li>
+					</ul>
+				</div>
+
+	</header>
+
+	<div class="main-container specs-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="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>
+		</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="adds" id = "adds">
+				<div class="mini-title">Объявления</div>
+
+				<div class="today">
+					<div class="today-item col-lg-4 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-4 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-4 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>
+			</div>
+			<div class="mini-title" id = "med-help">Порядки оказания медицинской помощи</div>
+			<div class="text">
+				Городская поликлиника №2 старается экономить время своих пациентов и их родственников. Мы стараемся сделать все возможное, чтобы вы получили всю необходимую информацию о нашей поликлинике.
+				Городская поликлиника №2 старается экономить время своих пациентов и их родственников. Мы стараемся сделать все возможное, чтобы вы получили всю необходимую информацию о нашей поликлинике.
+				Городская поликлиника №2 старается экономить время своих пациентов и их родственников. Мы стараемся сделать все возможное, чтобы вы получили всю необходимую информацию о нашей поликлинике.
+			</div>
+
+			<div class="mini-title" id = "standarts">Стандарты оказания медицинской помощи</div>
+			<div class="text">
+				В ГБУ РО «Городская поликлиника №2» услуги оказываются по стандартам, установленным следующими нормативными документами:<br>
+				<ul>
+					<li>Приказ МЗ РФ № 24242 от 12.12.2016</li>
+					<li>Положение «О порядке оказания медицинской помощи» №21от 13.03.2015</li>
+				</ul>
+			</div>
+			<div class="mini-title-2">1. Стандарты первичной медико-санитарной помощи</div>
+			<div class="classes">
+				<a href="#">Класс I. Некоторые инфекционные и паразитные болезни</a>
+				<a href="#">Класс II. Новообразования</a>
+				<a href="#">Класс III. Болезни крови, кроветворных органов и отдельные нарушения обмена веществ</a>
+				<a href="#">Класс IV. Болезни эндокрильных систем, расстройства питания и нарушения обмена веществ</a>
+				<a href="#">Класс V. Психические расстройства и расстройства поведения</a>
+			</div>
+			<div class="mini-title-2">2. Стандарты специализированной медико-санитарной помощи</div>
+			<div class="classes">
+				<a href="#">Класс I. Некоторые инфекционные и паразитные болезни</a>
+				<a href="#">Класс II. Новообразования</a>
+				<a href="#">Класс III. Болезни крови, кроветворных органов и отдельные нарушения обмена веществ</a>
+				<a href="#">Класс IV. Болезни эндокрильных систем, расстройства питания и нарушения обмена веществ</a>
+				<a href="#">Класс V. Психические расстройства и расстройства поведения</a>
+			</div>
+			<div class="vacancies" id = "vacancies">
+				<div class="mini-title">Вакансии</div>
+				<div class="vacan-table">
+					<div class="vac">
+						<div class = "vacation"><a href="#">Врач- травматолог</a></div>
+						<div class="value">452.00 ₽</div>
+					</div>
+
+					<div class="vac">
+						<div class = "vacation"><a href="#">Врач- травматолог</a></div>
+						<div class="value">452.00 ₽</div>
+					</div>
+
+					<div class="vac">
+						<div class = "vacation"><a href="#">Врач- травматолог</a></div>
+						<div class="value">452.00 ₽</div>
+					</div>
+
+					<div class="vac">
+						<div class = "vacation"><a href="#">Врач- травматолог</a></div>
+						<div class="value">452.00 ₽</div>
+					</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="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>
+	</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>
+</body>
+</html>