Стаилгайд

Text

Bold 22

Bold 22 .h1

Bold 20

Bold 20 .h2

Bold 18

Bold 18 .h3

Medium 16

Medium 16 .h4

Medium 14

Medium 14 .h5

Bold 12

Bold 12 .h5

text-secondary

Medium 16

Regular 14

Regular 12

OBO Bettermann

OBO Bettermann
OBO Bettermann

Цитата - дословная выдержка (отрывок) из какого-либо текста с указаним авторства или источника.

Википедия

Блок стационарного компьютера (ноутбук).
От одного до трех мониторов для компьютера.
Колонки для компьютера.
Роутер.
Принтер, сканер.
Настольная лампа.
3-5 зарядных устройств для телефона, фотоаппарата, плеера, умных часов, планшета и т.д.

Проверку образцов кабельно-проводниковой продукции на соответствие ГОСТ, ТР ТС и отраслевым стандартам;
Оценку кабельной продукции на строящихся и эксплуатируемых объектах;
Информирование и обучение: результаты исследований фальсификата на рынке РФ, методики определения некачественной продукции, ответственность за оборот, меры борьбы и др.

Если нумерованный список без класса!

Силовая розетка.
Силовая розетка + usb-зарядка типа А.Силовая розетка + usb-зарядка типа А.Силовая розетка + usb-зарядка типа А.Силовая розетка + usb-зарядка типа А.Силовая розетка + usb-зарядка типа А.Силовая розетка + usb-зарядка типа А.Силовая розетка + usb-зарядка типа А.
Usb-зарядка типа А + usb-зарядка типа C.
Беспроводная зарядка стандарта b.
Беспроводная зарядка стандарта Qi.
Беспроводная зарядка стандарта Qi.
Беспроводная зарядка стандарта Qi.
Беспроводная зарядка стандарта Qi.
Беспроводная зарядка стандарта Qi.
Беспроводная зарядка стандарта Qi.

Если нумерованный список с классом "ol"

Силовая розетка.
Силовая розетка + usb-зарядка типа А.
1. Беспроводная зарядка стандарта b
  1. Беспроводная зарядка стандарта b
  2. Беспроводная зарядка стандарта b
2. Беспроводная зарядка стандарта 2
Usb-зарядка типа А + usb-зарядка типа C.
Беспроводная зарядка стандарта b.

РАБОТАТЬ НА B2B-ПОРТАЛЕ Left

РАБОТАТЬ НА B2B-ПОРТАЛЕ Center

РАБОТАТЬ НА B2B-ПОРТАЛЕ Right

bold text

medium text

regular text

отступ снизу 4px

отступ снизу 8px

отступ снизу 16px

отступ снизу 24px

отступ снизу 48px

mb-3(снизу); mt-3(сверху); ml-3(слева); mr-3(справа); цифра указывает размер внешнего отступа

pb-3(снизу); pt-3(сверху); pl-3(слева); pr-3(справа); цифра указывает размер внутреннего отступа

Наименование кабеля	Мин. температура отмотки кабеля без предварительного прогрева
(А)ВВГ, (А)ВБШв, (А)ВВГп -10 °С	-10 °С
(А)ВВГнг(А)-LS, ВВГнг(А)-FRLS, (А)ВБШвнг(А)-LS -10 °С	-10 °С
(А)ВВГнг(А), (А)ВВГнг(А)-П -10 °С	-10 °С
(А)ВВГнг(А), (А)ВВГнг(А)-П -10 °С	-10 °С
(А)ВВГнг(А), (А)ВВГнг(А)-П	-10 °С

<table>
                    <thead>
                    <tr>
                        <th>Наименование кабеля</th>
                        <th>Мин. температура отмотки кабеля без предварительного прогрева</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>(А)ВВГ, (А)ВБШв, (А)ВВГп -10 °С</td>
                        <td>-10 °С</td>
                    </tr>
                    <tr>
                        <td>(А)ВВГнг(А)-LS, ВВГнг(А)-FRLS, (А)ВБШвнг(А)-LS -10 °С</td>
                        <td>-10 °С</td>
                    </tr>
                    <tr>
                        <td>(А)ВВГнг(А), (А)ВВГнг(А)-П -10 °С</td>
                        <td>-10 °С</td>
                    </tr>
                    <tr>
                        <td>(А)ВВГнг(А), (А)ВВГнг(А)-П -10 °С</td>
                        <td>-10 °С</td>
                    </tr>
                    <tr>
                        <td>(А)ВВГнг(А), (А)ВВГнг(А)-П</td>
                        <td>-10 °С</td>
                    </tr>
                    </tbody>
                </table>

Складской комплекс	В наличии, м	Свободно, м	Тара	Заводская намотка, м	Производители
Мытищи	52	52	Барабан т.17	52	Людиновокабель
Мытищи	52	52	Барабан т.17	52	Людиновокабель
Мытищи	52	52	Барабан т.17	52	Людиновокабель
Мытищи	52	52	Барабан т.17	52	Людиновокабель
Мытищи	52	52	sdf sdf ssd sdfБарабан т.17	52	Людиновокабель asdf a

<div class="hiddenTable-wrap">
                             <table class="tablePrimary">
                            <thead>
                            <tr>
                                <th class="w-15">Складской комплекс</th>
                                <th class="">В наличии, м</th>
                                <th class="">Свободно, м</th>
                                <th class="">В резерве, м</th>
                                <th class="">Тара</th>
                                <th class="w-15">Заводская намотка, м</th>
                                <th class="">Производители</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>Мытищи</td>
                                <td><strong>52</strong></td>
                                <td>52</td>
                                <td>0</td>
                                <td>Барабан т.17</td>
                                <td>52</td>
                                <td>Людиновокабель</td>
                            </tr>
                            <tr>
                                <td>Мытищи</td>
                                <td><strong>52</strong></td>
                                <td>52</td>
                                <td>0</td>
                                <td>Барабан т.17</td>
                                <td>52</td>
                                <td>Людиновокабель</td>
                            </tr>
                            <tr>
                                <td>Мытищи</td>
                                <td><strong>52</strong></td>
                                <td>52</td>
                                <td>0</td>
                                <td>Барабан т.17</td>
                                <td>52</td>
                                <td>Людиновокабель</td>
                            </tr>
                            <tr>
                                <td>Мытищи</td>
                                <td><strong>52</strong></td>
                                <td>52</td>
                                <td>0</td>
                                <td>Барабан т.17</td>
                                <td>52</td>
                                <td>Людиновокабель</td>
                            </tr>
                            <tr>
                                <td>Мытищи</td>
                                <td><strong>52</strong></td>
                                <td>52</td>
                                <td>0</td>
                                <td>sdf sdf ssd sdfБарабан т.17</td>
                                <td>52</td>
                                <td>Людиновокабель asdf a</td>
                            </tr>
                            </tbody>
                        </table>
                             <button type="button" class="turn">Развернуть</button>
                        </div>

серая, 2px
«Элком-Электро» — один из лидеров дистрибуции проводниковой, кабельной, электро- и светотехнической продукции

оранжевая 2px
«Элком-Электро» — один из лидеров дистрибуции проводниковой, кабельной, электро- и светотехнической продукции

оранжевая 4px
«Элком-Электро» — один из лидеров дистрибуции проводниковой, кабельной, электро- и светотехнической продукции

Button

button

Товары-аналоги

если подвал сделать серым с классом "milk"

Link

Смотреть все реквизиты

Быстрые контакты

Скачать PDF Распечатать

Калькулятор расчета скидки
Каталог товаров серии LKS от OBO Bettermann

Очистить список избранного

Form

Email адресс не действителен

Ошибка

Телефон

Ошибка

В наличии

нет

да

Выберите файл (Имя файла 26-SHnayлорлролрролр...

Elements

Увеличение фото

<nav class="pagination-wrap" aria-label="Page navigation">
                             <ul class="pagination justify-content-center">
                                <li class="page-item disabled">
                                <a class="page-link" href="#" aria-label="Previous">Previous</a>
                            </li>
                                <li class="page-item disabled">
                                <a class="page-link" href="#" tabindex="-1">1</a>
                            </li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item"><a class="page-link" href="#">...</a></li>
                                <li class="page-item"><a class="page-link" href="#">6</a></li>
                                <li class="page-item"><a class="page-link" href="#">7</a></li>
                                <li class="page-item"><a class="page-link" href="#">8</a></li>
                                <li class="page-item">
                                <a class="page-link" href="#" aria-label="Next">Next</a>
                            </li>
                             </ul>
                         </nav>

<div class="tab-primary">
                            <ul class="nav" id="contact_tab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="moscow-tab" data-toggle="tab" href="#moscow" role="tab"
                               aria-controls="moscow" aria-selected="true">Москва и МО</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="saint-petersburg-tab" data-toggle="tab" href="#saint-petersburg"
                               role="tab"
                               aria-controls="saint-petersburg" aria-selected="false">Санкт-петербург</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="simferopol-tab" data-toggle="tab" href="#simferopol"
                               role="tab"
                               aria-controls="simferopol" aria-selected="false">Симферополь</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="regions-tab" data-toggle="tab" href="#regions"
                               role="tab"
                               aria-controls="regions" aria-selected="false">Регионы</a>
                        </li>

</ul>
                            <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="moscow" role="tabpanel" aria-labelledby="moscow-tab">
                            1
                        </div>
                        <div class="tab-pane fade" id="saint-petersburg" role="tabpanel"
                             aria-labelledby="saint-petersburg-tab">
                            2
                        </div>
                        <div class="tab-pane fade" id="simferopol" role="tabpanel" aria-labelledby="simferopol-tab">
                            3
                        </div>
                        <div class="tab-pane fade" id="regions" role="tabpanel" aria-labelledby="regions-tab">
                            4
                        </div>
                    </div>
                        </div>

Свидетельство о типовом одобрении

.pdf

1,4 Мбайт
download openPDF
Свидетельство о типовом одобрении

.pdf

1,4 Мбайт
download openPDF
Свидетельство о типовом одобрении Свидетельство о типовом одобрении Свидетельство о типовом одобрении Свидетельство о типовом одобрении Свидетельство о типовом одобрении Свидетельство о типовом одобрении

.pdf

1,4 Мбайт
download openPDF

<ol class="docBox">
                        <li>
                            <p class="docBox__name">Свидетельство о типовом одобрении</p>
                            <p class="docBox__format">.pdf</p>
                            <p class="docBox__size">1,4 Мбайт</p>
                            <a href="#" download="" class="download">download</a>
                            <a href="/local/templates/lcom/assets/img/test-pdf.pdf" target="_blank" class="openPDF">openPDF</a>
                        </li>
                        <li>
                            <p class="docBox__name">Свидетельство о типовом одобрении</p>
                            <p class="docBox__format">.pdf</p>
                            <p class="docBox__size">1,4 Мбайт</p>
                            <a href="#" download="" class="download">download</a>
                            <a href="/local/templates/lcom/assets/img/test-pdf.pdf" target="_blank" class="openPDF">openPDF</a>
                        </li>
                        <li>
                            <p class="docBox__name">Свидетельство о типовом одобрении Свидетельство о типовом одобрении
                                Свидетельство о типовом одобрении Свидетельство о типовом одобрении Свидетельство о
                                типовом одобрении Свидетельство о типовом одобрении</p>
                            <p class="docBox__format">.pdf</p>
                            <p class="docBox__size">1,4 Мбайт</p>
                            <a href="#" download="" class="download">download</a>
                            <a href="/local/templates/lcom/assets/img/test-pdf.pdf" target="_blank" class="openPDF">openPDF</a>
                        </li>
                    </ol>

Static

Grid ссылка на сетку bootstrap

col-md-12

col-md-6

col-md-4

col-md-3

col-md-2

col-md-1

МОСКВА И МОСКОВСКАЯ ОБЛАСТЬ

САНКТ-ПЕТЕРБУРГ

СИМФЕРОПОЛЬ

КРАСНОДАР

ЯРОСЛАВЛЬ

САМАРА

СМОЛЕНСК

Стаилгайд

Bold 22

Bold 20

Bold 18

Medium 16

Medium 14

Bold 12