Генератор стандартных блоков
Вертикальные блоки вида "картинка + блок с контентом", в ряд
Горизонтальные блоки вида "картинка + блок с контентом"
Карточки с контентом поверх изображения, в ряд
Выбрать другой тип блоков
Вертикальные блоки вида "картинка + блок с контентом", в ряд
Количество блоков (2-6):
Содержимое:
Картинка
Заголовок
Текст
Кнопка
Тип ссылки:
Без ссылки
Весь блок — ссылка
Только кнопка — ссылка
Контент для блоков
Текст кнопки (общий для всех блоков):
Расширенные настройки
Расстояние между карточками (px):
Выравнивание текста:
Влево
По центру
Вправо
Выравнивание объектов:
Влево
По центру
Вправо
Внутренний отступ карточки (px):
Скругление углов карточки (px):
Граница блока
Толщина границы (px):
Стиль границы:
Сплошная
Пунктирная
Точечная
Цвет границы:
Соотношение сторон изображения (x/y):
Скругление углов изображения (px):
Отступ изображения снизу (px):
Жирный шрифт заголовка
Размер шрифта заголовка (px):
Цвет заголовка:
Отступ заголовка снизу (px):
Размер шрифта текста (px):
Цвет текста:
Отступ текста снизу (px):
Кнопка на всю ширину
Цвет текста кнопки:
Цвет текста кнопки при наведении:
Фон кнопки:
Фон кнопки при наведении:
Жирный шрифт кнопки
Размер шрифта кнопки (px):
Скругление углов кнопки (px):
Включить тени
Постоянная тень (CSS-строка):
Тень при наведении (CSS-строка):
Применить и генерировать
CSS
Копировать
HTML
Копировать
Выбрать другой тип блоков
Горизонтальные блоки вида "картинка + блок с контентом"
Количество блоков (1-10):
Содержимое (изображение есть всегда):
Заголовок
Текст
Кнопка
Настройки:
Начать с реверса
Без ссылки
Весь блок — ссылка
Только кнопка — ссылка
Контент для блоков
Текст кнопки (общий для всех блоков):
Расширенные настройки
Ширина изображения в % (20-80):
Применить и генерировать
CSS
Копировать
HTML
Копировать
Выбрать другой тип блоков
Карточки с контентом поверх изображения, в ряд
Количество в ряду (1-6):
Содержимое:
Заголовок
Текст
Кнопка
Ссылка:
Нет
Вся карточка
Только кнопка
Контент для блоков
Текст кнопки (общий для всех блоков):
Расширенные настройки
Соотношение сторон:
3:2 (Альбомное)
1:1 (Квадрат)
Под контент
Выравнивание текста:
Слева
По центру
Справа
Вертикальное выравнивание:
Сверху
По центру
Снизу
Растянуть + кнопка внизу
Углы карточки:
Скругленные
Прямые
Применить и генерировать
CSS
Копировать
HTML
Копировать