"Untitled"
Bootstrap 4.1.1 Snippet by comandor

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
._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;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Rotating CSS Card

Questions / Comments: