Блоки

Шапка секции

Заголовок секции с пояснением справа и вводный абзац под заголовком.

Примеры

<div class="sec__head">
  <div><h2>22 блока,<br>216 уроков</h2></div>
  <p>Каждый урок — 30 минут теории, 30 минут управляемой практики и домашняя работа на час-два.</p>
</div>

<div class="sec__head">
  <div><div class="eyebrow">// Кто это написал</div><h2>Олег Букатчук,<br>19 лет в эксплуатации</h2></div>
  <p>Базу здесь преподаёт человек, который применял её на нагрузке.</p>
</div>

<h2>Ещё раз, что вы получаете</h2>
<p class="sec__lead">Полный доступ ко всем двадцати двум блокам и всем 216 урокам.</p>

Установка

bukatchuk-ui add section-head

Файлы

Вставка для Jekyll

{%- comment -%}
  Шапка секции. Параметры: title (HTML заголовка), lead (пояснение справа), eyebrow (подпись над заголовком).
  Без lead выводится один заголовок.
{%- endcomment -%}
{%- if include.lead %}
<div class="sec__head">
  <div>{% if include.eyebrow %}<div class="eyebrow rv">{{ include.eyebrow }}</div>{% endif %}<h2 class="rv">{{ include.title }}</h2></div>
  <p class="rv">{{ include.lead }}</p>
</div>
{%- else %}
{% if include.eyebrow %}<div class="eyebrow rv">{{ include.eyebrow }}</div>{% endif %}<h2 class="rv">{{ include.title }}</h2>
{%- endif %}