smi_material.php 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Главная страница</title>
  5. <link href="css/all.css" rel="stylesheet">
  6. <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
  7. <script src="js/all.min.js"></script>
  8. </head>
  9. <body>
  10. <!--START container-->
  11. <div class="container">
  12. <!--START header-->
  13. <header class="header header--index inner">
  14. <div class="wrapper wrapper--header">
  15. <!--logo1-->
  16. <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>
  17. <!--slogan-->
  18. <div class="header__item header__item--slogan slogan">
  19. <div class="slogan__text">Ваш навигатор в мире медицины</div>
  20. <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>
  21. </div>
  22. <!--floatmenu-->
  23. <div class="header__item header__item--floatmenu floatmenu">
  24. <ul class="floatmenu__list">
  25. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Организации</a></li>
  26. <li class="floatmenu__item floatmenu__item--active"><a href="#" class="floatmenu__link">Специализации</a></li>
  27. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Услуги</a></li>
  28. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Акции</a></li>
  29. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Новости и публикации</a></li>
  30. </ul>
  31. </div>
  32. <!--search-float-->
  33. <div class="header__item search search--float">
  34. <div class="search__inputcase search__inputcase--float">
  35. <form action="">
  36. <input type="text" placeholder="Поиск по новостям" class="search__input">
  37. <button type="submit" class="search__iconzoom"></button>
  38. </form>
  39. </div>
  40. </div>
  41. <!--special-->
  42. <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>
  43. </div>
  44. </header>
  45. <!--header END-->
  46. <!--START content-->
  47. <section class="content inner">
  48. <!--breadcrumbs-->
  49. <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>
  50. <div class="wrapper wrapper--content">
  51. <!--START leftbar-->
  52. <aside class="leftbar">
  53. <!--search-static-->
  54. <div class="leftbar__item leftbar__item--search search search--static">
  55. <div class="search__inputcase search__inputcase--static">
  56. <form action="">
  57. <input type="text" placeholder="Поиск по организациям" class="search__input">
  58. <button type="submit" class="search__iconzoom"></button>
  59. </form>
  60. </div>
  61. </div>
  62. <!--organization-->
  63. <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>
  64. <ul class="organization__list active">
  65. <li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
  66. <li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a></li>
  67. <li class="organization__item"><a href="#" class="organization__link">Поликлиники</a></li>
  68. <li class="organization__item"><a href="#" class="organization__link">Детские поликлиники</a></li>
  69. <li class="organization__item"><a href="#" class="organization__link">Роддома и женские консультации</a></li>
  70. <li class="organization__item"><a href="#" class="organization__link">Стоматологические клиники</a></li>
  71. <li class="organization__item"><a href="#" class="organization__link">Детские больницы и клиники</a></li>
  72. <li class="organization__item"><a href="#" class="organization__link">Специализированные центры</a></li>
  73. <li class="organization__item"><a href="#" class="organization__link">Медицинские центры</a></li>
  74. <li class="organization__item"><a href="#" class="organization__link">Экспертиза</a></li>
  75. <li class="organization__item"><a href="#" class="organization__link">Организации социальной сферы</a></li>
  76. <li class="organization__item"><a href="#" class="organization__link">Санатории</a></li>
  77. </ul>
  78. </div>
  79. <!--specialization-->
  80. <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>
  81. <ul class="specialization__list active">
  82. <li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a></li>
  83. <li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a></li>
  84. <li class="specialization__item"><a href="#" class="specialization__link">Физиотерапия</a></li>
  85. <li class="specialization__item"><a href="#" class="specialization__link">Функциональная диагностика</a></li>
  86. <li class="specialization__item"><a href="#" class="specialization__link">Стоматология</a></li>
  87. <li class="specialization__item"><a href="#" class="specialization__link">Оториноларингология (ЛОР)</a></li>
  88. <li class="specialization__item"><a href="#" class="specialization__link">Педиатрия</a></li>
  89. <li class="specialization__item"><a href="#" class="specialization__link">Эндокринология</a></li>
  90. <li class="specialization__item"><a href="#" class="specialization__link">Хирургическая офтальмология</a></li>
  91. <li class="specialization__item"><a href="#" class="specialization__link">Онкология</a></li>
  92. </ul>
  93. </div>
  94. <!--filterservice-->
  95. <div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice">
  96. <div class="leftbar__title filterservice__title">Услуги и<br>процедуры</div>
  97. <div class="filterservice__block">
  98. <form id="" method="" action="">
  99. <div class="filterservice__form">
  100. <div class="filterservice__inputcase">
  101. <div class="filterservice__toggle">
  102. <input id="switch_old" type="checkbox" checked="checked">
  103. <label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
  104. <label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1">Ребенок</label>
  105. <label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2">Взрослый</label>
  106. </div>
  107. </div>
  108. <div class="filterservice__inputcase">
  109. <div class="filterservice__toggle">
  110. <input id="switch_male" type="checkbox">
  111. <label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
  112. <label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1">Женщина</label>
  113. <label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2">Мужчина</label>
  114. </div>
  115. </div>
  116. <div class="filterservice__inputcase">
  117. <div class="filterservice__inputtext">Укажите возраст:</div>
  118. <div class="filterservice__inputcaseinner">
  119. <input type="text" placeholder="лет" class="input input--filterservice filterservice__input">
  120. </div>
  121. <div class="filterservice__inputcaseinner">
  122. <input type="text" placeholder="месяцев" class="input input--filterservice filterservice__input">
  123. </div>
  124. <div class="filterservice__inputcaseinner">
  125. <input type="text" placeholder="недель" class="input input--filterservice filterservice__input">
  126. </div>
  127. </div>
  128. <div class="filterservice__inputcase">
  129. <input type="text" placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input">
  130. </div>
  131. <button type="submit" class="btn btn-primary">Найти</button>
  132. </div>
  133. </form>
  134. </div>
  135. </div>
  136. <!--popularservice-->
  137. <div class="leftbar__item leftbar__item--popularservice popularservice"><a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Популярные услуги</span></a>
  138. <ul class="popularservice__list active">
  139. <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a></li>
  140. <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование тазобедренного сустава</a></li>
  141. <li class="popularservice__item"><a href="#" class="popularservice__link">Уход за лежачим больным</a></li>
  142. <li class="popularservice__item"><a href="#" class="popularservice__link">Консультация ЛОР-врача</a></li>
  143. <li class="popularservice__item"><a href="#" class="popularservice__link">Прокол при гайморите</a></li>
  144. <li class="popularservice__item"><a href="#" class="popularservice__link">МРТ позвоночника</a></li>
  145. </ul>
  146. </div>
  147. </aside>
  148. <!--leftbar END-->
  149. <!--START centerbar-->
  150. <main class="centerbar">
  151. <!--pagetitle-->
  152. <h1 class="pagetitle">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</h1>
  153. <div class="grid-dis-row">
  154. <div class="grid-dis-col-3">
  155. <!--fullnews-->
  156. <div class="fullnews">
  157. <div class="full-news__details">
  158. <div class="full-news__left">
  159. <div class="full-news__date">06.02.2017</div>
  160. <a href="#" class="full-news__category">Категория</a><a href="#"
  161. class="full-news__region">Регион</a>
  162. </div>
  163. <div class="full-news__right">
  164. <div class="full-news__views">2 346 789</div>
  165. <div class="full-news__comments">786</div>
  166. </div>
  167. </div>
  168. <!--slider-->
  169. <ul id="full_news__sliderlist" class="full-news__sliderlist">
  170. <li data-thumb="http://lorempixel.com/150/130/cats/1"
  171. class="full-news__slideritem"><img
  172. src="http://lorempixel.com/710/360/cats/1"
  173. class="full-news__sliderimg"></li>
  174. <li data-thumb="http://lorempixel.com/150/130/cats/2"
  175. class="full-news__slideritem"><img
  176. src="http://lorempixel.com/710/360/cats/2"
  177. class="full-news__sliderimg"></li>
  178. <li data-thumb="http://lorempixel.com/150/130/cats/3"
  179. class="full-news__slideritem"><img
  180. src="http://lorempixel.com/710/360/cats/3"
  181. class="full-news__sliderimg"></li>
  182. <li data-thumb="http://lorempixel.com/150/130/cats/4"
  183. class="full-news__slideritem"><img
  184. src="http://lorempixel.com/710/360/cats/4"
  185. class="full-news__sliderimg"></li>
  186. <li data-thumb="http://lorempixel.com/150/130/cats/5"
  187. class="full-news__slideritem"><img
  188. src="http://lorempixel.com/710/360/cats/5"
  189. class="fullnews__sliderimg"></li>
  190. <li data-thumb="http://lorempixel.com/150/130/cats/6"
  191. class="full-news__slideritem"><img
  192. src="http://lorempixel.com/710/360/cats/6"
  193. class="full-news__sliderimg"></li>
  194. <li data-thumb="http://lorempixel.com/150/130/cats/7"
  195. class="full-news__slideritem"><img
  196. src="http://lorempixel.com/710/360/cats/7"
  197. class="full-news__sliderimg"></li>
  198. <li data-thumb="http://lorempixel.com/150/130/cats/8"
  199. class="full-news__slideritem"><img
  200. src="http://lorempixel.com/710/360/cats/8"
  201. class="full-news__sliderimg"></li>
  202. <li data-thumb="http://lorempixel.com/150/130/cats/9"
  203. class="full-news__slideritem"><img
  204. src="http://lorempixel.com/710/360/cats/9"
  205. class="full-news__sliderimg"></li>
  206. </ul>
  207. <!--image-->
  208. <!--ul.fullnews__sliderlist
  209. li.fullnews__slideritem(data-thumb="http://placehold.it/150x130")
  210. img.fullnews__sliderimg(src="http://placehold.it/710x360")
  211. -->
  212. </div>
  213. </div>
  214. <div class="grid-dis-col-1 rightbar">
  215. <!--banner-->
  216. <div class="banner banner--230x400"><a href="#" class="banner__link"><img src="http://placehold.it/230x400"></a></div>
  217. <!--banner-->
  218. <div class="banner banner--230x400"><a href="#" class="banner__link"><img src="http://placehold.it/230x400"></a></div>
  219. <!--banner-->
  220. <div class="banner banner--230x400"><a href="#" class="banner__link"><img src="http://placehold.it/230x400"></a></div>
  221. </div>
  222. </div>
  223. </main>
  224. <!--centerbar END-->
  225. </div>
  226. </section>
  227. <!--content END-->
  228. <!--START footer-->
  229. <footer id="footer" role="contentinfo" class="footer">
  230. <div class="wrapper wrapper--footer">
  231. <!--logo-->
  232. <div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img"></div>
  233. <div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span></div>
  234. <div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной ссылки, а так же указания названия сайта</div>
  235. <div class="footer__item footer__right">
  236. <!--social-->
  237. <ul class="social social--static">
  238. <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
  239. <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
  240. <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
  241. <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
  242. </ul>
  243. <!--mainlinks-->
  244. <ul class="mainlinks">
  245. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
  246. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
  247. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
  248. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
  249. </ul>
  250. </div>
  251. </div>
  252. </footer>
  253. <!--footer END-->
  254. <!--social-->
  255. <ul class="social social--fixed">
  256. <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
  257. <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
  258. <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
  259. <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
  260. </ul>
  261. </div>
  262. <!--container END-->
  263. </body>
  264. </html>