На данной странице представлены способы оформления контента сайта.
Заголовки
<h2>Заголовок h2</h2>Заголовок h2
<h3>Заголовок h3</h3>Заголовок h3
<h4>Заголовок h4</h4>Заголовок h4
<h5>Заголовок h5</h5>Заголовок h5
<h6>Заголовок h6</h6>Заголовок h6
Списки
Маркрированный список
<ul>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
</ul>- Элемент
- Элемент
- Элемент
Нумерованный список
<ol>
<li>Элемент</li>
<li>Элемент</li>
<li>Элемент</li>
</ol>- Элемент
- Элемент
- Элемент
Таблица
<table>
<tbody>
<tr>
<td>Ячейка</td>
<td>Ячейка</td>
<td>Ячейка</td>
</tr>
<tr>
<td>Ячейка</td>
<td>Ячейка</td>
<td>Ячейка</td>
</tr>
<tr>
<td>Ячейка</td>
<td>Ячейка</td>
<td>Ячейка</td>
</tr>
</tbody>
</table>
| Ячейка | Ячейка | Ячейка |
| Ячейка | Ячейка | Ячейка |
| Ячейка | Ячейка | Ячейка |
Оформление текста
<b>Полужирный текст</b>Полужирный текст
<i>Курсивный текст</i>Курсивный текст
<a href="/здесь-ссылка/">Ссылка</a>Цитата
<blockquote>Тут размещается длинный текст цитаты</blockquote>Тут размещается длинный текст цитаты
Сетка Bootstrap
Для удобства доработки шаблона мы добавили поддержку сетки Bootstrap. Наименование классов аналогично официальным, описанным в документации. Но для всех классов добавляется префикс bs-. Например, bs-container вместо container или bs-row вместо row.
<div class="bs-container">
<div class="bs-row">
<div class="bs-col">bs-col</div>
<div class="bs-col">bs-col</div>
<div class="bs-col">bs-col</div>
<div class="bs-col">bs-col</div>
</div>
<div class="bs-row">
<div class="bs-col-8">bs-col-8</div>
<div class="bs-col-4">bs-col-4</div>
</div>
</div>bs-col
bs-col
bs-col
bs-col
bs-col-9
bs-col-3
Аккордеон
<div class="accordeon">
<a href="#" class="name">Заголовок аккордеона</a>
<div class="text">Большое описание, но скрытое.</div>
</div>
<div class="accordeon">
<a href="#" class="name">Заголовок аккордеона</a>
<div class="text">Большое описание, но скрытое.</div>
</div>Заголовок аккордеона
Большое описание, но скрытое.
Заголовок аккордеона
Большое описание, но скрытое.
Горизонтальная линия
<hr>