spec_single.php 42 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Специализация</title>
  6. <link href="css/all.css" rel="stylesheet">
  7. <link href="css/all2.css" rel="stylesheet">
  8. <link href="css/slick.css" rel="stylesheet">
  9. <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
  10. <script src="js/all.min.js"></script>
  11. <script src="js/slick.min.js"></script>
  12. <script src="js/scripts.js"></script>
  13. </head>
  14. <body>
  15. <!--START container-->
  16. <div class="container">
  17. <!--START header-->
  18. <header class="header header--index inner">
  19. <div class="wrapper wrapper--header">
  20. <!--logo1-->
  21. <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>
  22. <!--slogan-->
  23. <div class="header__item header__item--slogan slogan">
  24. <div class="slogan__text">Ваш навигатор в мире медицины</div>
  25. <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>
  26. </div>
  27. <!--floatmenu-->
  28. <div class="header__item header__item--floatmenu floatmenu">
  29. <ul class="floatmenu__list">
  30. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Организации</a></li>
  31. <li class="floatmenu__item floatmenu__item--active"><a href="#" class="floatmenu__link">Специализации</a></li>
  32. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Услуги</a></li>
  33. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Акции</a></li>
  34. <li class="floatmenu__item"><a href="#" class="floatmenu__link">Новости и публикации</a></li>
  35. </ul>
  36. </div>
  37. <!--search-float-->
  38. <div class="header__item search search--float">
  39. <div class="search__inputcase search__inputcase--float">
  40. <form action="">
  41. <input type="text" placeholder="Поиск по новостям" class="search__input">
  42. <button type="submit" class="search__iconzoom"></button>
  43. </form>
  44. </div>
  45. </div>
  46. <!--special-->
  47. <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>
  48. </div>
  49. </header>
  50. <!--header END-->
  51. <!--START content-->
  52. <section class="content inner">
  53. <!--breadcrumbs-->
  54. <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>
  55. <!--breadcrumbs-->
  56. <div class="wrapper wrapper--content">
  57. <!--START leftbar-->
  58. <aside class="leftbar">
  59. <!--selectedfilter-->
  60. <div class="leftbar__item leftbar__item--search search search--static hidden-mobile">
  61. <div class="search__inputcase search__inputcase--static">
  62. <form action="">
  63. <input placeholder="Поиск по организациям" class="search__input" type="text">
  64. <button type="submit" class="search__iconzoom"></button>
  65. </form>
  66. </div>
  67. </div>
  68. <div class="leftbar__item specsingle--leftlinks">
  69. <a href="#" class="specsingle--leftlinks--item">Смотреть всех специалистов и организации специализации</a>
  70. <a href="#" class="specsingle--leftlinks--item">Смотреть новости и публикации специализации</a>
  71. </div>
  72. <div class="leftbar__item specsingle--leftsingular hidden-mobile">
  73. <a href="#" class="specsingle--leftsingular--item">
  74. <div class="specsingle--leftsingular--title">Специализации и услуги</div>
  75. <div class="specsingle--leftsingular--value">Общая хирургия</div>
  76. </a>
  77. <a href="#" class="specsingle--leftsingular--item">
  78. <div class="specsingle--leftsingular--title">Специализации и услуги</div>
  79. <div class="specsingle--leftsingular--value">Эндокринология</div>
  80. </a>
  81. <a href="#" class="specsingle--leftsingular--item">
  82. <div class="specsingle--leftsingular--title">Специализации и услуги</div>
  83. <div class="specsingle--leftsingular--value">Лабораторная диагностика</div>
  84. </a>
  85. </div>
  86. <div class="banner banner--230x400 hidden-mobile">
  87. <a href="#">
  88. <img src="http://placehold.it/230x400" alt="">
  89. </a>
  90. </div>
  91. <div class="banner banner--230x400 hidden-mobile">
  92. <a href="#">
  93. <img src="http://placehold.it/230x400" alt="">
  94. </a>
  95. </div>
  96. <div class="banner banner--230x400 hidden-mobile">
  97. <a href="#">
  98. <img src="http://placehold.it/230x400" alt="">
  99. </a>
  100. </div>
  101. <div class="banner banner--230x400 hidden-mobile">
  102. <a href="#">
  103. <img src="http://placehold.it/230x400" alt="">
  104. </a>
  105. </div>
  106. </aside>
  107. <!--leftbar END-->
  108. <!--START centerbar-->
  109. <main class="centerbar">
  110. <div class="grid-row">
  111. <div class="grid-col grid-col-3">
  112. <div class="postbody">
  113. <h1>Гастроэнтерология в Рязанской области</h1>
  114. <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
  115. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
  116. Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно.
  117. Оглеение восстанавливает страх при любом их взаимном расположении.
  118. Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над проектом.
  119. Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.</p>
  120. </div>
  121. <div class="specsingle--orglist">
  122. <div class="grid-row">
  123. <div class="grid-col grid-col-4">
  124. <div class="pagetitle2container title--org">
  125. <h1>Ведущие организации</h1>
  126. </div>
  127. </div>
  128. </div>
  129. <div class="grid-row row-org1">
  130. <div class="grid-col grid-col-33">
  131. <div class="org1__item recommend-badge">
  132. <div class="org1__title"><a href="#">ГБУ РО «Центр медицинской профилактики, медицинской аналитики и информационных технологий»</a></div>
  133. <div class="org1__desc"><span>Министерство здравоохранения Рязанской области</span></div>
  134. <div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
  135. <div class="org1__adress"><span>Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</span></div>
  136. </div>
  137. </div>
  138. <div class="grid-col grid-col-33">
  139. <div class="org1__item">
  140. <div class="org1__title"><a href="#">ГБУ РО «Центр медицитики и информационных технологий»</a></div>
  141. <div class="org1__desc">Министерство здравоохранения Рязанской области</div>
  142. <div class="org1__img"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
  143. <div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
  144. </div>
  145. </div>
  146. <div class="grid-col grid-col-33">
  147. <div class="org1__item recommend-badge">
  148. <div class="org1__title"><a href="#">ГБУ РО «Центр медиормационных технологий»</a></div>
  149. <div class="org1__desc">Министерство здравоохранения Рязанской области</div>
  150. <div class="org1__img"><a href="#"><a href="#"><img src="http://placehold.it/200x130" alt=""></a></div>
  151. <div class="org1__adress">Рязанская область, Касимовский р-н, пос. Путь завета Ильича, ул.</div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="specsingle--speclist">
  157. <div class="grid-row">
  158. <div class="grid-col grid-col-4">
  159. <div class="pagetitle2container title--spec">
  160. <h1>Специалисты</h1>
  161. </div>
  162. </div>
  163. </div>
  164. <div class="grid-row row-org1">
  165. <div class="grid-col grid-col-33">
  166. <a href="#" class="personals__item personals__link">
  167. <p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
  168. <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
  169. </a>
  170. </div>
  171. <div class="grid-col grid-col-33">
  172. <a href="#" class="personals__item personals__link">
  173. <p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
  174. <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
  175. </a>
  176. </div>
  177. <div class="grid-col grid-col-33">
  178. <a href="#" class="personals__item personals__link">
  179. <p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
  180. <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p>
  181. </a>
  182. </div>
  183. </div>
  184. </div>
  185. <div class="postbody">
  186. <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
  187. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
  188. Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно.
  189. Оглеение восстанавливает страх при любом их взаимном расположении.
  190. Точность крена синхронизирует крен. Гомеостаз реквизирует биокосный квант, работая над проектом.
  191. Жидкость, например, излучает сексуальный формирование имиджа. Полимодальная организация неустойчиво участвует в погрешности определения курса меньше, чем вихрь. Товарный кредит, как бы это ни казалось парадоксальным, устойчив.</p>
  192. <img src="http://placehold.it/227x222" class="alignleft">
  193. <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике.
  194. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет.
  195. Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально</p>
  196. <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет. Рассматривая уравнения, <a href="#">можно</a> с увидеть, что некоммерческая организация традиционно поддерживает флюгель-горн, что лишний раз подтверждает правоту З.Фрейда. Анализ зарубежного опыта индивидуально стабилизирует дифференциальный краснозём даже в том случае, если непосредственное наблюдение этого явления затруднительно. Оглеение восстанавливает страх при любом их взаимном расположении.</p>
  197. <p>Обычный текстовый блок с возможностью добавления фото, видео, инфографики. Необходимо предусмотреть возможность добавления спецкодом внутри текста специалистов и организации по тематике. Поведенческая терапия заставляет иначе взглянуть на то, что такое ультрафиолетовый сет. Рассматривая уравнения, можно с увидеть, что некоммерческая организация традиционно</p>
  198. <ol>
  199. <li>Рассматривая уравнения</li>
  200. <li>Рассматривая уравнения</li>
  201. <li>Рассматривая уравнения</li>
  202. <li>Рассматривая уравнения</li>
  203. <li>Рассматривая уравнения</li>
  204. <li>Рассматривая уравнения</li>
  205. </ol>
  206. <ul>
  207. <li>Рассматривая уравнения</li>
  208. <li>Рассматривая уравнения</li>
  209. <li>Рассматривая уравнения</li>
  210. <li>Рассматривая уравнения</li>
  211. <li>Рассматривая уравнения</li>
  212. <li>Рассматривая уравнения</li>
  213. </ul>
  214. <table>
  215. <thead>
  216. <tr>
  217. <td>Lorem</td>
  218. <td>ipsum</td>
  219. <td>quia</td>
  220. <td>Lorem</td>
  221. <td>ipsum</td>
  222. </tr>
  223. </thead>
  224. <tbody>
  225. <tr>
  226. <td>Lorem</td>
  227. <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
  228. <td>quia</td>
  229. <td>Lorem</td>
  230. <td>ipsum</td>
  231. </tr>
  232. <tr>
  233. <td>Lorem</td>
  234. <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
  235. <td>quia</td>
  236. <td>Lorem</td>
  237. <td>ipsum</td>
  238. </tr>
  239. <tr>
  240. <td>Lorem</td>
  241. <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</td>
  242. <td>quia</td>
  243. <td>Lorem</td>
  244. <td>ipsum</td>
  245. </tr>
  246. </tbody>
  247. </table>
  248. <iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe>
  249. </div>
  250. <div class="specsingle--news1">
  251. <div class="specsingle--news1--headline">Материалы портала по специализации «Гастроэнтерология»</div>
  252. <div class="trailernews">
  253. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  254. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  255. <div class="trailernews__details">
  256. <div class="trailernews__left">
  257. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  258. </div>
  259. <div class="trailernews__right">
  260. <div class="trailernews__views">2 346 789</div>
  261. <div class="trailernews__comments">786</div>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. <div class="trailernews">
  267. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  268. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  269. <div class="trailernews__details">
  270. <div class="trailernews__left">
  271. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  272. </div>
  273. <div class="trailernews__right">
  274. <div class="trailernews__views">2 346 789</div>
  275. <div class="trailernews__comments">786</div>
  276. </div>
  277. </div>
  278. </div>
  279. </div>
  280. <div class="trailernews">
  281. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  282. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  283. <div class="trailernews__details">
  284. <div class="trailernews__left">
  285. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  286. </div>
  287. <div class="trailernews__right">
  288. <div class="trailernews__views">2 346 789</div>
  289. <div class="trailernews__comments">786</div>
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="trailernews">
  295. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  296. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  297. <div class="trailernews__details">
  298. <div class="trailernews__left">
  299. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  300. </div>
  301. <div class="trailernews__right">
  302. <div class="trailernews__views">2 346 789</div>
  303. <div class="trailernews__comments">786</div>
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. <div class="trailernews">
  309. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  310. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  311. <div class="trailernews__details">
  312. <div class="trailernews__left">
  313. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  314. </div>
  315. <div class="trailernews__right">
  316. <div class="trailernews__views">2 346 789</div>
  317. <div class="trailernews__comments">786</div>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. <div class="grid-row specsingle--news2">
  324. <div class="grid-col grid-col-33">
  325. <!--vedeorow-->
  326. <div class="videorow videorow--smi">
  327. <div class="videorow__item"><iframe hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" allowfullscreen="" width="100%" frameborder="0"></iframe></div>
  328. <div class="videorow__item"><iframe hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" allowfullscreen="" width="100%" frameborder="0"></iframe></div>
  329. </div>
  330. </div>
  331. <div class="grid-col grid-col-33">
  332. <!--shortnews-->
  333. <div class="shortnews"><a href="#" class="shortnews__link">
  334. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  335. <div class="shortnews__textpos">
  336. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  337. </div>
  338. </div>
  339. <p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
  340. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  341. <p class="shortnews__date">06.02.2017</p>
  342. </div>
  343. </div>
  344. </div>
  345. <div class="grid-col grid-col-33">
  346. <!--shortnews-->
  347. <div class="shortnews"><a href="#" class="shortnews__link">
  348. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  349. <div class="shortnews__textpos">
  350. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  351. </div>
  352. </div>
  353. <p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
  354. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  355. <p class="shortnews__date">06.02.2017</p>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. <div class="specsingle--news1">
  361. <div class="trailernews">
  362. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  363. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  364. <div class="trailernews__details">
  365. <div class="trailernews__left">
  366. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  367. </div>
  368. <div class="trailernews__right">
  369. <div class="trailernews__views">2 346 789</div>
  370. <div class="trailernews__comments">786</div>
  371. </div>
  372. </div>
  373. </div>
  374. </div>
  375. <div class="trailernews">
  376. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  377. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  378. <div class="trailernews__details">
  379. <div class="trailernews__left">
  380. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  381. </div>
  382. <div class="trailernews__right">
  383. <div class="trailernews__views">2 346 789</div>
  384. <div class="trailernews__comments">786</div>
  385. </div>
  386. </div>
  387. </div>
  388. </div>
  389. <div class="trailernews">
  390. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  391. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  392. <div class="trailernews__details">
  393. <div class="trailernews__left">
  394. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  395. </div>
  396. <div class="trailernews__right">
  397. <div class="trailernews__views">2 346 789</div>
  398. <div class="trailernews__comments">786</div>
  399. </div>
  400. </div>
  401. </div>
  402. </div>
  403. <div class="trailernews">
  404. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  405. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  406. <div class="trailernews__details">
  407. <div class="trailernews__left">
  408. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  409. </div>
  410. <div class="trailernews__right">
  411. <div class="trailernews__views">2 346 789</div>
  412. <div class="trailernews__comments">786</div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. <div class="trailernews">
  418. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  419. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  420. <div class="trailernews__details">
  421. <div class="trailernews__left">
  422. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  423. </div>
  424. <div class="trailernews__right">
  425. <div class="trailernews__views">2 346 789</div>
  426. <div class="trailernews__comments">786</div>
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. </div>
  432. <div class="grid-row specsingle--news3">
  433. <div class="grid-col grid-col-33">
  434. <!--shortnews-->
  435. <div class="shortnews"><a href="#" class="shortnews__link">
  436. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  437. <div class="shortnews__textpos">
  438. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  439. </div>
  440. </div>
  441. <p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
  442. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  443. <p class="shortnews__date">06.02.2017</p>
  444. </div>
  445. </div>
  446. </div>
  447. <div class="grid-col grid-col-33">
  448. <!--shortnews-->
  449. <div class="shortnews"><a href="#" class="shortnews__link">
  450. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  451. <div class="shortnews__textpos">
  452. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  453. </div>
  454. </div>
  455. <p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
  456. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  457. <p class="shortnews__date">06.02.2017</p>
  458. </div>
  459. </div>
  460. </div>
  461. <div class="grid-col grid-col-33">
  462. <!--shortnews-->
  463. <div class="shortnews"><a href="#" class="shortnews__link">
  464. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  465. <div class="shortnews__textpos">
  466. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  467. </div>
  468. </div>
  469. <p class="shortnews__description is-truncated" style="overflow-wrap: break-word;">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о... </p></a>
  470. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  471. <p class="shortnews__date">06.02.2017</p>
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476. <div class="pagination">
  477. <nav role="navigation" class="pagination__item">
  478. <ul class="pagination__list">
  479. <li class="pagination__item"><a href="#" class="pagination__link pagination__link--left"></a></li>
  480. <li class="pagination__item"><a href="#" class="pagination__link pagination__link--active">1</a></li>
  481. <li class="pagination__item"><a href="#" class="pagination__link">2</a></li>
  482. <li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
  483. <li class="pagination__item"><span class="pagination__link pagination__link--separator">...</span></li>
  484. <li class="pagination__item"><a href="#" class="pagination__link">9</a></li>
  485. <li class="pagination__item"><a href="#" class="pagination__link">10</a></li>
  486. <li class="pagination__item"><a href="#" class="pagination__link">11</a></li>
  487. <li class="pagination__item"><a href="#" class="pagination__link pagination__link--right"></a></li>
  488. </ul>
  489. </nav><a href="#" class="pagination__filter"><i class="pagination__icon"></i><span class="pagination__btn">Найти по дате</span></a>
  490. </div>
  491. </div>
  492. <div class="grid-col grid-col-1 rightbar">
  493. <div class="leftbar__item leftbar__item--services services"><a id="services__title" href="#" class="leftbar__title services__title"><span>Услуги</span></a>
  494. <ul class="services__list active">
  495. <li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
  496. <li class="services__item"><a href="#" class="services__link">УЗИ колена</a></li>
  497. <li class="services__item"><a href="#" class="services__link">Протезирование тазобедренного сустава</a></li>
  498. <li class="services__item"><a href="#" class="services__link">Уход за лежачим больным</a></li>
  499. <li class="services__item"><a href="#" class="services__link">Консультация ЛОР-врача</a></li>
  500. </ul>
  501. </div>
  502. <div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice nobadge">
  503. <div class="leftbar__title filterservice__title">Подобрать услугу</div>
  504. <div class="filterservice__block">
  505. <form id="" method="" action="">
  506. <div class="filterservice__form">
  507. <div class="filterservice__inputcase">
  508. <div class="filterservice__toggle">
  509. <input id="switch_old" checked="checked" type="checkbox">
  510. <label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
  511. <label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1 filterservice__labelbig--active">Ребенок</label>
  512. <label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2">Взрослый</label>
  513. </div>
  514. </div>
  515. <div class="filterservice__inputcase">
  516. <div class="filterservice__toggle">
  517. <input id="switch_male" type="checkbox">
  518. <label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
  519. <label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1">Женщина</label>
  520. <label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2 filterservice__labelbig--active">Мужчина</label>
  521. </div>
  522. </div>
  523. <div class="filterservice__inputcase">
  524. <div class="filterservice__inputtext">Укажите возраст:</div>
  525. <div class="filterservice__inputcaseinner">
  526. <input placeholder="лет" class="input input--filterservice filterservice__input" type="text">
  527. </div>
  528. <div class="filterservice__inputcaseinner">
  529. <input placeholder="месяцев" class="input input--filterservice filterservice__input" type="text">
  530. </div>
  531. <div class="filterservice__inputcaseinner">
  532. <input placeholder="недель" class="input input--filterservice filterservice__input" type="text">
  533. </div>
  534. </div>
  535. <div class="filterservice__inputcase">
  536. <input placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input" type="text">
  537. </div>
  538. <button type="submit" class="btn btn-primary">Найти</button>
  539. </div>
  540. </form>
  541. </div>
  542. </div>
  543. <div class="banner banner--230x400">
  544. <a href="#">
  545. <img src="http://placehold.it/230x400" alt="">
  546. </a>
  547. </div>
  548. <div class="banner banner--230x400">
  549. <a href="#">
  550. <img src="http://placehold.it/230x400" alt="">
  551. </a>
  552. </div>
  553. <div class="banner banner--230x400">
  554. <a href="#">
  555. <img src="http://placehold.it/230x400" alt="">
  556. </a>
  557. </div>
  558. </div>
  559. </div>
  560. </main>
  561. <!--centerbar END-->
  562. </div>
  563. </section>
  564. <!--content END-->
  565. <!--START footer-->
  566. <footer id="footer" role="contentinfo" class="footer">
  567. <div class="wrapper wrapper--footer">
  568. <!--logo-->
  569. <div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img"></div>
  570. <div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span></div>
  571. <div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной ссылки, а так же указания названия сайта</div>
  572. <div class="footer__item footer__right">
  573. <!--social-->
  574. <ul class="social social--static">
  575. <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
  576. <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
  577. <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
  578. <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
  579. </ul>
  580. <!--mainlinks-->
  581. <ul class="mainlinks">
  582. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
  583. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
  584. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
  585. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
  586. </ul>
  587. </div>
  588. </div>
  589. </footer>
  590. <!--footer END-->
  591. <!--social-->
  592. <ul class="social social--fixed">
  593. <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
  594. <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
  595. <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
  596. <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
  597. </ul>
  598. </div>
  599. <!--container END-->
  600. </body>
  601. </html>