Обложка с фото — питомник
Фото на весь экран, заголовок и абзац по центру
Обложки для сайта: 56 готовых первых экранов
Обложка — первый экран, который видит человек. От него зависит, останется он на сайте или закроет вкладку. В библиотеке Fo.ru 56 вариантов: от простого фото во весь экран с заголовком по центру до сплит-экрана, слайдера и обложки с меню и кнопкой действия.
Собрать сайт бесплатно
56 блоков в категории
Когда нужны эти блоки
Все обложки приходят с демо-контентом под конкретную тему — стоматология, автомойка, детский центр, фотограф, кондитерская. Это удобно: берёте ближайшую к своей нише и меняете текст и фото, а не собираете экран с нуля.
Что умеют
- Фотография на весь экран с заголовком и подзаголовком поверх неё
- Сплит-экран: фото с одной стороны, текст и кнопка с другой
- Обложка со встроенным меню, логотипом и кнопкой звонка
- Слайдер из нескольких фотографий со стрелками и точками листания
Чего не умеют
- Видео фоном — для этого есть отдельная настройка фона страницы, а не блок обложки
- Форма заявки прямо в обложке — форму добавляют отдельным блоком под ней
Все блоки категории «Обложки»
Каждый блок ставится на страницу одним кликом. Тексты, картинки и цвета меняются прямо на сайте — без вёрстки.
Обложка-сплит — школа 3D
Две колонки: фото слева, тёмная панель с текстом и кнопкой справа
Обложка с фото — киберспорт
Фото на весь экран, заголовок и абзац по центру
Обложка с соцсетями — школа творчества
Заголовок по центру и иконки соцсетей
Обложка с фото — отель
Фото на весь экран, заголовок и абзац по центру
Обложка с фото — фотограф
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — семья и дети
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — массаж и спа
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — мыло ручной работы
Фото на весь экран, заголовок и абзац по центру
Светлая обложка — бизнес-услуги
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — визажист
Фото на весь экран, заголовок и абзац по центру
Тёмная обложка — дизайн интерьера
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — школа искусств
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — музыкальная школа
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с логотипом — салон красоты
Логотип сверху, заголовок по центру, кнопки
Обложка с логотипом — тату-салон
Логотип сверху, заголовок по центру, кнопки
Обложка с фото — автошкола
Фото на весь экран, заголовок и абзац по центру
Узкая обложка — ресторан
Узкая обложка-полоса: заголовок на фото
Обложка с фото — вечеринка и аренда
Фото на весь экран, заголовок и подзаголовок по центру
Узкая обложка — салон красоты
Фото на весь экран, заголовок и абзац по центру
Обложка с фото — релакс и уход
Фото на весь экран, заголовок и абзац по центру
Обложка с фото — стоматология
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — автомойка
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — строительство
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — хостел
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — агентство недвижимости
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — кондитерская
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — сеть салонов
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — новостной сайт
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — квесты
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — детский центр
Фото на весь экран, заголовок и подзаголовок по центру
Обложка с фото — производство
Фото на весь экран, заголовок и подзаголовок по центру
Яркая обложка — конференции
Контрастный фон, заголовок, текст и ссылки-расписание
Обложка со стрелкой прокрутки
Заголовок по центру и стрелка «вниз» под ним
Обложка с фото — рабочий стол
Фото на весь экран, заголовок и абзац по центру
Обложка с меню и кнопкой — агентство
Меню сверху, крупный заголовок и цветная кнопка
Узкая обложка — личный блог
Узкая обложка-полоса: заголовок на фото
Узкая обложка — акция и скидка
Узкая обложка-полоса: заголовок на фото
Обложка-портфолио с иконками разделов
Два портрета, круглые иконки разделов и две кнопки
Обложка-визитка специалиста
Крупное имя и профессия, иконки соцсетей, две кнопки
Обложка с соцсетями — фрилансер
Заголовок по центру и иконки соцсетей
Обложка с меню и кнопкой — студия
Меню сверху, текст и кнопка поверх фото
Обложка-слайдер с цветной панелью
Слайдер с фото, текст в цветной панели, стрелки листания
Светлая обложка с иллюстрацией
Меню сверху, текст слева, иллюстрация справа, кнопка
Тёмная обложка — онлайн-курсы
Меню сверху, крупный заголовок с подчёркиванием
Обложка с меню — магазин одежды
Меню сверху, крупный заголовок и абзац слева на фото
Обложка с логотипом — активный отдых
Логотип сверху, заголовок и абзац по центру
Обложка с логотипом — ресторан
Логотип сверху, заголовок по центру, кнопки
Обложка с двумя кнопками — доставка
Заголовок, подзаголовок и две кнопки разного цвета
Обложка с ноутбуком
Текст слева, изображение ноутбука справа
Обложка с карточкой текста на фото
Фото на весь экран и тёмная карточка с текстом справа
Обложка-слайдер с кнопкой
Слайдер с фото, заголовок и кнопка по центру, стрелки
Обложка со смартфоном
Светлый фон, текст слева, смартфон справа, кнопка
Обложка с фото — горы и путешествия
Фото на весь экран, заголовок и абзац по центру
Тёмная обложка с текстом слева
Тёмное фото, заголовок и подпись в левой части
Обложка с фото — базовая
Фото на весь экран, заголовок и абзац по центру. У блока нет превью — стоит перегенерировать
Частые вопросы
Можно ли поставить своё фото?
Да. Любое изображение в обложке заменяется на своё — загрузкой файла или из встроенной библиотеки бесплатных фотографий.
Обложка подстроится под телефон?
Да, все обложки адаптивные. В редакторе есть отдельный режим мобильной версии, где можно поправить размер заголовка и отступы.
Сколько обложек можно поставить на страницу?
Технически сколько угодно, но осмысленно — одну. Остальные экраны лучше собирать из блоков «Текст и картинки» и «Колонки».
Другие категории блоков
Соберите страницу из готовых блоков
Библиотека из 545 блоков доступна сразу после регистрации. Без программирования и без оплаты на старте.
Создать сайт бесплатно