Этот блок обладает четкой индивидуальностью в структуре непрерывной страницы, поскольку все три карточки отвечают на один и тот же вопрос: какой тарифный план соответствует потребностям посетителя? Тарифы Hatchling, Baby и Business отображаются рядом друг с другом с ежемесячной стоимостью 25 $, 59 $ и 79 $. Каждая карточка дополнена перечнем возможностей и кнопкой выбора тарифа, что задает разделу достаточную внутреннюю структуру, выделяющую его на фоне вводных материалов, описания услуг или контактных данных в других частях страницы.
Визуальные границы раздела выражены столь же отчетливо. В горизонтальном ряду используются три белые карточки одинаковой ширины, единообразные отступы, темно-бирюзовые плашки заголовков, а также цены и кнопки теплого оранжевого оттенка. Крупная фотография встречи занимает фон за карточками, создавая отдельный визуальный план и не мешая при этом сравнению тарифных опций. Перечисленные опции (безлимитная поддержка, 5 ГБ на сервере, 2 пользователя на проект, интеграция с электронной почтой и неограниченное скачивание) гарантируют, что этот смысловой раздел несет практическую пользу, а не служит сугубо декоративной паузой.
В рамках одностраничного сайта данный раздел может располагаться после вводной части или описания возможностей продукта и предшествовать социальным доказательствам, контактам или заключительному контенту. Его можно рассматривать как выраженную тарифную остановку в общей последовательности страницы. Навигация на странице может приводить посетителей к этому блоку, однако его собственная самостоятельная роль обеспечивается понятными названиями тарифов, указанными ежемесячными суммами, сопоставлением характеристик и кнопками целевого действия.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.