Аудит блоков bbraun-blocks

Тестовая страница: все блоки плагина и их вариации. Разделы: типографика, контент, формы, шапка, футер.

1. Типографика — Заголовок (Title)

Header: h1–h4

Заголовок

Заголовок

Заголовок

Заголовок

Header: h5/h6 (класс _p-hN)

Заголовок
Заголовок

Div (текстовый) + выравнивание

Текстовый заголовок (Div)

Заголовок

Заголовок

2. Интро (Intro)

Без изображения

Предзаголовок

Интро без изображения

Основной текст интро без изображения.

3 мин

Картинка слева

Предзаголовок

Интро: картинка слева

Текст с изображением слева.

Картинка справа

Предзаголовок

Интро: картинка справа

Текст с изображением справа.

Картинка по центру

Предзаголовок

Интро: картинка по центру

Текст с изображением по центру.

3. Медиа-герой (Hero)

Медиа-герой

Подзаголовок героя

Подробнее

Медиа-герой

Подзаголовок героя

Подробнее

4. Тизер продукта (Teaser / Highlight Teaser)

Фон primary

Тизер продукта

Описание тизера.
Подробнее

5. Тизер изображения (Image Teaser)

Варианты позиции изображения

    • 6. Кластер тизеров изображений (Image Teaser Cluster)

    7. Слайдер тизеров (Teaser Slider)

    Подзаголовок слайдера
    Заголовок слайдера

      8. Две колонки (Two Columns)

      Текст слева

      надзаголовок

      Заголовок

      Подзаголовок

      Перейти

      Текст справа (реверс)

      Заголовок

      Текст

      Перейти

      Первая колонка широкая + цвет заголовка

      Надзаголовок

      Заголовок

      Текст

      9. Изображение / Видео / Галерея

      Изображение

      Подпись к изображению

      Видео (YouTube)

      Галерея

      10. Аккордеон (Accordion)

      Серый

      11. Цитата (Quote)

      Без изображения (Q3)

      Цитата без изображения.

      Автор, должность

      Изображение справа (Q2)

      Цитата с изображением справа.

      Автор, должность

      Шрифт Q2 Sans

      Цитата шрифтом Q2 Sans.

      Автор, должность

      12. Перекрытие (Overlap)

      Текст перекрытия.

      Изображение сверху

      Текст перекрытия (изображение сверху).

      13. Текст + кнопка (Text + CTA, бывший SMS)

      Primary, кнопка слева

      Заголовок текста

      Текст абзаца.

      Кнопка

      Secondary, кнопка по центру

      Заголовок текста

      Текст абзаца.

      Кнопка

      14. Кнопка-ссылка (Button Link)

      Primary Secondary outlined

      15. Хлебные крошки (Breadcrumbs)

      16. Кластер ссылок (Link Cluster)

      Заголовок кластера

      17. Документы (Documents)

      Список документов

      18. Подборка продуктов (Product Cluster)

      Заголовок подборки

      Пример продукта

      Краткое описание продукта

      Пример продукта

      Краткое описание продукта

      19. Контакт (Contact Info)

      Иван Петров

      Менеджер

      test@example.com

      +7 900 000-00-00

      20. Подсчёт (Counter)

      • 0

        Подзаголовок счётчика

      21. Источники (Sources)

      Источники

      Источник 1; Источник 2

      22. Архив (Archive)

      Архив продукции

        Элементы не найдены

        23. Мета-поле (Meta Field)

        Значение по умолчанию

        24. Ссылка из мета-поля (Meta Field Link)

        Скачать файл

        25. Поиск (Search)

        Поиск

        No content results match your keyword.

        Content

          No product results match your keyword.

          Products

            Шапка результатов поиска

            List view about your search results

            Результаты поиска

            List view about your search results

            26. Хотспоты (Hotspots)

            Инновационный хаб

            Описание первой точки на изображении.

            /

            Производство

            Описание второй точки на изображении.

            /

            27. Форма (Form) и поля

            Поле-изображение

            28. Шапка сайта (Header)

            Flyout-меню (для шапки)

            Flyout-тизеры (для шапки)

            29. Футер сайта (Footer)

            30. Legacy блоки

            Горячая точка (Hotpoint) — legacy, заменён блоком Hotspots

            Горячая точка
            Текст точки.

            Тизер шапки (Header Teaser) — legacy, контент перенесён во flyout

            • Cancel
            OK