Таблицы
Стандартная таблица class="site-table"
| Это таблица класс site-table | Заголовок 2 | Заголовок 3 | Заголовок 4 |
|---|---|---|---|
| Название 1 | Текст текст текст | Текст текст текст | Текст текст текст |
| Название 2 | Текст текст текст | Текст текст текст | Текст текст текст |
| Название 3 | Текст текст текст | Текст текст текст | Текст текст текст |
<table class="site-table"> <tr> <th>Это таблица класс site-table</th> <th>Заголовок 2</th> <th>Заголовок 3</th> <th>Заголовок 4</th> </tr> <tr> <td>Название 1</td> <td>Текст текст текст</td> <td>Текст текст текст</td> <td>Текст текст текст</td> </tr> </table>
Если таблица с множеством столбцов и не влезает на мобильном устройстве, то нужно добавить обертку class="site-table-wrap"
<div class="site-table"><table class="site-table"> <tr> <th>Это таблица класс site-table</th> <th>Заголовок 2</th> <th>Заголовок 3</th> <th>Заголовок 4</th> </tr> <tr> <td>Название 1</td> <td>Текст текст текст</td> <td>Текст текст текст</td> <td>Текст текст текст</td> </tr> </table> </div>
Стандартная маленькая таблица class="site-table site-table_small"
| Это таблица класс site-table site-table_small | Заголовок 2 | Заголовок 3 | Заголовок 4 |
|---|---|---|---|
| Название 1 | Текст текст текст | Текст текст текст | Текст текст текст |
| Название 2 | Текст текст текст | Текст текст текст | Текст текст текст |
| Название 3 | Текст текст текст | Текст текст текст | Текст текст текст |
<table class="site-table site-table_small"> <tr> <th>Это таблица класс site-table</th> <th>Заголовок 2</th> <th>Заголовок 3</th> <th>Заголовок 4</th> </tr> <tr> <td>Название 1</td> <td>Текст текст текст</td> <td>Текст текст текст</td> <td>Текст текст текст</td> </tr> </table>
Таблица с тарифами class="tarif-table" и class="tarif-block"
Таблица class="tarif-table" скрывается на разрешении планшета. При этом появляется скрытый блок class="tarif-block". Подробнее смотреть в исходном коде и делать по аналогии.
|
Тарифы
Абонентская плата,
руб./мес. |
База
4900
р./мес
|
Эконом
7900
р./мес
|
Оптима
12350
р./мес
|
Бизнес
19300
р./мес
|
VIP
36700
р./мес
|
| Мониторинг доступности портала 24/7 с уведомлениями о проблемах | |||||
| Резервное копирование в "облако" Битрикс24 | |||||
| Еженедельное резервное копирование на другой сервер компании Заказчика | |||||
| Рекомендации по развитию корпоративного портала | |||||
| Ежемесячный отчёт | |||||
| Время реакции | до 4 часов | до 1 часа | до 30 минут | до 30 минут | до 15 минут |
| Часы, включенные в абонентскую плату | 4 часов в месяц | 7 часов в месяц | 12 часов в месяц | 20 часов в месяц | 40 часов в месяц |
|
Абонентская плата, руб./мес. |
4900 руб./мес. | 7900 руб./мес. | 12350 руб./мес. | 19300 руб./мес. | 36700 руб./мес. |
| Тарифы | База | Эконом | Оптима | Бизнес | VIP |
База
4 900
р./мес.
4 часа в месяц
Эконом
7 900
р./мес.
7 часов в месяц
Оптима
12 350
р./мес.
12 часов в месяц
Бизнес
19 300
р./мес.
20 часов в месяц
VIP
36 700
р./мес.
40 часов в месяц
Для создание раскрытой таблицы необходимо к классу js-tarif-table добавить класс open
|
Тарифы
Абонентская плата,
руб./мес. |
База
4900
р./мес
|
Эконом
7900
р./мес
|
Оптима
12350
р./мес
|
Бизнес
19300
р./мес
|
VIP
36700
р./мес
|
| Мониторинг доступности портала 24/7 с уведомлениями о проблемах | |||||
| Резервное копирование в "облако" Битрикс24 | |||||
| Еженедельное резервное копирование на другой сервер компании Заказчика | |||||
| Рекомендации по развитию корпоративного портала | |||||
| Ежемесячный отчёт | |||||
| Время реакции | до 4 часов | до 1 часа | до 30 минут | до 30 минут | до 15 минут |
| Часы, включенные в абонентскую плату | 4 часов в месяц | 7 часов в месяц | 12 часов в месяц | 20 часов в месяц | 40 часов в месяц |
|
Абонентская плата, руб./мес. |
4900 руб./мес. | 7900 руб./мес. | 12350 руб./мес. | 19300 руб./мес. | 36700 руб./мес. |
| Тарифы | База | Эконом | Оптима | Бизнес | VIP |
База
4 900
р./мес.
4 часа в месяц
Эконом
7 900
р./мес.
7 часов в месяц
Оптима
12 350
р./мес.
12 часов в месяц
Бизнес
19 300
р./мес.
20 часов в месяц
VIP
36 700
р./мес.
40 часов в месяц
Таблицы скрытые на десктопе
class="visible-md-table" — для того чтобы скрыть таблицу на десктопе
class="hidden-md-table" — для того чтобы скрыть таблицу на мобильнике