"Untitled"
Bootstrap 4.1.1 Snippet by comandor

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="_025a50318d--c-filters-content--3GUuA"> <div class="_025a50318d--c-filters-inner--rlDiU"> <div data-name="Hero" class="_025a50318d--wrapper--FRW7D"> <div class="_025a50318d--container--gykdW" data-mark="Hero"> <div class="HashTagHome">#лучшедома ищи Услуги на Servey</div> <ul data-name="FiltersTabs" class="filterTabsinner" data-mark="FiltersTabs"> <li class="filtertabs"> <a href="/kupit/">Заказать</a></li> <li class="filtertabs"> <a href="/snyat/">Удалённые</a></li> <li class="filtertabs"> <a href="/posutochno/">В проект</a></li> <li class="filtertabs"> <a href="/kalkulator-nedvizhimosti/">Потребности</a></li> <li class="filtertabs"><a href="/mortgage/">Предложения</a></li> <li class="filtertabs _025a50318d--list-element--active--1gFdF"> <a href="/realtors/">Должностные инструкции</a></li></ul> <div data-name="Filters" class="_025a50318d--container--GKzJJ" data-mark="Filters"><div class="_025a50318d--wrapper--2rNW3"><div class="_025a50318d--container--1YCDe" data-mark="FilterSingleChoose" data-name="SpecialistTypeContainer"> <button class="_025a50318d--button--2oXjq">Профили</button></div> <div class="_025a50318d--container--1YCDe" data-mark="FilterSingleChoose" data-name="DealTypeContainer"> <button class="_025a50318d--button--2oXjq _025a50318d--button--empty--2RA1G">Тип сделки</button></div> <div class="_025a50318d--container--1YCDe" data-mark="FilterMultiChoose"> <button class="_025a50318d--button--2oXjq _025a50318d--button--empty--2RA1G">Тип услуги</button></div> <div data-name="FilterTextInput" class="_025a50318d--container--1YCDe _025a50318d--container--3cwNw" data-mark="FilterTextInput" style="flex-grow: 1;"> <input type="text" class="_025a50318d--input--c2TE1" data-name="SearchTextContainer" placeholder="Имя, номер ID или телефон исполнителя" value=""> </div></div></div><div data-name="Filters" class="_025a50318d--buttons--2Dgtt"><span data-name="SearchRealtorsButtonsContainer" class="_025a50318d--container--2u9ol"> <a class="_025a50318d--button--1sI1I" href="/realtors/" title="Найти" data-mark="FiltersSearchRealtorsButton">Найти</a></span></div></div></div> <div data-name="Marquee" class="_025a50318d--c-filters-text--tbUji _025a50318d--c-filters-text--new-placement--1LScg"> <span style="">Акция по 30.06.2025. Услуги от Абсолют Банк (ПАО), лиц. №2306 от 18.05.2002. Перв. взнос от 0%. Срок до 30 лет. Сумма до 10 млн руб. для Москвы, МО. Подробнее о ставках на первый год и последующие на pik.ru. ПД на сайте наш.дом.рф. Застройщик АО «Специализированный Застройщик «ПИК-Регион».</span></div></div><div data-name="MediaBanner" class="_025a50318d--c-filters-brand--qCPp8 _025a50318d--c-filters-brand--new-placement--2FXj6"><div class="_025a50318d--c-filters-brand-info--1ViUR"><a class="_025a50318d--c-filters-brand-flag--e0BRF" href="https://ads.adfox.ru/202100/goLink?puid36=1&p2=fjjq&puid15=main_page&puid5=obl_id_4593&hash=62596bbc085d084f&sj=OxrA28BTY2zZutNXCGahx3UVxyzoFK68UBRkO7ViMNI9RlIiHZRcltuRRPDniA%3D%3D&rand=hddedur&puid10=no_agent&rqs=AnU-EHnTDTSxBdxg0TsLkMZjDv3S6u98&p5=jsaas&pr=ggcmkkh&p1=buxfk" target="_blank" role="img" rel="noopener noreferrer">Бесплатные услуги без первого взноса</a><a class="_025a50318d--c-filters-brand-logo--ApxZG" href="https://ads.adfox.ru/202100/goLink?puid36=1&p2=fjjq&puid15=main_page&puid5=obl_id_4593&hash=62596bbc085d084f&sj=OxrA28BTY2zZutNXCGahx3UVxyzoFK68UBRkO7ViMNI9RlIiHZRcltuRRPDniA%3D%3D&rand=hddedur&puid10=no_agent&rqs=AnU-EHnTDTSxBdxg0TsLkMZjDv3S6u98&p5=jsaas&pr=ggcmkkh&p1=buxfk" rel="noopener noreferrer" role="img" target="_blank"><img src="https://avatars.mds.yandex.net/get-adfox-content/2804317/201210_adfox_1451276_3929774_1.44b5c33c9fd3efb47ad7fe8f8e8277bd.webp/optimize.webp" alt="logo"></a><div class="_025a50318d--c-filters-brand-left--1P7_2"><a class="_025a50318d--c-filters-brand-link--r3mhv" href="https://ads.adfox.ru/202100/goLink?puid36=1&p2=fjjq&puid15=main_page&puid5=obl_id_4593&hash=62596bbc085d084f&sj=OxrA28BTY2zZutNXCGahx3UVxyzoFK68UBRkO7ViMNI9RlIiHZRcltuRRPDniA%3D%3D&rand=hddedur&puid10=no_agent&rqs=AnU-EHnTDTSxBdxg0TsLkMZjDv3S6u98&p5=jsaas&pr=ggcmkkh&p1=buxfk" rel="noopener noreferrer" role="button" target="_blank"><h3 class="_025a50318d--c-filters-brand-title--1cIGW">Одинцово-1</h3><p class="_025a50318d--c-filters-brand-text--1mH5o">15 мин. до МЦД «Одинцово»</p></a><div><a data-name="Link" target="_blank" href="https://ads.adfox.ru/202100/goLink?puid36=1&p2=fjjq&puid15=main_page&puid5=obl_id_4593&hash=62596bbc085d084f&sj=OxrA28BTY2zZutNXCGahx3UVxyzoFK68UBRkO7ViMNI9RlIiHZRcltuRRPDniA%3D%3D&rand=hddedur&puid10=no_agent&rqs=AnU-EHnTDTSxBdxg0TsLkMZjDv3S6u98&p5=jsaas&pr=ggcmkkh&p1=buxfk" rel="noopener noreferrer" class="_025a50318d--c-link-default--1Rt1Q _025a50318d--c-filters-brand-button--19jnH">Узнать цены</a><span class="_025a50318d--c-filters-brand-tel--2twJC"></span> </div> </div> </div> </div> </div> </div> </div>
._025a50318d--c-filters-text--tbUji { position: absolute; z-index: 2; right: 5px; bottom: -100px; overflow: hidden; max-width: 100%; font-size: 12px; white-space: nowrap; color: hsla(0,0%,100%,.7); -webkit-transform: translateY(100%); transform: translateY(100%); } ._025a50318d--c-filters-text--tbUji span { display: inline-block; } ._025a50318d--button--1sI1I { padding: 0 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 112px; height: 40px; font-size: 16px; font-weight: 700; line-height: 40px; text-decoration: none; color: #fff; background: #0468ff; border: none; border-radius: 4px; -webkit-transition: all .2s; transition: all .2s; } ._025a50318d--container--2u9ol { position: relative; margin: 12px 0 0; cursor: pointer; } ._025a50318d--buttons--2Dgtt { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } ._025a50318d--input--c2TE1, input._025a50318d--input--c2TE1 { padding: 20px 24px; overflow: hidden; width: 100%; height: auto; font-family: inherit; font-size: 14px; line-height: 1.43; text-align: left; white-space: nowrap; text-overflow: ellipsis; cursor: text; color: #121212; background: none; border: none; } ._025a50318d--container--1YCDe { position: relative; height: 100%; border-right: 1px solid #f4f4f4; } ._025a50318d--container--3cwNw { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ._025a50318d--container--3cwNw { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } ._025a50318d--container--1YCDe:last-of-type { border-right: none; } ._025a50318d--button--2oXjq:after { position: absolute; top: 50%; right: 16px; display: block; width: 6px; height: 6px; content: ""; border-right: 2px solid #c9c9c9; border-bottom: 2px solid #c9c9c9; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } button, input, optgroup, select, textarea { font-size: 100%; line-height: 1.15; margin: 0; } ._025a50318d--button--2oXjq { padding: 20px 38px 20px 24px; overflow: hidden; width: 100%; font-size: 14px; line-height: 1.43; text-align: left; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; color: #121212; background: none; border: none; } ._025a50318d--container--1YCDe:first-of-type ._025a50318d--button--2oXjq { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } button, input, optgroup, select, textarea { font-family: inherit; } button, select { text-transform: none; } ._025a50318d--container--1YCDe { position: relative; height: 100%; border-right: 1px solid #f4f4f4; } ._025a50318d--container--GKzJJ, ._025a50318d--wrapper--2rNW3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } ._025a50318d--wrapper--2rNW3 { width: 100%; } ._025a50318d--container--GKzJJ { position: relative; margin: 0 auto; max-width: 1109px; height: 60px; background-color: #fff; border-radius: 8px; -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,.1); } ._025a50318d--container--GKzJJ, ._025a50318d--wrapper--2rNW3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .filtertabs { margin-bottom: -8px; padding: 9px 16px 16px; display: block; font-size: 16px; font-weight: 400; line-height: 1.38; text-decoration: none; color: #fff; background-color: rgba(37,37,37,.6); border-radius: 4px 4px 0 0; } li { display: list-item; text-align: -webkit-match-parent; } li { text-align: -webkit-match-parent; } .filterTabsinner { margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; } .HashTagHome { margin-bottom: 46px; font-size: 38px; font-weight: 700; line-height: 1.21; text-shadow: 0 2px 4px rgba(0,0,0,.5); color: #fff; } a:-webkit-any-link { color: -webkit-link; cursor: pointer; text-decoration: underline; } ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } ._025a50318d--c-filters--1KFgw { position: relative; padding-top: 110px; height: 490px; } ._025a50318d--container--gykdW { margin: 0 auto; max-width: 1109px; } ._025a50318d--wrapper--FRW7D { position: relative; z-index: 5; } ._025a50318d--c-filters-inner--rlDiU { position: relative; margin: 0 auto; width: 100%; max-width: 1120px; } ._025a50318d--c-filters-content--3GUuA { position: relative; z-index: 3; padding: 0 16px; } #_025a50318d--mainpage--3vyA6 { min-width: 992px; background: #f4f4f4; } ._025a50318d--c-filters--new--1lndY { padding-top: 94px; } ._025a50318d--c-filters-content--3GUuA { position: relative; z-index: 3; padding: 0 16px; }

Related: See More


Questions / Comments: