medgis
/
ru-assets


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
							<!DOCTYPE html>
<html>
	<head>
		<title>Главная страница</title>
		<link href="css/all.css" rel="stylesheet">
        <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
		<script src="js/all.min.js"></script>
	</head>
	<body>
		<!--START container-->
		<div class="container">
			<!--START header-->
			<header class="header header--index inner">
				<div class="wrapper wrapper--header">
					<!--logo1-->
					<div class="header__item header__item--logo logo logo--header"><a href="#" class="logo__link"><img src="img/logo_medgis_header@2x.png" class="logo__img logo__img--header"></a></div>
					<!--slogan-->
					<div class="header__item header__item--slogan slogan">
						<div class="slogan__text">Ваш навигатор в мире медицины</div>
						<div class="slogan__region region"><a href="#" class="region__link"><img src="http://placehold.it/33x33/dddddd/" class="region__img"><span class="region__name">Рязанская область</span></a></div>
					</div>
					<!--floatmenu-->
					<div class="header__item header__item--floatmenu floatmenu">
						<ul class="floatmenu__list">
							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Организации</a></li>
							<li class="floatmenu__item floatmenu__item--active"><a href="#" class="floatmenu__link">Специализации</a></li>
							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Услуги</a></li>
							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Акции</a></li>
							<li class="floatmenu__item"><a href="#" class="floatmenu__link">Новости и публикации</a></li>
						</ul>
					</div>
					<!--search-float-->
					<div class="header__item search search--float">
						<div class="search__inputcase search__inputcase--float">
							<form action="">
								<input type="text" placeholder="Поиск по новостям" class="search__input">
								<button type="submit" class="search__iconzoom"></button>
							</form>
						</div>
					</div>
					<!--special-->
					<div class="header__item header__item--special special"><a href="#" class="special__link"><img src="img/icon_special@2x.png" class="special__img"></a></div>
				</div>
			</header>
			<!--header END-->
			<!--START content-->
			<section class="content inner">
				<!--breadcrumbs-->
				<div class="wrapper wrapper--breadcrumbs breadcrumbs"><a href="#" class="breadcrumbs__link">Главная</a><a href="#" class="breadcrumbs__link">Рубрика</a><a href="#" class="breadcrumbs__link">Подрубрика</a><span class="breadcrumbs__page">Страница</span></div>
				<div class="wrapper wrapper--content">
					<!--START leftbar-->
					<aside class="leftbar">
						<!--search-static-->
						<div class="leftbar__item leftbar__item--search search search--static">
							<div class="search__inputcase search__inputcase--static">
								<form action="">
									<input type="text" placeholder="Поиск по организациям" class="search__input">
									<button type="submit" class="search__iconzoom"></button>
								</form>
							</div>
						</div>
						<!--organization-->
						<div class="leftbar__item leftbar__item--organization organization"><a id="organization__title" href="#" class="leftbar__title organization__title"><span>Организации</span><img src="img/icon_leftbar_title_arrow1.png" class="leftbar__arrow active"></a>
							<ul class="organization__list active">
								<li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Поликлиники</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Детские поликлиники</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Роддома и женские консультации</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Стоматологические клиники</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Детские больницы и клиники</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Специализированные центры</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Медицинские центры</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Экспертиза</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Организации социальной сферы</a></li>
								<li class="organization__item"><a href="#" class="organization__link">Санатории</a></li>
							</ul>
						</div>
						<!--specialization-->
						<div class="leftbar__item leftbar__item--specialization specialization"><a id="specialization__title" href="#" class="leftbar__title specialization__title"><span>Специализации</span><img src="img/icon_leftbar_title_arrow2.png" class="leftbar__arrow active"></a>
							<ul class="specialization__list active">
								<li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Функциональная диагностика</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология (ЛОР)</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Хирургическая офтальмология</a></li>
								<li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
							</ul>
						</div>
						<!--filterservice-->
						<div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice">
							<div class="leftbar__title filterservice__title">Услуги и<br>процедуры</div>
							<div class="filterservice__block">
								<form id="" method="" action="">
									<div class="filterservice__form">
										<div class="filterservice__inputcase">
											<div class="filterservice__toggle">
												<input id="switch_old" type="checkbox" checked="checked">
												<label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
												<label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1">Ребенок</label>
												<label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2">Взрослый</label>
											</div>
										</div>
										<div class="filterservice__inputcase">
											<div class="filterservice__toggle">
												<input id="switch_male" type="checkbox">
												<label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
												<label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1">Женщина</label>
												<label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2">Мужчина</label>
											</div>
										</div>
										<div class="filterservice__inputcase">
											<div class="filterservice__inputtext">Укажите возраст:</div>
											<div class="filterservice__inputcaseinner">
												<input type="text" placeholder="лет" class="input input--filterservice filterservice__input">
											</div>
											<div class="filterservice__inputcaseinner">
												<input type="text" placeholder="месяцев" class="input input--filterservice filterservice__input">
											</div>
											<div class="filterservice__inputcaseinner">
												<input type="text" placeholder="недель" class="input input--filterservice filterservice__input">
											</div>
										</div>
										<div class="filterservice__inputcase">
											<input type="text" placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input">
										</div>
										<button type="submit" class="btn btn-primary">Найти</button>
									</div>
								</form>
							</div>
						</div>
						<!--popularservice-->
						<div class="leftbar__item leftbar__item--popularservice popularservice"><a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Популярные услуги</span></a>
							<ul class="popularservice__list active">
								<li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a></li>
								<li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование тазобедренного сустава</a></li>
								<li class="popularservice__item"><a href="#" class="popularservice__link">Уход за лежачим больным</a></li>
								<li class="popularservice__item"><a href="#" class="popularservice__link">Консультация ЛОР-врача</a></li>
								<li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при гайморите</a></li>
								<li class="popularservice__item"><a href="#" class="popularservice__link">МРТ позвоночника</a></li>
							</ul>
						</div>
					</aside>
					<!--leftbar END-->
					<!--START centerbar-->
					<main class="centerbar">
						<!--pagetitle-->
						<h1 class="pagetitle">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</h1>
						<div class="grid-dis-row">
							<div class="grid-dis-col-3">
								<!--fullnews-->
								<div class="fullnews">
                                    <div class="full-news__details">
                                        <div class="full-news__left">
                                            <div class="full-news__date">06.02.2017</div>
                                            <a href="#" class="full-news__category">Категория</a><a href="#"
                                                                                                    class="full-news__region">Регион</a>
										</div>
                                        <div class="full-news__right">
                                            <div class="full-news__views">2 346 789</div>
                                            <div class="full-news__comments">786</div>
										</div>
									</div>
									<!--slider-->
                                    <ul id="full_news__sliderlist" class="full-news__sliderlist">
                                        <li data-thumb="http://lorempixel.com/150/130/cats/1"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/1"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/2"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/2"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/3"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/3"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/4"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/4"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/5"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/5"
                                                    class="fullnews__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/6"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/6"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/7"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/7"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/8"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/8"
                                                    class="full-news__sliderimg"></li>
                                        <li data-thumb="http://lorempixel.com/150/130/cats/9"
                                            class="full-news__slideritem"><img
                                                    src="http://lorempixel.com/710/360/cats/9"
                                                    class="full-news__sliderimg"></li>
									</ul>
									<!--image-->
									<!--ul.fullnews__sliderlist
									li.fullnews__slideritem(data-thumb="http://placehold.it/150x130")
									    img.fullnews__sliderimg(src="http://placehold.it/710x360")
									-->
								</div>
							</div>
							<div class="grid-dis-col-1 rightbar">
								<!--banner-->
								<div class="banner banner--230x400"><a href="#" class="banner__link"><img src="http://placehold.it/230x400"></a></div>
								<!--banner-->
								<div class="banner banner--230x400"><a href="#" class="banner__link"><img src="http://placehold.it/230x400"></a></div>
								<!--banner-->
								<div class="banner banner--230x400"><a href="#" class="banner__link"><img src="http://placehold.it/230x400"></a></div>
							</div>
						</div>
					</main>
					<!--centerbar END-->
				</div>
			</section>
			<!--content END-->
			<!--START footer-->
			<footer id="footer" role="contentinfo" class="footer">
				<div class="wrapper wrapper--footer">
					<!--logo-->
					<div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img"></div>
					<div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span></div>
					<div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной ссылки, а так же указания названия сайта</div>
					<div class="footer__item footer__right">
						<!--social-->
						<ul class="social social--static">
							<li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
							<li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
							<li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
							<li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
						</ul>
						<!--mainlinks-->
						<ul class="mainlinks">
							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
							<li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
						</ul>
					</div>
				</div>
			</footer>
			<!--footer END-->
			<!--social-->
			<ul class="social social--fixed">
				<li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
				<li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
				<li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
				<li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
			</ul>
		</div>
		<!--container END-->
	</body>
</html>