FAQ-аккордеон на цветном фоне
Список вопросов с плюсами, раскрывающими ответы
Блоки «текст и картинка»: 56 вариантов вёрстки
Самая рабочая категория библиотеки: из этих блоков собирается всё, что рассказывает о вас — «О нас», описание услуги, история компании, статья. 56 вариантов раскладки: фото слева, фото справа, текст поверх снимка, цитата, длинная статья с врезками и подзаголовками.
Собрать сайт бесплатно
56 блоков в категории
Когда нужны эти блоки
Есть и специальные варианты: FAQ-аккордеон с раскрывающимися ответами, программа курса, список преимуществ с галочками, блок с макетами телефона и планшета для описания приложения.
Что умеют
- Фото слева или справа, текст в одну или две колонки
- Заголовок и абзац поверх фотографии
- Список с галочками или маркерами рядом с картинкой
- Раскрывающийся список вопросов и ответов
Чего не умеют
- Обтекание картинки текстом, как в текстовом редакторе
- Сноски и автоматическое оглавление для длинной статьи
Все блоки категории «Текстовые блоки и картинки»
Каждый блок ставится на страницу одним кликом. Тексты, картинки и цвета меняются прямо на сайте — без вёрстки.
Текст слева, фото справа — светлый
Заголовок и абзац слева, фотография справа, белый фон
Фото слева, текст справа — тёмный
Фотография слева, заголовок и текст справа на тёмном фоне
Портрет и рассказ о себе
Портрет в рамке слева, заголовок «Обо мне» и текст справа
Фото слева, заголовок и текст справа
Широкое фото слева, заголовок в две строки и абзац справа
Коллаж из двух фото и текст
Два наложенных снимка слева, заголовок и текст справа
Заголовок поверх фотографии
Крупный рукописный заголовок и подпись поверх снимка
Тёмный текст слева, фото справа
Заголовок заглавными и текст на тёмной подложке, фото справа
Фото слева, тёмная колонка текста
Фотография слева, заголовок и абзацы на тёмной подложке справа
Текст в узкой колонке и фото
Заголовок заглавными и узкая колонка текста слева, фото справа
Цитата и широкое фото под ней
Короткий заголовок с цитатой, под ним широкая фотография
Широкое фото и цитата под ним
Широкая фотография сверху, заголовок и цитата под ней
Цитата слева, фото справа
Заголовок и цитата в левой части, фотография справа
Фото слева, цитата справа
Фотография слева, заголовок и цитата справа
«О нас» с цветным подзаголовком — фото справа
Цветной подзаголовок, два абзаца и фотография справа
«О нас» с синим подзаголовком — фото справа
Синий подзаголовок «О нас», текст и фотография справа
«О нас» на чёрном фоне
Жёлтый подзаголовок, текст и фотография на чёрном фоне
«О нас» с фото справа — светлый
Подзаголовок, два абзаца и фотография интерьера справа
«О нас» с фиолетовым подзаголовком
Фиолетовый подзаголовок, длинный текст и фото справа
«О нас» на бежевом фоне
Подзаголовок, текст и фотография на тёплой бежевой подложке
«О нас» с красным подзаголовком
Красный подзаголовок, текст слева и фотография справа
«О нас» с чёрно-белым фото
Подзаголовок, текст и чёрно-белая фотография справа
«О нас» тёмный с иллюстрацией
Тёмный фон, короткий текст и иллюстрация справа
«О нас» с фото детей
Подзаголовок, два абзаца и фотография справа, светлый фон
«О нас» со списком преимуществ
Подзаголовок, маркированный список и фотография справа
Розовая плашка с текстом и фото
Заголовок и абзацы на розовой подложке, фото справа
Три фото сверху и текст под ними
Ряд из трёх снимков, под ними заголовок и текст по центру
Анонс события с фото
Надзаголовок, крупный заголовок, описание и фотография справа
Фото слева, короткий текст справа
Небольшая фотография слева, заголовок и абзац справа
Текст слева, фото справа — компактный
Заголовок и абзац слева, небольшая фотография справа
Статья с врезками и фотографиями
Длинный текст с подзаголовками, цитатой-врезкой и снимками
Заголовок с портретом автора
Заголовок, цветная полоса, круглый портрет и имя автора
Цитата слева на цветном фоне, фото справа
Короткая цитата на цветной подложке слева, фотография справа
Обложка-разворот: заголовок и фото
Крупный заголовок сверху, ниже фотография и подпись
Цветная плашка, фото и текст
Три части: цветная плашка с текстом, фото и текст справа
Фото слева, текст на серой плашке
Фотография слева, цитата на серой подложке справа
Цитата слева, фото справа — светлый
Цитата в кавычках слева, фотография справа, белый фон
Вертикальная обложка с эмблемой
Цветная верхняя часть, эмблема по центру, узор снизу
Тёмная плашка: заголовок и текст
Крупный заголовок слева и мелкий текст справа на тёмном фоне
История компании с фото и логотипом
Крупный заголовок, два снимка и логотип, тёмная тема
Короткий текст на цветном фоне
Один абзац по центру мятной подложки
Тёмная обложка с крупным слоганом
Надзаголовок, крупный слоган в две строки и подпись
Одно слово на цветном фоне
Крупное слово по центру мятной подложки
Цитата поверх фотографии интерьера
Короткая цитата с автором поверх светлого снимка
Цитата на чёрной плашке
Цитата заглавными и имя автора на чёрном фоне
«О нас» с макетами устройств
Заголовок, описание и иллюстрация с планшетами и телефоном
Список возможностей с макетами
Слева телефоны, справа цветная плашка со списком галочек
Программа курса аккордеоном
Красная подложка, темы программы раскрываются по клику
Заголовок и текст на тёмном фото
Заголовок и абзац по центру затемнённого снимка
Заголовок и текст на фото — огонь
Заголовок в две строки и описание поверх тёмной фотографии
Заголовок и текст на фото — горы
Заголовок и абзац по центру фотографии природы
«О нас» одним текстом
Заголовок и длинный текст в одну колонку без картинок
Четыре преимущества и фото
Заголовок, четыре пункта с маркерами и фотография в рамке справа
Фото слева и список с галочками
Фотография слева, заголовок и четыре пункта с галочками справа
Список с галочками и фото справа
Заголовок, текст и четыре пункта с галочками, фотография справа
Фото слева, заголовок и ссылка справа
Снимок слева, заголовок, ссылка и абзац текста справа
Частые вопросы
Сколько текста влезает в блок?
Ограничения нет — блок растягивается по содержимому. Для очень длинных текстов лучше взять вариант со статьёй и подзаголовками.
Можно ли поменять шрифт?
Да, шрифт и размер меняются для каждого элемента, а в настройках сайта задаются шрифты заголовков и текста целиком.
Как сделать картинку кликабельной?
Любому изображению можно назначить ссылку — на страницу сайта, внешний адрес или файл.
Другие категории блоков
Соберите страницу из готовых блоков
Библиотека из 545 блоков доступна сразу после регистрации. Без программирования и без оплаты на старте.
Создать сайт бесплатно