index.php 60 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868
  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 loading">
  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 loading">
  48. <div class="wrapper wrapper--content">
  49. <!--START leftbar-->
  50. <aside class="leftbar">
  51. <!--search-static-->
  52. <div class="leftbar__item leftbar__item--search search search--static">
  53. <div class="search__inputcase search__inputcase--static">
  54. <form action="">
  55. <input type="text" placeholder="Поиск по организациям" class="search__input">
  56. <button type="submit" class="search__iconzoom"></button>
  57. </form>
  58. </div>
  59. </div>
  60. <!--organization-->
  61. <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>
  62. <ul class="organization__list active">
  63. <li class="organization__item"><a href="#" class="organization__link">Экстренные службы</a></li>
  64. <li class="organization__item"><a href="#" class="organization__link">Больницы и госпитали</a></li>
  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. </ul>
  76. </div>
  77. <!--specialization-->
  78. <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>
  79. <ul class="specialization__list active">
  80. <li class="specialization__item"><a href="#" class="specialization__link">Мануальная терапия</a></li>
  81. <li class="specialization__item"><a href="#" class="specialization__link">Гастроэнтерология</a></li>
  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. </ul>
  91. </div>
  92. <!--filterservice-->
  93. <div id="filterservice" class="leftbar__item leftbar__item--filterservice filterservice">
  94. <div class="leftbar__title filterservice__title">Услуги и<br>процедуры</div>
  95. <div class="filterservice__block">
  96. <form id="" method="" action="">
  97. <div class="filterservice__form">
  98. <div class="filterservice__inputcase">
  99. <div class="filterservice__toggle">
  100. <input id="switch_old" type="checkbox" checked="checked">
  101. <label for="switch_old" class="filterservice__labeltoggle">Toggle</label>
  102. <label id="switch_old1" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old1">Ребенок</label>
  103. <label id="switch_old2" for="switch_old" class="filterservice__labelbig filterservice__labelbig--old2">Взрослый</label>
  104. </div>
  105. </div>
  106. <div class="filterservice__inputcase">
  107. <div class="filterservice__toggle">
  108. <input id="switch_male" type="checkbox">
  109. <label for="switch_male" class="filterservice__labeltoggle">Toggle</label>
  110. <label id="switch_male1" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male1">Женщина</label>
  111. <label id="switch_male2" for="switch_male" class="filterservice__labelbig filterservice__labelbig--male2">Мужчина</label>
  112. </div>
  113. </div>
  114. <div class="filterservice__inputcase">
  115. <div class="filterservice__inputtext">Укажите возраст:</div>
  116. <div class="filterservice__inputcaseinner">
  117. <input type="text" placeholder="лет" class="input input--filterservice filterservice__input">
  118. </div>
  119. <div class="filterservice__inputcaseinner">
  120. <input type="text" placeholder="месяцев" class="input input--filterservice filterservice__input">
  121. </div>
  122. <div class="filterservice__inputcaseinner">
  123. <input type="text" placeholder="недель" class="input input--filterservice filterservice__input">
  124. </div>
  125. </div>
  126. <div class="filterservice__inputcase">
  127. <input type="text" placeholder="например, УЗИ щитовидки" class="input input--filterservice filterservice__input">
  128. </div>
  129. <button type="submit" class="btn btn-primary">Найти</button>
  130. </div>
  131. </form>
  132. </div>
  133. </div>
  134. <!--popularservice-->
  135. <div class="leftbar__item leftbar__item--popularservice popularservice"><a id="popularservice__title" href="#" class="leftbar__title leftbar__title--popularservice popularservice__title"><span>Популярные услуги</span></a>
  136. <ul class="popularservice__list active">
  137. <li class="popularservice__item"><a href="#" class="popularservice__link">УЗИ колена</a></li>
  138. <li class="popularservice__item"><a href="#" class="popularservice__link">Протезирование тазобедренного сустава</a></li>
  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. </ul>
  144. </div>
  145. <!--entitybanner-->
  146. <div class="entitybanner">
  147. <!--entitybanner__item--><a href="#" class="entitybanner__item">
  148. <p class="entitybanner__title"><span class="entitybanner__titletext">ГБУ РО «Центр медицинской профилактики</span></p>
  149. <p class="entitybanner__description"><span class="entitybanner__descrtext">Министерство</span></p>
  150. <p class="entitybanner__imgcase"><img src="http://placehold.it/200x130" class="entitybanner__img"></p>
  151. <p class="entitybanner__address"><span class="entitybanner__addresstrext">ул. Краснослободская, д.10</span></p></a>
  152. <!--entitybanner__item--><a href="#" class="entitybanner__item">
  153. <p class="entitybanner__title"><span class="entitybanner__titletext">ГБУ РО «Центр медицинской профилактики</span></p>
  154. <p class="entitybanner__description"><span class="entitybanner__descrtext">Министерство</span></p>
  155. <p class="entitybanner__imgcase"><img src="http://placehold.it/200x130" class="entitybanner__img"></p>
  156. <p class="entitybanner__address"><span class="entitybanner__addresstrext">ул. Краснослободская, д.10</span></p></a>
  157. </div>
  158. <!--personals-->
  159. <div class="personals">
  160. <div class="personals__list"><a href="#" class="personals__item personals__link">
  161. <p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
  162. <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p></a><a href="#" class="personals__item personals__link">
  163. <p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
  164. <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p></a><a href="#" class="personals__item personals__link">
  165. <p class="personals__title"><img src="http://placehold.it/63x63/dddddd/" class="personals__photo"><span class="personals__name">Савельева Евгения Владимировна</span></p>
  166. <p class="personals__details"><span class="personals__description">Врач первой категории, кмн</span><span class="personals__category">Гастроэнтерология, детская гастроэнтерология, мануальная терапия, УЗИ-диагностика</span></p></a><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></a></div>
  169. </div>
  170. </aside>
  171. <!--leftbar END-->
  172. <!--START centerbar-->
  173. <main class="centerbar">
  174. <!--category-->
  175. <div class="centerbar__item category">
  176. <ul class="category__list">
  177. <li class="category__item"><a href="#" class="category__link">Здравоохранение</a></li>
  178. <li class="category__item"><a href="#" class="category__link">Инновации</a></li>
  179. <li class="category__item"><a href="#" class="category__link">Здоровая среда</a></li>
  180. <li class="category__item"><a href="#" class="category__link">Закон и контроль</a></li>
  181. <li class="category__item"><a href="#" class="category__link">Благое дело</a></li>
  182. <li class="category__item"><a href="#" class="category__link">Акции</a></li>
  183. <li class="category__item"><a href="#" class="category__link">Медиагалерея</a></li>
  184. </ul>
  185. </div>
  186. <div class="grid-dis-row">
  187. <div class="grid-dis-col-2">
  188. <!--maislider-->
  189. <div class="mainslider">
  190. <ul id="mainsliderId" class="mainslider__list">
  191. <li class="mainslider__item">
  192. <!--shortnews-->
  193. <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
  194. <div class="shortnews__imgcase"><img src="http://placehold.it/470x290" class="shortnews__img">
  195. <div class="shortnews__textpos">
  196. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  197. </div>
  198. </div></a>
  199. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  200. </div>
  201. </li>
  202. <li class="mainslider__item">
  203. <!--shortnews-->
  204. <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
  205. <div class="shortnews__imgcase"><img src="http://placehold.it/470x290" class="shortnews__img">
  206. <div class="shortnews__textpos">
  207. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  208. </div>
  209. </div></a>
  210. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  211. </div>
  212. </li>
  213. <li class="mainslider__item">
  214. <!--shortnews-->
  215. <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
  216. <div class="shortnews__imgcase"><img src="http://placehold.it/470x290" class="shortnews__img">
  217. <div class="shortnews__textpos">
  218. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  219. </div>
  220. </div></a>
  221. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  222. </div>
  223. </li>
  224. <li class="mainslider__item">
  225. <!--shortnews-->
  226. <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
  227. <div class="shortnews__imgcase"><img src="http://placehold.it/470x290" class="shortnews__img">
  228. <div class="shortnews__textpos">
  229. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  230. </div>
  231. </div></a>
  232. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  233. </div>
  234. </li>
  235. <li class="mainslider__item">
  236. <!--shortnews-->
  237. <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
  238. <div class="shortnews__imgcase"><img src="http://placehold.it/470x290" class="shortnews__img">
  239. <div class="shortnews__textpos">
  240. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  241. </div>
  242. </div></a>
  243. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  244. </div>
  245. </li>
  246. </ul>
  247. </div>
  248. </div>
  249. <div class="grid-dis-col-1">
  250. <!--shortnews-->
  251. <div class="shortnews"><a href="#" class="shortnews__link">
  252. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  253. <div class="shortnews__textpos">
  254. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  255. </div>
  256. </div>
  257. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  258. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  259. </div>
  260. </div>
  261. <div class="grid-dis-col-1">
  262. <!--shortnews-->
  263. <div class="shortnews"><a href="#" class="shortnews__link">
  264. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  265. <div class="shortnews__textpos">
  266. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  267. </div>
  268. </div>
  269. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  270. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a></div>
  271. </div>
  272. </div>
  273. </div>
  274. <div class="grid-dis-row">
  275. <div class="grid-dis-col-4">
  276. <!--banner-->
  277. <div class="banner banner--950x155"><a href="#" class="banner__link"><img src="http://placehold.it/950x155"></a></div>
  278. </div>
  279. </div>
  280. <div class="grid-dis-row">
  281. <div class="grid-dis-col-3">
  282. <!--maintitle-->
  283. <div class="maintitle">
  284. <div class="maintitle__item maintitle__title">Новости</div>
  285. <div class="maintitle__item maintitle__details">
  286. <div id="datefilter" class="maintitle__item maintitle__datefilter datefilter">
  287. <div class="datefilter__icon"></div>
  288. <div id="datefiltertext" class="datefilter__text"></div>
  289. </div>
  290. <div id="newsfilter" class="maintitle__item maintitle__newsfilter newsfilter">
  291. <div id="newsfiltericon" class="newsfilter__icon"></div>
  292. <div id="newsfilteropen" class="newsfilter__open">
  293. <form action="">
  294. <div class="newsfilter__form">
  295. <div class="newsfilter__text">Специализации:</div>
  296. <div class="newsfilter__selectcase">
  297. <div class="newsfilter__selectcase">
  298. <select class="styler newsfilter__select">
  299. <option value="1">Кратко</option>
  300. <option value="2">Большой пункт меню</option>
  301. <option value="3">Огромный пункт выпадайки, который не влезает в строку</option>
  302. </select>
  303. </div>
  304. </div>
  305. <div class="newsfilter__text">Районы:</div>
  306. <div class="newsfilter__selectcase">
  307. <div class="newsfilter__selectcase">
  308. <select class="styler newsfilter__select">
  309. <option value="1">1</option>
  310. <option value="2">2</option>
  311. <option value="3">3</option>
  312. </select>
  313. </div>
  314. </div>
  315. <div class="newsfilter__submitcase">
  316. <input type="submit" value="Показать результаты" class="newsfilter__submit">
  317. </div>
  318. </div>
  319. </form>
  320. </div>
  321. </div>
  322. <div class="maintitle__item maintitle__searchfilter">
  323. <!--search--filter-->
  324. <div class="search search--filter">
  325. <div class="search__inputcase search__inputcase--filter">
  326. <form action="">
  327. <input type="text" placeholder="Поиск по новостям" class="search__input">
  328. <button type="submit" class="search__iconzoom"></button>
  329. </form>
  330. </div>
  331. </div>
  332. </div>
  333. </div>
  334. </div>
  335. <!--maincontent-->
  336. <div class="maincontent">
  337. <!--trailernews-->
  338. <div class="trailernews">
  339. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  340. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  341. <div class="trailernews__details">
  342. <div class="trailernews__left">
  343. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  344. </div>
  345. <div class="trailernews__right">
  346. <div class="trailernews__views">2 346 789</div>
  347. <div class="trailernews__comments">786</div>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. <!--trailernews-->
  353. <div class="trailernews">
  354. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  355. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  356. <div class="trailernews__details">
  357. <div class="trailernews__left">
  358. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  359. </div>
  360. <div class="trailernews__right">
  361. <div class="trailernews__views">2 346 789</div>
  362. <div class="trailernews__comments">786</div>
  363. </div>
  364. </div>
  365. </div>
  366. </div>
  367. <!--trailernews-->
  368. <div class="trailernews">
  369. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  370. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  371. <div class="trailernews__details">
  372. <div class="trailernews__left">
  373. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  374. </div>
  375. <div class="trailernews__right">
  376. <div class="trailernews__views">2 346 789</div>
  377. <div class="trailernews__comments">786</div>
  378. </div>
  379. </div>
  380. </div>
  381. </div>
  382. <!--trailernews-->
  383. <div class="trailernews">
  384. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  385. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  386. <div class="trailernews__details">
  387. <div class="trailernews__left">
  388. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  389. </div>
  390. <div class="trailernews__right">
  391. <div class="trailernews__views">2 346 789</div>
  392. <div class="trailernews__comments">786</div>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. <!--trailernews-->
  398. <div class="trailernews">
  399. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  400. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  401. <div class="trailernews__details">
  402. <div class="trailernews__left">
  403. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  404. </div>
  405. <div class="trailernews__right">
  406. <div class="trailernews__views">2 346 789</div>
  407. <div class="trailernews__comments">786</div>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. <!--vedeorow-->
  413. <div class="videorow">
  414. <div class="videorow__item"><iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe></div>
  415. <div class="videorow__item"><iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe></div>
  416. <div class="videorow__item"><iframe width="100%" hight="155" src="https://www.youtube.com/embed/p9VsaF5Szc8" frameborder="0" allowfullscreen></iframe></div>
  417. </div>
  418. <!--trailernews-->
  419. <div class="trailernews">
  420. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  421. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  422. <div class="trailernews__details">
  423. <div class="trailernews__left">
  424. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  425. </div>
  426. <div class="trailernews__right">
  427. <div class="trailernews__views">2 346 789</div>
  428. <div class="trailernews__comments">786</div>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. <!--trailernews-->
  434. <div class="trailernews">
  435. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  436. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  437. <div class="trailernews__details">
  438. <div class="trailernews__left">
  439. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  440. </div>
  441. <div class="trailernews__right">
  442. <div class="trailernews__views">2 346 789</div>
  443. <div class="trailernews__comments">786</div>
  444. </div>
  445. </div>
  446. </div>
  447. </div>
  448. <!--trailernews-->
  449. <div class="trailernews">
  450. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  451. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  452. <div class="trailernews__details">
  453. <div class="trailernews__left">
  454. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  455. </div>
  456. <div class="trailernews__right">
  457. <div class="trailernews__views">2 346 789</div>
  458. <div class="trailernews__comments">786</div>
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. <!--trailernews-->
  464. <div class="trailernews">
  465. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  466. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  467. <div class="trailernews__details">
  468. <div class="trailernews__left">
  469. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  470. </div>
  471. <div class="trailernews__right">
  472. <div class="trailernews__views">2 346 789</div>
  473. <div class="trailernews__comments">786</div>
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. <!--trailernews-->
  479. <div class="trailernews">
  480. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  481. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  482. <div class="trailernews__details">
  483. <div class="trailernews__left">
  484. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  485. </div>
  486. <div class="trailernews__right">
  487. <div class="trailernews__views">2 346 789</div>
  488. <div class="trailernews__comments">786</div>
  489. </div>
  490. </div>
  491. </div>
  492. </div>
  493. <!--trailernews-->
  494. <div class="trailernews">
  495. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  496. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  497. <div class="trailernews__details">
  498. <div class="trailernews__left">
  499. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  500. </div>
  501. <div class="trailernews__right">
  502. <div class="trailernews__views">2 346 789</div>
  503. <div class="trailernews__comments">786</div>
  504. </div>
  505. </div>
  506. </div>
  507. </div>
  508. <!--trailernews-->
  509. <div class="trailernews">
  510. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  511. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  512. <div class="trailernews__details">
  513. <div class="trailernews__left">
  514. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  515. </div>
  516. <div class="trailernews__right">
  517. <div class="trailernews__views">2 346 789</div>
  518. <div class="trailernews__comments">786</div>
  519. </div>
  520. </div>
  521. </div>
  522. </div>
  523. <!--trailernews-->
  524. <div class="trailernews">
  525. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  526. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  527. <div class="trailernews__details">
  528. <div class="trailernews__left">
  529. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  530. </div>
  531. <div class="trailernews__right">
  532. <div class="trailernews__views">2 346 789</div>
  533. <div class="trailernews__comments">786</div>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. <!--trailernews-->
  539. <div class="trailernews">
  540. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  541. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  542. <div class="trailernews__details">
  543. <div class="trailernews__left">
  544. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  545. </div>
  546. <div class="trailernews__right">
  547. <div class="trailernews__views">2 346 789</div>
  548. <div class="trailernews__comments">786</div>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. <!--trailernews-->
  554. <div class="trailernews">
  555. <div class="trailernews__imgcase"><a href="#" class="trailernews__link"><img src="http://placehold.it/110x72" class="trailernews__imgc"></a></div>
  556. <div class="trailernews__textcase"><a href="#" class="trailernews__title">Ученые выяснили, как «лайки» в соцсетях влияют на психику и здоровье</a>
  557. <div class="trailernews__details">
  558. <div class="trailernews__left">
  559. <div class="trailernews__date">06.02.2017</div><a href="#" class="trailernews__category">Категория</a><a href="#" class="trailernews__region">Регион</a>
  560. </div>
  561. <div class="trailernews__right">
  562. <div class="trailernews__views">2 346 789</div>
  563. <div class="trailernews__comments">786</div>
  564. </div>
  565. </div>
  566. </div>
  567. </div>
  568. </div>
  569. <!--pagination-->
  570. <div class="pagination">
  571. <nav role="navigation" class="pagination__item">
  572. <ul class="pagination__list">
  573. <li class="pagination__item"><a href="#" class="pagination__link pagination__link--left"></a></li>
  574. <li class="pagination__item"><a href="#" class="pagination__link pagination__link--active">1</a></li>
  575. <li class="pagination__item"><a href="#" class="pagination__link">2</a></li>
  576. <li class="pagination__item"><a href="#" class="pagination__link">3</a></li>
  577. <li class="pagination__item"><span class="pagination__link pagination__link--separator">...</span></li>
  578. <li class="pagination__item"><a href="#" class="pagination__link">9</a></li>
  579. <li class="pagination__item"><a href="#" class="pagination__link">10</a></li>
  580. <li class="pagination__item"><a href="#" class="pagination__link">11</a></li>
  581. <li class="pagination__item"><a href="#" class="pagination__link pagination__link--right"></a></li>
  582. </ul>
  583. </nav><a href="#" class="pagination__filter"><i class="pagination__icon"></i><span class="pagination__btn">Найти по дате</span></a>
  584. </div>
  585. </div>
  586. <div class="grid-dis-col-1 rightbar">
  587. <!--calendinfo-->
  588. <div id="calendinfo" class="calendinfo">
  589. <div class="calendinfo__item">
  590. <!--daytime-->
  591. <div id="dayitime" class="dayitime"><span id="today_day" class="daytime__date"></span><span id="today_time" class="daytime__time"></span></div>
  592. </div>
  593. <div class="calendinfo__item">
  594. <!--holidays-->
  595. <div class="holidays">
  596. <!--holidays__item--><a href="#" class="holidays__item">
  597. <p class="holidays__imgcase"><img src="http://placehold.it/54x54/ebebeb/" class="holidays__img"></p>
  598. <p class="holidays__textcase"><span href="#" class="holidays__link">Всемирный день больного бронхиальной астмой</span></p></a>
  599. <!--holidays__item--><a href="#" class="holidays__item">
  600. <div class="holidays__imgcase"><img src="http://placehold.it/54x54/ebebeb/" class="holidays__img"></div>
  601. <p class="holidays__textcase"><span href="#" class="holidays__link">Всемирный день больного бронхиальной астмой</span></p></a>
  602. <!--holidays__item--><a href="#" class="holidays__item">
  603. <div class="holidays__imgcase"><img src="http://placehold.it/54x54/ebebeb/" class="holidays__img"></div>
  604. <p class="holidays__textcase"><span href="#" class="holidays__link">Всемирный день больного бронхиальной астмой</span></p></a>
  605. </div>
  606. <!--calendcase-->
  607. <div class="calendinfo__calendcase">
  608. <!--calendar-->
  609. <div class="date-picker-wrapper single-date no-shortcuts no-topbar inline-wrapper no-gap single-month calend">
  610. <div class="month-wrapper">
  611. <table cellspacing="0" cellpadding="0" border="0" class="month1">
  612. <thead>
  613. <tr class="caption">
  614. <th><span class="prev"><</span></th>
  615. <th colspan="5" class="month-name">сентябрь 2017</th>
  616. <th><span class="next">></span></th>
  617. </tr>
  618. <tr class="week-name">
  619. <th>пн</th>
  620. <th>вт</th>
  621. <th>ср</th>
  622. <th>чт</th>
  623. <th>пт</th>
  624. <th>сб</th>
  625. <th>вс</th>
  626. </tr>
  627. </thead>
  628. <tbody>
  629. <tr>
  630. <td><a href="#" class="calend__link day lastMonth valid">28</a></td>
  631. <td><a href="#" class="calend__link day lastMonth valid">29</a></td>
  632. <td><a href="#" class="calend__link day lastMonth valid">30</a></td>
  633. <td><a href="#" class="calend__link day lastMonth valid">31</a></td>
  634. <td><a href="#" class="calend__link day toMonth valid">1</a></td>
  635. <td><a href="#" class="calend__link day toMonth valid">2</a></td>
  636. <td><a href="#" class="calend__link day toMonth valid">3</a></td>
  637. </tr>
  638. <tr>
  639. <td><a href="#" class="calend__link day toMonth valid">4</a></td>
  640. <td><a href="#" class="calend__link day toMonth valid">5</a></td>
  641. <td><a href="#" class="calend__link day toMonth valid">6</a></td>
  642. <td><a href="#" class="calend__link day toMonth valid">7</a></td>
  643. <td><a href="#" class="calend__link day toMonth valid">8</a></td>
  644. <td><a href="#" class="calend__link day toMonth valid">9</a></td>
  645. <td><a href="#" class="calend__link day toMonth valid">10</a></td>
  646. </tr>
  647. <tr>
  648. <td><a href="#" class="calend__link day toMonth valid">11</a></td>
  649. <td><a href="#" class="calend__link day toMonth valid">12</a></td>
  650. <td><a href="#" class="calend__link day toMonth valid">13</a></td>
  651. <td><a href="#" class="calend__link day toMonth valid">14</a></td>
  652. <td><a href="#" class="calend__link day toMonth valid">15</a></td>
  653. <td><a href="#" class="calend__link day toMonth valid">16</a></td>
  654. <td><a href="#" class="calend__link day toMonth valid">17</a></td>
  655. </tr>
  656. <tr>
  657. <td><a href="#" class="calend__link day toMonth valid">18</a></td>
  658. <td><a href="#" class="calend__link day toMonth valid">19</a></td>
  659. <td><a href="#" class="calend__link day toMonth valid">20</a></td>
  660. <td><a href="#" class="calend__link day toMonth valid">21</a></td>
  661. <td><a href="#" class="calend__link day toMonth valid">22</a></td>
  662. <td><a href="#" class="calend__link day toMonth valid">23</a></td>
  663. <td><a href="#" class="calend__link day toMonth valid">24</a></td>
  664. </tr>
  665. <tr>
  666. <td><a href="#" class="calend__link day toMonth valid">25</a></td>
  667. <td><a href="#" class="calend__link day toMonth valid">26</a></td>
  668. <td><a href="#" class="calend__link day toMonth valid">27</a></td>
  669. <td><a href="#" class="calend__link day toMonth valid">28</a></td>
  670. <td><a href="#" class="calend__link day toMonth valid">29</a></td>
  671. <td><a href="#" class="calend__link day toMonth valid">30</a></td>
  672. <td><a href="#" class="calend__link day nextMonth valid">1</a></td>
  673. </tr>
  674. </tbody>
  675. </table>
  676. </div>
  677. </div>
  678. </div>
  679. </div>
  680. </div>
  681. <!--shortnews-->
  682. <div class="shortnews"><a href="#" class="shortnews__link">
  683. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  684. <div class="shortnews__textpos">
  685. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  686. </div>
  687. </div>
  688. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  689. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  690. <p class="shortnews__date">06.02.2017</p>
  691. </div>
  692. </div>
  693. <!--shortnews-->
  694. <div class="shortnews"><a href="#" class="shortnews__link">
  695. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  696. <div class="shortnews__textpos">
  697. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  698. </div>
  699. </div>
  700. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  701. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  702. <p class="shortnews__date">06.02.2017</p>
  703. </div>
  704. </div>
  705. </div>
  706. </div>
  707. <div class="grid-dis-row">
  708. <div class="grid-dis-col-2">
  709. <!--shortnews-->
  710. <div class="shortnews shortnews--big"><a href="#" class="shortnews__link">
  711. <div class="shortnews__imgcase"><img src="http://placehold.it/470x290" class="shortnews__img">
  712. <div class="shortnews__textpos">
  713. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  714. </div>
  715. </div></a>
  716. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  717. <p class="shortnews__date">06.02.2017</p>
  718. </div>
  719. </div>
  720. </div>
  721. <div class="grid-dis-col-1">
  722. <!--shortnews-->
  723. <div class="shortnews"><a href="#" class="shortnews__link">
  724. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  725. <div class="shortnews__textpos">
  726. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  727. </div>
  728. </div>
  729. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  730. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  731. <p class="shortnews__date">06.02.2017</p>
  732. </div>
  733. </div>
  734. </div>
  735. <div class="grid-dis-col-1">
  736. <!--shortnews-->
  737. <div class="shortnews"><a href="#" class="shortnews__link">
  738. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  739. <div class="shortnews__textpos">
  740. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  741. </div>
  742. </div>
  743. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  744. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  745. <p class="shortnews__date">06.02.2017</p>
  746. </div>
  747. </div>
  748. </div>
  749. </div>
  750. <div class="grid-dis-row">
  751. <div class="grid-dis-col-1">
  752. <!--shortnews-->
  753. <div class="shortnews"><a href="#" class="shortnews__link">
  754. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  755. <div class="shortnews__textpos">
  756. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  757. </div>
  758. </div>
  759. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  760. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  761. <p class="shortnews__date">06.02.2017</p>
  762. </div>
  763. </div>
  764. </div>
  765. <div class="grid-dis-col-1">
  766. <!--shortnews-->
  767. <div class="shortnews"><a href="#" class="shortnews__link">
  768. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  769. <div class="shortnews__textpos">
  770. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  771. </div>
  772. </div>
  773. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  774. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  775. <p class="shortnews__date">06.02.2017</p>
  776. </div>
  777. </div>
  778. </div>
  779. <div class="grid-dis-col-1">
  780. <!--shortnews-->
  781. <div class="shortnews"><a href="#" class="shortnews__link">
  782. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  783. <div class="shortnews__textpos">
  784. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  785. </div>
  786. </div>
  787. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  788. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  789. <p class="shortnews__date">06.02.2017</p>
  790. </div>
  791. </div>
  792. </div>
  793. <div class="grid-dis-col-1">
  794. <!--shortnews-->
  795. <div class="shortnews"><a href="#" class="shortnews__link">
  796. <div class="shortnews__imgcase"><img src="http://placehold.it/230x153" class="shortnews__img">
  797. <div class="shortnews__textpos">
  798. <div class="shortnews__title">Россия и Италия вложат 40 млн евро в имитацию полетов на Луну и Марс</div>
  799. </div>
  800. </div>
  801. <p class="shortnews__description">Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев. Российская и итальянская стороны договорились о реализации экспериментов по наземной изоляции добровольцев.</p></a>
  802. <div class="shortnews__details"><a href="#" class="shortnews__category">Категория</a>
  803. <p class="shortnews__date">06.02.2017</p>
  804. </div>
  805. </div>
  806. </div>
  807. </div>
  808. <div class="grid-dis-row">
  809. <div class="grid-dis-col-4">
  810. <!--usefulinfo-->
  811. <div class="usefulinfo">
  812. <div class="usefulinfo__title">Полезная информация</div>
  813. <ul class="usefulinfo__list">
  814. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  815. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  816. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  817. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  818. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  819. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  820. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  821. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  822. <li class="usefulinfo__item"><a href="#" class="usefulinfo__link">Красноярские ученые разработали дома-конструкторы для жизни в Арктике</a></li>
  823. </ul>
  824. </div>
  825. </div>
  826. </div>
  827. </main>
  828. <!--centerbar END-->
  829. </div>
  830. </section>
  831. <!--content END-->
  832. <!--START footer-->
  833. <footer id="footer" role="contentinfo" class="footer">
  834. <div class="wrapper wrapper--footer">
  835. <!--logo-->
  836. <div class="footer__item logo logo--vertical"><img src="img/medgis_logo_footer_@2x.png" class="logo__img"></div>
  837. <div class="footer__item copyright"><a href="#" class="copyright__link">Проект UZRF</a><span>© 2016 Информационный медицинский портал MEDGIS.ru</span></div>
  838. <div class="footer__item aferta">Разрешается копирование материалов сайта при условии наличия активной ссылки, а так же указания названия сайта</div>
  839. <div class="footer__item footer__right">
  840. <!--social-->
  841. <ul class="social social--static">
  842. <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
  843. <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
  844. <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
  845. <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
  846. </ul>
  847. <!--mainlinks-->
  848. <ul class="mainlinks">
  849. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">RSS</a></li>
  850. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Помощь</a></li>
  851. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">Авторам</a></li>
  852. <li class="mainlinks__item"><a href="#" target="_blank" class="mainlinks__link">О портале</a></li>
  853. </ul>
  854. </div>
  855. </div>
  856. </footer>
  857. <!--footer END-->
  858. <!--social-->
  859. <ul class="social social--fixed">
  860. <li class="social__item"><a href="#" class="social__link social__link--fb"></a></li>
  861. <li class="social__item"><a href="#" class="social__link social__link--vk"></a></li>
  862. <li class="social__item"><a href="#" class="social__link social__link--ok"></a></li>
  863. <li class="social__item"><a href="#" class="social__link social__link--tw"></a></li>
  864. </ul>
  865. </div>
  866. <!--container END-->
  867. </body>
  868. </html>