Browse Source

header search init

alexlcdee 7 years ago
parent
commit
3416daf981
5 changed files with 1105 additions and 1 deletions
  1. 3 1
      .gitignore
  2. 0 0
      src/files/css/main.css.map
  3. 955 0
      src/files/materials-wide.html
  4. 146 0
      src/files/scss/_header-search.scss
  5. 1 0
      src/files/scss/main.scss

+ 3 - 1
.gitignore

@@ -2,4 +2,6 @@
 
 vendor
 composer.phar
-composer.lock
+composer.lock
+
+/uploads

File diff suppressed because it is too large
+ 0 - 0
src/files/css/main.css.map


+ 955 - 0
src/files/materials-wide.html

@@ -0,0 +1,955 @@
+<!--START app/mo/views/layouts/main.php-->
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="sputnik-verification" content="B15V1wO4AOZPgz9m"/>
+    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css"/>
+    <link rel="stylesheet" type="text/css" href="css/main.css"/>
+    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css"/>
+    <style type="text/css">
+        /*<![CDATA[*/
+        @media (max-width: 768px) {
+            .fancybox-inner {
+                max-width: 100%;
+            }
+
+            .fancybox-wrap {
+                max-width: calc(100vw - 10px);
+                left: 5px !important;
+            }
+        }
+
+        /*]]>*/
+    </style>
+    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
+    <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
+    <title>Городская поликлиника N&deg;2</title>
+</head>
+<body>
+<header>
+
+    <div class="blind sp_ignored">
+        <div class="wrapper wrapper--blind sp_ignored">
+
+            <div class="blind__item sp_ignored">
+                <p class="blind__text sp_ignored">Версия для слабовидящих</p>
+                <p class="blind__buttons sp_ignored">
+                    <a href="#" class="blind__link blind__link--blindoff sp_ignored">Выключить</a>
+                </p>
+            </div>
+
+            <div class="blind__item s">
+                <p class="blind__text sp_ignored">Изображения</p>
+                <p class="blind__buttons sp_ignored">
+                    <a href="#" class="blind__link blind__link--imgoff sp_ignored">Выключить</a>
+                    <a href="#" class="blind__link blind__link--imgon sp_ignored">Включить</a>
+                </p>
+            </div>
+
+            <div class="blind__item sp_ignored">
+                <p class="blind__text sp_ignored">Размер шрифта</p>
+                <p class="blind__buttons sp_ignored">
+                    <a href="#" class="blind__link blind__link--fontsize100 sp_ignored">А</a>
+                    <a href="#" class="blind__link blind__link--fontsize102 sp_ignored">А</a>
+                    <a href="#" class="blind__link blind__link--fontsize104 sp_ignored">А</a>
+                    <a href="#" class="blind__link blind__link--fontsize106 sp_ignored">А</a>
+                    <a href="#" class="blind__link blind__link--fontsize108 sp_ignored">А</a>
+                    <a href="#" class="blind__link blind__link--fontsize110 sp_ignored">А</a>
+                </p>
+            </div>
+
+            <div class="blind__item sp_ignored">
+                <p class="blind__text sp_ignored">Цветовая схема</p>
+                <p class="blind__buttons sp_ignored">
+                    <a href="#" class="blind__link blind__link--default sp_ignored">Обычная</a>
+                    <a href="#" class="blind__link blind__link--whiteblack sp_ignored">Белая</a>
+                    <a href="#" class="blind__link blind__link--blackwhite sp_ignored">Черная</a>
+                </p>
+            </div>
+
+        </div>
+    </div>
+    <nav class="menu">
+        <div class="burger"></div>
+        <ul>
+            <li class=""><a class="" href="/">Главная</a></li>
+            <li class="active"><a class="active" href="/materials">Новости</a></li>
+            <li class=""><a class="" href="/about">О клинике</a></li>
+            <li class=""><a class="" href="/services">Услуги</a></li>
+            <li class=""><a class="" href="/organizations">Подразделения</a></li>
+            <li class=""><a class="" href="/for-patients">Пациентам</a></li>
+            <li class=""><a class="" href="/for-specialists">Специалистам</a></li>
+            <li class=""><a class="" href="/contacts">Контакты</a></li>
+            <li class=""><a class="" href="/responses">Отзывы</a></li>
+        </ul>
+        <div class="circles clearfix" style="top: 0">
+            <a href="" class="circle"></a>
+            <a href="/qa" class="circle"></a>
+            <a href="#" class="circle special__link"></a>
+        </div>
+    </nav>
+    <div class="menu-mobile mobile">
+        <ul>
+            <li class=""><a class="" href="/">Главная</a></li>
+            <li class=""><a class="" href="/materials">Новости</a></li>
+            <li class=""><a class="" href="/about">О клинике</a></li>
+            <li class=""><a class="" href="/services">Услуги</a></li>
+            <li class=""><a class="" href="/organizations">Подразделения</a></li>
+            <li class=""><a class="" href="/for-patients">Пациентам</a></li>
+            <li class=""><a class="" href="/for-specialists">Специалистам</a></li>
+            <li class=""><a class="" href="/contacts">Контакты</a></li>
+            <li class=""><a class="" href="/responses">Отзывы</a></li>
+        </ul>
+    </div>
+
+</header>
+
+
+<!--START app/mo/views/materials/index.php-->
+<div class="main-container contacts-container container">
+    <section class="left-side side-bar col-lg-2 col-md-3 col-sm-3">
+
+
+        <!--START app/mo/views/partials/_logo.php-->
+        <div class="logo">
+            <a href="/">
+                <img src="/mo-assets/uploads/61/f0/01/50/61f0015009ba759a1c48b6f36e7ff6f271e8d8d7.png" alt=""/>
+            </a>
+        </div>
+
+        <!--END app/mo/views/partials/_logo.php-->
+
+        <div class="main-title mobile col-lg-10 col-md-9 col-sm-9">
+            <h1 class="title">Городская поликлиника N&deg;2</h1>
+            <div class="subtitle">Министерствздравоохранения Рязанской области</div>
+
+
+            <!--START app/mo/views/partials/_socials.php-->
+
+            <div class="soc">
+
+                <a href="https://vk.com/rgp2" target="_blank" class="social vk"></a>
+
+            </div>
+
+            <!--END app/mo/views/partials/_socials.php-->
+
+        </div>
+        <div class="flat-links flat-links--mobile flat-links__container">
+
+
+            <!--START app/mo/views/partials/_flatLinks.php-->
+
+            <a href="https://62.2dr.ru/registratu/3/ryazan/gorodskaya_poliklinika_2/" class="flat-links__item">
+                <img class="flat-links__item-icon" src="/mo-assets/uploads/6d/42/53/55/6d425355c9a5c1a3290374b038302cf5c78f73b0.png" alt="">
+                <div class="flat-links__item-description">Электронная регистратура</div>
+            </a>
+
+            <a href="http://rgp2.medgis.ru/555003" class="flat-links__item">
+                <img class="flat-links__item-icon" src="/mo-assets/uploads/b4/12/eb/a3/b412eba31104ec436432260d9625ba095ffab261.png" alt="">
+                <div class="flat-links__item-description">Запись на прием</div>
+            </a>
+
+            <a href="/organizations/control" class="flat-links__item">
+                <img class="flat-links__item-icon" src="/mo-assets/uploads/ac/96/b1/f6/ac96b1f6e976a0e077ca9a0970079a3cfa2905b3.png" alt="">
+                <div class="flat-links__item-description">Контролирующие органзации</div>
+            </a>
+
+            <a href="/dispanser" class="flat-links__item">
+                <img class="flat-links__item-icon" src="/mo-assets/uploads/ca/9d/06/c2/ca9d06c23aed7ca386d17c26e718585d0729587d.png" alt="">
+                <div class="flat-links__item-description">Диспансеризация</div>
+            </a>
+
+            <a href="http://rgp2.medgis.ru/controlq" class="flat-links__item">
+                <img class="flat-links__item-icon" src="/mo-assets/uploads/90/00/b9/57/9000b9576a1d45b975628825c376a653e756dab3.png" alt="">
+                <div class="flat-links__item-description">Контроль качества медицинских услуг</div>
+            </a>
+
+            <a href="http://rgp2.medgis.ru/pravinfo" class="flat-links__item">
+                <img class="flat-links__item-icon" src="/mo-assets/uploads/fb/2b/fd/4a/fb2bfd4a0298605e2cb9e9662818ec193c981a80.png" alt="">
+                <div class="flat-links__item-description">Правовая информация</div>
+            </a>
+
+            <!--END app/mo/views/partials/_flatLinks.php-->
+
+        </div>
+    </section>
+
+    <section class="main-title center-content col-lg-8 col-md-7 col-sm-6">
+        <h1 class="title">Городская поликлиника N&deg;2</h1>
+        <div class="subtitle">Министерство здравоохранения Рязанской области</div>
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/dispanserizaciya-v-2018-godu-850"><img class="trailernews__imgc" src="/mo-assets/uploads/e9/b6/d9/fb/e9b6d9fbd51e0be3815085f1925ff8a6eebc4542.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/dispanserizaciya-v-2018-godu-850">Диспансеризация
+                        в 2018 году</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">09.01.2018</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">9</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/grafik-raboty-shkol-zdorovya-v-i-kv-2018-goda-849"><img class="trailernews__imgc" src="/mo-assets/uploads/ec/56/82/5b/ec56825beb72881bfe13249b8a34432f7a5015e6.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/grafik-raboty-shkol-zdorovya-v-i-kv-2018-goda-849">График
+                        работы школ здоровья в I кв. 2018 года</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">08.01.2018</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">7</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/novyj-poryadok-prohozhdeniya-dispanserizacii-848"><img class="trailernews__imgc" src="/mo-assets/uploads/5d/0b/c7/cf/5d0bc7cf641188c4fe4826b5882939fbb7eb5a44.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/novyj-poryadok-prohozhdeniya-dispanserizacii-848">Новый
+                        порядок прохождения диспансеризации</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">08.01.2018</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">11</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/grafik-raboty-polikliniki-v-vyhodnye-i-prazdnichnye-dni-847"><img class="trailernews__imgc" src="/mo-assets/uploads/1d/2a/b8/75/1d2ab8756605d27560b4621da4ee79bf33a13f19.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/grafik-raboty-polikliniki-v-vyhodnye-i-prazdnichnye-dni-847">График
+                        работы поликлиники в выходные и праздничные дни</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">29.12.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">46</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/obyavlenie-o-telefone-doveriya-umvd-816"><img class="trailernews__imgc" src="/mo-assets/uploads/d1/e8/d6/c9/d1e8d6c97d07fb3321d685b19f3a68fe68b8c862.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/obyavlenie-o-telefone-doveriya-umvd-816">Объявление
+                        о телефоне доверия УМВД</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">22.12.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">19</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/komfort-pri-ozhidanii-priema-815"><img class="trailernews__imgc" src="/mo-assets/uploads/22/ba/bd/80/22babd805a8963f4169a395fcec3ce169c773804.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/komfort-pri-ozhidanii-priema-815">Комфорт при
+                        ожидании приема</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">22.12.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">26</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/informaciya-o-grippe-i-orvi-801"><img class="trailernews__imgc" src="/mo-assets/uploads/2b/3a/2f/6f/2b3a2f6f9e32220d514ac022b91957340d0a54af.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/informaciya-o-grippe-i-orvi-801">Информация о
+                        гриппе и ОРВИ</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">18.12.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">24</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/poliklinika-2-v-chisle-luchshih-organizacij-ryazanskoj-oblasti-795"><img class="trailernews__imgc" src="/mo-assets/uploads/4c/46/53/0e/4c46530e558a204341c092a70f1bc4f8a09f91f9.JPG" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/poliklinika-2-v-chisle-luchshih-organizacij-ryazanskoj-oblasti-795">Поликлиника
+                        N&deg; 2 — в числe лучших организаций Рязанской области</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">14.12.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">29</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/goryachaya-liniya-roszdravnadzora-771"><img class="trailernews__imgc" src="/mo-assets/uploads/56/df/71/78/56df717869427cc29e7f153efdd9a9a561412200.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/goryachaya-liniya-roszdravnadzora-771">Горячая
+                        линия Росздравнадзора</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">12.12.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">19</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/gomeopatiya-protiv-zdorovya-813"><img class="trailernews__imgc" src="/mo-assets/uploads/b3/8b/a8/df/b38ba8df11e3f891029aedfd4742759a0b0e7b86.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/gomeopatiya-protiv-zdorovya-813">Гомеопатия
+                        против здоровья</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">30.11.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">10</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/obyavlenie-o-vremennom-prekrashenii-predvaritelnoj-zapisi-726"><img class="trailernews__imgc" src="/mo-assets/uploads/04/32/7c/2b/04327c2b553c0bd256484fd5d3b4658e3f462732.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/obyavlenie-o-vremennom-prekrashenii-predvaritelnoj-zapisi-726">Объявление
+                        о временном прекращении предварительной записи</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">28.11.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">13</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+            <!--START app/mo/views/partials/_materialItemWide.php-->
+            <div class="trailernews">
+                <div class="trailernews__imgcase">
+                    <a class="trailernews__link" href="/publications/view/vakcinoprofilaktika-virusnogo-gepatita-v-811"><img class="trailernews__imgc" src="/mo-assets/uploads/f1/03/58/bc/f10358bc27031bcfd30aad4ca5d11c7aa45b688b.jpg" alt=""/></a>
+                </div>
+                <div class="trailernews__textcase">
+                    <a class="trailernews__title" href="/publications/view/vakcinoprofilaktika-virusnogo-gepatita-v-811">Вакцинопрофилактика
+                        вирусного гепатита В</a>
+                    <div class="trailernews__details">
+                        <div class="trailernews__left">
+                            <div class="trailernews__date">17.11.2017</div>
+
+
+                            <?php// endif; ?>
+
+
+                        </div>
+                        <div class="trailernews__right">
+                            <div class="trailernews__views">10</div>
+                            <div class="trailernews__comments">0</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--END app/mo/views/partials/_materialItemWide.php-->
+
+
+        <div class="pagination-container">
+
+
+            <!--START app/mo/components/Pager.php-->
+            <div class="pagination__container">
+                <a class="pagination__page pagination__page--active" href="/materials">1</a>
+                <a class="pagination__page" href="/materials?page=2">2</a>
+                <a class="pagination__page pagination__page--next" href="/materials?page=2"></a></div>
+            <!--END app/mo/components/Pager.php-->
+
+        </div>
+    </section>
+    <section class="content left-side right-side-bar col-lg-2 col-md-3 col-sm-3">
+
+
+        <!--START app/mo/views/partials/_logo.php-->
+        <div class="logo mobile">
+            <a href="/">
+                <img src="/mo-assets/uploads/61/f0/01/50/61f0015009ba759a1c48b6f36e7ff6f271e8d8d7.png" alt=""/>
+            </a>
+        </div>
+
+        <!--END app/mo/views/partials/_logo.php-->
+
+
+        <!--START app/mo/views/partials/_shortContacts.php-->
+        <div class="info">
+            <div class="logo-subtitle">390029, Рязань, ул. проф. Никулина, д.3</div>
+
+
+            <!--START app/mo/views/partials/_map-link.php-->
+            <a data-coordinates="[54.626141, 39.70603]" data-text="Городская поликлиника N&deg;2" data-address="390029, Рязань, ул. проф. Никулина, д.3" class="howtoget_button">Как
+                добраться?</a>
+            <!--END app/mo/views/partials/_map-link.php-->
+
+            <div class="contacts">
+
+
+                <!--START app/mo/views/partials/_phones.php-->
+
+                <div class="contact short-contacts__key">
+                    Регистратура:
+                </div>
+                <div class="value short-contacts__value">
+                    <img src="img/style/phone-icon.png" alt="">
+                    <a href="tel:+7 (4912) 92-61-28">+7 (4912) 92-61-28</a>
+
+                </div>
+                <div class="contact short-contacts__key">
+                    Вызов врача на дом:
+                </div>
+                <div class="value short-contacts__value">
+                    <img src="img/style/phone-icon.png" alt="">
+                    <a href="tel:+7 (4912) 92-69-27">+7 (4912) 92-69-27</a>
+
+                </div>
+                <div class="contact short-contacts__key">
+                    Платные услуги:
+                </div>
+                <div class="value short-contacts__value">
+                    <img src="img/style/phone-icon.png" alt="">
+                    <a href="tel:+7 (4912) 92-61-08">+7 (4912) 92-61-08</a>
+
+                </div>
+                <div class="contact short-contacts__key" style="display: none; overflow: hidden;">
+                    Платная стоматология:
+                </div>
+                <div class="value short-contacts__value" style="display: none; overflow: hidden;">
+                    <img src="img/style/phone-icon.png" alt="">
+                    <a href="tel:+7 (4912) 76-36-19">+7 (4912) 76-36-19</a>
+
+                </div>
+
+                <a href="#" class="contact all-phones">
+                    Все телефоны
+                    <img src="img/style/little-right-arrow.png" alt="">
+                </a>
+
+                <!--END app/mo/views/partials/_phones.php-->
+
+
+                <div class="value">
+                    <img src="img/style/web-icon.png" alt="">
+                    <a target="_blank"
+                       href="http://rgp2.uzrf.ru/">http://rgp2.uzrf.ru/</a>
+                </div>
+
+                <div class="value">
+                    <img src="img/style/email-icon.png" alt="">
+                    <a href="mailto:policl2@mail.ru">policl2@mail.ru</a>
+                </div>
+
+                <div class="contact">Режим работы:</div>
+                <div class="value">Пн - Пт: 8:00 - 20:00,<br/>
+                    Сб: 9:00 - 15:00 <br/>
+                    Вс: 9:00 - 13:00 <br/>
+                    (в дежурном режиме)<br/>
+                    Регистратура:<br/>
+                    Пн -Пт: 07:30 -19:30<br/>
+                    Амбулаторно-травматологический центр: <br/>
+                    Круглосуточно<br/></div>
+            </div>
+        </div>
+        <!--END app/mo/views/partials/_shortContacts.php-->
+
+
+        <!--START app/mo/views/partials/_socials.php-->
+
+        <div class="soc">
+
+            <a href="https://vk.com/rgp2" target="_blank" class="social vk"></a>
+
+        </div>
+
+        <!--END app/mo/views/partials/_socials.php-->
+
+
+        <!--START app/mo/views/partials/_additionalInfoBlock.php-->
+        <div class="additional-info additional-info__container"></div>
+        <!--END app/mo/views/partials/_additionalInfoBlock.php-->
+
+
+        <div class="today">
+            <div class="block-header">
+                <span>Сегодня</span>
+                <a href="/specials">
+                    <img src="img/style/round-arrow-right.png" alt="">
+                </a>
+            </div>
+
+            <div class="special-items__container">
+
+
+                <!--START app/mo/views/partials/_specialItem.php-->
+                <a class="special-items__item" href="/specials/view/shkola-zdorovya-diabet-150">
+                    <div class="special-items__top">
+                        <div class="special-items__title special-items__title--school">
+                            <div class="special-items__dates">24.10.2017 - 31.03.2018</div>
+                            <div class="special-items__type">Школа здоровья</div>
+                        </div>
+                        <div class="special-items__item-content">
+                            <div class="special-items__item-images">
+                                <img class="special-items__image" src="/mo-assets/uploads/bf/63/96/48/bf6396485d86421a3cba936c243c046d3da0ef93.jpg" alt=""/>
+
+
+                                <div class="entity-badge__badge special-items__badge--school">
+                                    <span class="entity-badge__badge-text">Сахарный диабет</span>
+                                </div>
+
+                            </div>
+                            <p class="special-items__description">Приглашаем всех желающих на тематические занятия в
+                                школе здоровья городской поликлиники N&deg;2</p>
+                        </div>
+                    </div>
+                    <div class="special-items__bottom">
+                        <hr class="special-items__horizontal-rule">
+                        <div class="special-items__organization-name">Городская поликлиника N&deg;2</div>
+                        <div class="special-items__organization-address">390029, Рязань, ул. проф. Никулина, д.3</div>
+                    </div>
+                </a>
+                <!--END app/mo/views/partials/_specialItem.php-->
+
+
+                <!--START app/mo/views/partials/_specialItem.php-->
+                <a class="special-items__item" href="/specials/view/nu-nechego-s-vami-135">
+                    <div class="special-items__top">
+                        <div class="special-items__title special-items__title--school">
+                            <div class="special-items__dates">12.11.2017 - 25.02.2018</div>
+                            <div class="special-items__type">Школа здоровья</div>
+                        </div>
+                        <div class="special-items__item-content">
+                            <div class="special-items__item-images">
+                                <img class="special-items__image" src="/mo-assets/uploads/0a/b7/51/51/0ab75151d9048018e92691dd103f9a16be96be98.jpg" alt=""/>
+                                <img class="special-items__organization-icon" src="/mo-assets/uploads/fd/f3/64/1c/fdf3641c23888df2ec5ecbb2c0ccf71a44abaa94.png" alt=""/>
+
+                                <div class="entity-badge__badge special-items__badge--school">
+                                    <span class="entity-badge__badge-text">Всё об астме</span>
+                                </div>
+
+                            </div>
+                            <p class="special-items__description">Школа здоровья "Бронхиальная астма": новое и
+                                интересное о профилактике, симптомах и методах лечения этого заболевания. Вооружитесь
+                                знаниями в борьбе...</p>
+                        </div>
+                    </div>
+                    <div class="special-items__bottom">
+                        <hr class="special-items__horizontal-rule">
+                        <div class="special-items__organization-name">Городская поликлиника N&deg;2</div>
+                        <div class="special-items__organization-address">390029, Рязань, ул. проф. Никулина, д.3</div>
+                    </div>
+                </a>
+                <!--END app/mo/views/partials/_specialItem.php-->
+
+
+                <!--START app/mo/views/partials/_specialItem.php-->
+                <a class="special-items__item" href="/specials/view/on-ochen-dolgo-zhal-141">
+                    <div class="special-items__top">
+                        <div class="special-items__title special-items__title--school">
+                            <div class="special-items__dates">13.11.2017 - 31.03.2018</div>
+                            <div class="special-items__type">Школа здоровья</div>
+                        </div>
+                        <div class="special-items__item-content">
+                            <div class="special-items__item-images">
+                                <img class="special-items__image" src="/mo-assets/uploads/82/dc/52/fe/82dc52fe50f88f89d95970919e978f19cafe8f0c.jpg" alt=""/>
+                                <img class="special-items__organization-icon" src="/mo-assets/uploads/a7/bb/c3/d6/a7bbc3d69c3752b62dc49b12c3bb61e26f47f489.png" alt=""/>
+
+                                <div class="entity-badge__badge special-items__badge--school">
+                                    <span class="entity-badge__badge-text">Гипертония</span>
+                                </div>
+
+                            </div>
+                            <p class="special-items__description">Школа здоровья "Артериальная гипертония" регулярно
+                                проводится специалистами Городской поликлиники N&deg; 2 и предназначена для людей,
+                                предрасположенных к...</p>
+                        </div>
+                    </div>
+                    <div class="special-items__bottom">
+                        <hr class="special-items__horizontal-rule">
+                        <div class="special-items__organization-name">Городская поликлиника N&deg;2</div>
+                        <div class="special-items__organization-address">390029, Рязань, ул. проф. Никулина, д.3</div>
+                    </div>
+                </a>
+                <!--END app/mo/views/partials/_specialItem.php-->
+
+            </div>
+
+        </div>
+
+    </section>
+</div>
+<!--END app/mo/views/materials/index.php-->
+
+<footer>
+    <div class="container">
+        <div class="footer-menu__container">
+            <a href="/about" class="footer-menu__header">Об организации</a>
+            <ul class="footer-menu__list">
+                <li class="footer-menu__item "><a class="" href="/vacancies">Вакансии</a></li>
+            </ul>
+        </div>
+        <div class="footer-menu__container">
+            <a class="footer-menu__header">Отделения и услуги</a>
+            <ul class="footer-menu__list">
+                <li class="footer-menu__item ">
+                    <a href="/organizations" class="footer-menu__item">Подразделения</a>
+                </li>
+                <li class="footer-menu__item ">
+                    <a href="/services" class="footer-menu__item">Услуги</a>
+                </li>
+                <li class="footer-menu__item ">
+                    <a href="/prais" class="footer-menu__item">Прейскурант</a>
+                </li>
+            </ul>
+        </div>
+        <div class="footer-menu__container">
+            <a href="/for-patients" class="footer-menu__header">Пациентам</a>
+            <ul class="footer-menu__list">
+                <li class="footer-menu__item "><a class="" href="/for-patients/paid-services">Платные услуги</a></li>
+            </ul>
+        </div>
+        <div class="footer-menu__container">
+            <a href="/contacts" class="footer-menu__header">Контакты</a>
+            <ul class="footer-menu__list">
+                <li class="footer-menu__item "><a class="" href="/qa">Вопрос-ответ</a></li>
+            </ul>
+        </div>
+        <div class="footer-menu__container">
+            <a href="/publications" class="footer-menu__header">Публикации</a>
+            <div class="admin-button">
+                <a href="http://admin.medgis.ru">Вход для администратора клиники</a>
+            </div>
+        </div>
+
+        <div class="copyright">
+            <div class="text">
+                <img class="pegi" src="img/style/pegi.png" alt="">
+                <a href="#">Проект UZRF</a>
+                <div class="copy">
+                    © 2017 Информационный
+                    медицинский портал MEDGIS.ru
+                </div>
+            </div>
+            <div class="logo">
+                <img src="img/style/medgis-footer-logo.png" alt="">
+            </div>
+        </div>
+    </div>
+</footer>
+
+
+<!--START app/mo/views/partials/_track-codes.php-->
+
+<script type="text/javascript">
+    (function (d, t, p) {
+        var j = d.createElement(t);
+        j.async = true;
+        j.type = "text/javascript";
+        j.src = ("https:" == p ? "https:" : "http:") + "//stat.sputnik.ru/cnt.js";
+        var s = d.getElementsByTagName(t)[0];
+        s.parentNode.insertBefore(j, s);
+    })(document, "script", document.location.protocol);
+</script>
+
+<!--END app/mo/views/partials/_track-codes.php-->
+
+
+<script type="text/javascript" src="js/jquery.cookie.min.js"></script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>
+<script type="text/javascript" src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
+<script type="text/javascript" src="js/blind.js"></script>
+<script type="text/javascript" src="js/script.js"></script>
+<script type="text/javascript" src="js/jquery.fancybox.js"></script>
+<script type="text/javascript">
+    /*<![CDATA[*/
+    (function (w, nsName) {
+        w[nsName] = w[nsName] || {};
+    })(window, "MedgisMO");
+    jQuery(function ($) {
+        (function (w, $) {
+            function OrganizationLocationMap(link) {
+                this.link = link;
+                this.coordinates = this.link.data('coordinates');
+                this.text = this.link.data('text');
+                this.address = this.link.data('address');
+                this.link.on('click', this.onClick.bind(this));
+            }
+
+            OrganizationLocationMap.prototype.onOpen = function () {
+                var myMap1 = new ymaps.Map('fbMap', {
+                    center: this.coordinates,
+                    zoom: 14
+                });
+
+                myMap1.geoObjects.add(new ymaps.Placemark(this.coordinates, {
+                    balloonContentBody: this.text,
+                    balloonContentFooter: this.address
+                }, {
+                    iconLayout: 'default#image'
+                }));
+            };
+            OrganizationLocationMap.prototype.onClick = function (e) {
+                e.preventDefault();
+                $.fancybox.open({
+                    content: '<div class="organization-info__map-container"><div id="fbMap" class="organization-info__map"></div></div>',
+                    afterShow: this.onOpen.bind(this),
+                    type: 'iframe'
+                });
+            };
+            w.OrganizationLocationMap = OrganizationLocationMap;
+
+            w.ymaps.ready(function () {
+                new w.OrganizationLocationMap(
+                    $('.howtoget_button')
+                );
+            });
+        })(window, jQuery);
+        $('.contact.all-phones').click(function (e) {
+            e.preventDefault();
+            $(this).parent().find('.short-contacts__key:not(:visible), .short-contacts__value:not(:visible)').slideDown(100);
+            $(this).remove();
+        });
+        $(".doctor-button").fancybox({
+            'padding': [20, 0, 20, 0],
+            'margin': 0,
+            'type': 'ajax',
+            'width': 600,
+            'autoSize': false,
+            'autoHeight': true
+        });
+        (function ($) {
+            var headerHeight = $('header').outerHeight() + 20;
+            var anchorContainer = $('.yakors');
+            var body = $("html, body");
+            var windowWidth = $(window).outerWidth();
+
+            setTimeout(function () {
+                if (window.location.hash.length > 0) {
+                    var anchor = $(window.location.hash);
+                    if (anchor.length < 1) {
+                        anchor = $('a[name=' + window.location.hash + ']');
+                    }
+                    if (anchor.length > 0) {
+                        console.dir(anchor.offset().top - headerHeight);
+                        body.prop('scrollTop', anchor.offset().top - headerHeight);
+                    }
+                }
+            }, 1000);
+
+            anchorContainer.find('a').click(function (e) {
+                var href = $(this).attr('href').split('#')[1];
+                var anchor = $('#' + href);
+                if (anchor.length < 1) {
+                    anchor = $('a[name=' + href + ']');
+                }
+                if (anchor.length > 0) {
+                    e.preventDefault();
+                    var scrollPos = anchor.offset().top - headerHeight;
+                    body.animate({'scrollTop': scrollPos});
+                }
+            });
+        })($);
+        (function ($) {
+            $(".fancy2").fancybox({
+                'hideOnContentClick': true
+            });
+        })($);
+        (function ($) {
+            var body = $('html, body');
+            var getScroll = function () {
+                return $('body').scrollTop() || $('html').scrollTop();
+            };
+            if (body.height() > window.outerHeight && body.width() > 1023) {
+                var button = $('<div class="btn btn-lg btn-info">Наверх</div>')
+                    .css({
+                        'background-color': '#3b434d',
+                        'border': 'none',
+                        'position': 'fixed',
+                        'bottom': '30px',
+                        'right': '30px'
+                    }).click(function () {
+                        body.animate({'scrollTop': 0});
+                    }).hide();
+                body.append(button);
+                var isShown = false;
+                var scrollToShow = 400;
+                if (getScroll() >= scrollToShow) {
+                    button.fadeIn();
+                    isShown = true;
+                }
+                $(window).on('scroll', function () {
+                    if (getScroll() >= scrollToShow && !isShown) {
+                        button.stop().fadeIn();
+                        isShown = true;
+                    } else if (getScroll() < scrollToShow && isShown) {
+                        button.stop().fadeOut();
+                        isShown = false;
+                    }
+                });
+            }
+        })($)
+    });
+    /*]]>*/
+</script>
+</body>
+</html>
+<!--END app/mo/views/layouts/main.php-->

+ 146 - 0
src/files/scss/_header-search.scss

@@ -0,0 +1,146 @@
+.header-search {
+
+    &--static {
+        height: 45px;
+        background: #ebebeb;
+        border-radius: 25px 0 0 25px;
+        padding-left: 50px;
+        padding-right: 0;
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        align-items: center;
+        margin-bottom: 40px;
+        position: relative;
+    }
+    &--filter {
+        padding: 0 5px;
+        width: 180px;
+    }
+    &--float {
+        display: -webkit-flex;
+        display: -ms-flex;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-content: center;
+        align-items: center;
+        height: 30px;
+        padding: 0 10px;
+    }
+
+    &__inputcase {
+        position: relative;
+
+        &--float {
+            display: -webkit-flex;
+            display: -ms-flex;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-content: center;
+            align-items: center;
+
+            form {
+                height: auto;;
+            }
+        }
+    }
+
+    &--static &__iconzoom {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 30px;
+        height: 30px;
+        background: url('../img/icon_zoom_search@2x.png') 0 0 / cover no-repeat;
+        border-radius: 0 25px 25px 0 / 0 25px 25px 0;
+        cursor: pointer;
+        overflow: hidden;
+        display: none;
+    }
+    &--filter &__iconzoom {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 30px;
+        height: 30px;
+        background: url('../img/icon_news_titl@2x.png') 0 -60px / 30px 90px no-repeat #e65e26;
+        border-radius: 15px;
+        cursor: pointer;
+        overflow: hidden;
+
+        &:hover {
+            background-color: #eb914e;
+        }
+    }
+    &--float &__iconzoom {
+        position: absolute;
+        right: 0;
+        top: 0;
+        width: 30px;
+        height: 30px;
+        background: url('../img/icon_news_titl@2x.png') 0 -60px / 30px 90px no-repeat #e65e26;
+        border-radius: 15px;
+        cursor: pointer;
+        overflow: hidden;
+
+        &:hover {
+            background-color: #eb914e;
+        }
+    }
+
+    input,
+    &__input {
+        background: #ffffff;
+        height: 30px;
+        line-height: 25px;
+        border-radius: 15px;
+        padding: 0 12px;
+        width: calc(100% - 24px);
+        color: #929292;
+        opacity: 1;
+        font-size: 11px;
+
+        &::-webkit-input-placeholder {
+            color: #929292;
+            opacity: 1;
+        }
+        &::-moz-placeholder {
+            color: #929292;
+            opacity: 1;
+        }
+        &:-moz-placeholder {
+            color: #929292;
+            opacity: 1;
+        }
+        &:-ms-input-placeholder {
+            color: #929292;
+            opacity: 1;
+        }
+        &:focus::-webkit-input-placeholder {
+            color: transparent;
+            opacity: 1;
+        }
+        &:focus::-moz-placeholder {
+            color: transparent;
+            opacity: 1;
+        }
+        &:focus:-moz-placeholder {
+            color: transparent;
+            opacity: 1;
+        }
+        &:focus:-ms-input-placeholder {
+            color: transparent;
+            opacity: 1;
+        }
+    }
+
+    &--static input:focus + &__iconzoom,
+    &--static &__input:focus + &__iconzoom {
+        display: block;
+    }
+}

+ 1 - 0
src/files/scss/main.scss

@@ -32,6 +32,7 @@ p {
 @import "flat-links";
 @import "person-page";
 @import "materials-wide";
+@import "header-search";
 
 @import "media-overrides";
 

Some files were not shown because too many files changed in this diff