Документация

Списки

#111

#222

#333

#444

#555

            
 $<!-- book -->
<ul class="b-list b-list--nolink b-list--book">
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
</ul>


<!-- star -->
<ul class="b-list b-list--nolink b-list--star">
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
</ul>


<!-- dots -->
<ul class="b-list b-list--nolink b-list--dotin">
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
</ul>


<!-- like -->
<ul class="b-list b-list--nolink b-list--like b-list--fz24">
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
</ul>


<!-- dislike -->
<ul class="b-list b-list--nolink b-list--dislike b-list--fz24">
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
    <li>111111111111111111111</li>
</ul>


<!-- pdf -->
<ul class="b-list b-list--link b-list--pdf b-list--2n">
    <li><a target="_blank" href="#" title="Откроется в новой вкладке">222</a></li>
    <li><a target="_blank" href="#" title="Откроется в новой вкладке">222</a></li>
</ul>


<!-- links -->
<ul class="b-list b-list--link">
    <li><a target="_blank" href="#" title="Откроется в новой вкладке">222</a></li>
    <li><a target="_blank" href="#" title="Откроется в новой вкладке">222</a></li>
</ul>


<!-- circle -->
<ul class="b-list b-list--nolink b-list--circle">
    <li>000</li>
    <li>000</li>
    <li>000</li>
</ul>$

01010101

000

00000000000000000

000

00000000000000000

000

00000000000000000

            
 $<div class="b-text b-text--3n g-margin">
    <div class="text__item">
        <h4>00000000000000000</h4>
        <div>00000000000000000</div>
    </div>
    <div class="text__item">
        <h4>00000000000000000</h4>
        <div>00000000000000000</div>
    </div>
    <div class="text__item">
        <h4>00000000000000000</h4>
        <div>00000000000000000</div>
    </div>
</div>$

Текст в 2 колонки. Можно ещё в 4

00000000000000000

            
 $<div class="b-text b-text--2n g-margin">
    <div class="text__item">
        <h4>00000000000000000</h4>
        <div>00000000000000000</div>
    </div>
    <div class="text__item">
        <h4>00000000000000000</h4>
        <div>00000000000000000</div>
    </div>
</div>$

Адаптивная таблица

00000000000000000	00000000000000000
00000000000000000	00000000000000000

            
 $<div class="b-table-scroll">
    <table class="b-table">
        <tbody>
            <tr>
                <td>00000000000000000</td>
                <td>00000000000000000</td>
            </tr>
            <tr>
                <td>00000000000000000</td>
                <td>00000000000000000</td>
            </tr>
        </tbody>
    </table>
</div>$

Тизеры

000000000000

            
 $<div class="row g-margin">
    <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="b-simple b-simple--inbox b-simple--nopad">
            <div class="simple__row">
                <div class="simple__pic">
                    <img class="jch-lazyload" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==" data-src="/images/mastera-po-remontu/dveri/category-1.jpg" alt="000000000000"><noscript><img src="/images/mastera-po-remontu/dveri/category-1.jpg" alt="000000000000"></noscript>
                    <div class="simple__pictitle">000000000000</div>
                    <a href="#" class="simple__link">000000000000</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="b-simple b-simple--inbox b-simple--nopad">
            <div class="simple__row">
                <div class="simple__pic">
                    <img class="jch-lazyload" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==" data-src="/images/mastera-po-remontu/dveri/category-2.jpg" alt="000000000000"><noscript><img src="/images/mastera-po-remontu/dveri/category-2.jpg" alt="000000000000"></noscript>
                    <div class="simple__pictitle">000000000000</div>
                    <a href="#" class="simple__link">000000000000</a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-4 col-sm-4 col-xs-12">
        <div class="b-simple b-simple--inbox b-simple--nopad">
            <div class="simple__row">
                <div class="simple__pic">
                    <img class="jch-lazyload" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPjwvc3ZnPg==" data-src="/images/mastera-po-remontu/dveri/category-1.jpg" alt="000000000000"><noscript><img src="/images/mastera-po-remontu/dveri/category-1.jpg" alt="000000000000"></noscript>
                    <div class="simple__pictitle">000000000000</div>
                    <a href="#" class="simple__link">000000000000</a>
                </div>
            </div>
        </div>
    </div>
</div>$

Адаптивное видео

            
 $<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item jch-lazyload" src="about:blank" data-src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe><noscript><iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe></noscript>
</div>$

Скрываем текст на мобильных устройствах

Заголовок

Абзац

Читать далееСкрыть

            
 $<div class="b-tshort">
    <input id="text-short-1" class="g-off" type="checkbox" />
    <h3>Заголовок</h3>
    Абзац
    Абзац
    Абзац
    <label for="text-short-1" class="tshort__btn off-desktop"><span class="tshort__btn--show">Читать далее</span><span class="tshort__btn--hide">Скрыть</span></label>
</div>$

Рейтинг:

( 0 Rating )

Петросина
Полина Юрьевна

Работа выполнялась на высшем уровне! Мы очень довольны, рекомендуем. Спасибо большое!

Королько
Михаил Осипович

Специалисты большие молодцы! Всё починили чётко, быстро и качественно! Спасибо!

Дорога
Александр Алексеевич

Превосходный мастер! Очень профессиональный, знает толк в своем деле. Советую всем. Спасибо!

Торопыга
Алексей Викторович

Мы гордимся результатами работы мастера, всё сделал качественно, сразу устранил неполадки. Большое спасибо!

Шиманцырь
Виктор Петрович

Очень хороший и добропорядочный мастер, сделал всё, что потребовалось. Рекомендую всем знакомым и друзьям.

Бормоткина
Галина Олеговна

Результаты превзошли все наши ожидания, цена адекватная, приехал мастер вовремя, решил проблему. Большое спасибо!

Завертайло
Денис Викторович

Я очень доволен работой специалиста, его услуги соответствуют результату. Порекомендовал бы этого человека своим знакомым. Спасибо!

Головень
Милана Вадимовна

Пришёл мастер, увидел проблему, починил и ушёл. Всё быстро, а главное, качественно и чётко! Спасибо огромное!

Мухин
Степан Романович

Безупречная работа! Нам казалось, что проблема была сложной, но мастер смог, довел дело до победного конца! Мы очень гордимся!

Карасунь
Диана Геннадьевна

Мастер всё сделал в срок и безо всяких косяков в работе, стоимость приемлемая и соответствовала результату. Теперб советую друзьям и родственникам.

Яковлев
Павел Николаевичч

Работа была сделала очень оперативно и качественно, чему я доволен работой. Буду рекомендовать окружающим. Спасибо большое!

Федорова
Юлия Семеновна

Выражаем огромную благодарность за Вашу оперативность и отзывчивость. Обязательно советую всем оформлять заявки через Вас!

Чикайло
Павел Денисович

Мастер выполнил работу аккуратно и с пониманием. Стоимость абсолютно соответствовала ранее договоренности по телефону. Рекомендую всем!

Воевода
Лариса Олеговна

Мы остались довольны результатами работы. Будем ещё раз к Вам обращаться. Большое спасибо!

Михайлова
Мария Тимуровна

Специалисты всё сделали грамотно, аккуратно, быстро и качественно. Цена соответствовала объему и качеству выполненной работы. Советую. Спасибо!

Списки

01010101

000

000

000

Текст в 2 колонки. Можно ещё в 4

00000000000000000

00000000000000000

Адаптивная таблица

Тизеры

Адаптивное видео

Скрываем текст на мобильных устройствах

Заголовок

Сотрудничество

О компании