Заголовок по центру задает секции узнаваемую тему, а три карточки с процентными показателями делают наполнение достаточно содержательным, чтобы восприниматься как самостоятельный смысловой раздел на непрерывной странице. Значения 50 %, 36 % и 14 % представлены в параллельных белых карточках, каждая из которых дополнена текстом и кнопкой «Подробнее». Вместе эти группы служат промежуточной остановкой для демонстрации статистики или прогресса среди других разделов одностраничного сайта.
Визуальная граница блока формируется полноширинным архитектурным изображением в оттенках серого и рядом карточек, частично перекрывающим его нижний край. Такой многослойный переход помогает отделить секцию от соседнего контента без необходимости выносить блок на отдельную страницу. Ярко-зеленые цифры задают единую траекторию беглого просмотра по всем трем карточкам, а черные кнопки служат опциональными точками перехода для ознакомления с подробностями.
Благодаря этому секция гармонично дополняет последовательность контента длинной страницы: ей может предшествовать вводная часть, а следом могут идти услуги, подтверждения надежности или контактные данные. Внутри самого блока навигационные элементы не предполагаются. Если в содержащем его одностраничном проекте появится постраничная навигация по секциям, этот блок сможет стать одним из поименованных разделов в этой системе, сохранив собственный заголовок, повторяющуюся структуру показателей и статичную подачу.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.