4 тарифные планы Одностраничный шаблон

Блок «Премиум-планы» образует узнаваемый раздел с тарифами с заголовком по центру, пояснительным абзацем и четырьмя карточками одинаковой ширины. На карточках представлены тарифы Free, Standart, Plus и Enterprise; первые три показывают $0, $12 и $39 в месяц, а на Enterprise указано «Скоро». На каждой карточке повторяется список из четырех пунктов с преимуществами и кнопка «Выбрать тариф», при этом более темная панель с кратким описанием расположена над более светлой областью с деталями. Оформление в фиолетовых, зеленых, синих и оранжевых тонах выделяет тарифы на фоне темно-фиолетового градиента, помогая этому статичному разделу выделяться на непрерывной странице.

Четко очерченный раздел с тарифами в непрерывном потоке страницы

Выровненный по центру заголовок «Премиум-планы» придает этому разделу четкую индивидуальность в рамках непрерывного одностраничного интерфейса. Посетители легко распознают его как место для сравнения пакетов, а не просто очередную область общего контента. Четыре карточки одинаковой ширины представляют Free, Standart, Plus и Enterprise в едином горизонтальном ряду. На первых трех отображается $0, $12 и $39 в месяц, на карточке Enterprise используется отметка «Скоро», и на каждой карточке представлено по четыре строки с описанием возможностей, за которыми следует кнопка «Выбрать тариф».

Внутренняя согласованность помогает блоку гармонично располагаться между соседними разделами, не теряя своего назначения. Каждая карточка отделяет краткую информацию о тарифе от подробностей с помощью более темных и светлых панелей, а фиолетовые, зеленые, синие и оранжевые цветовые решения визуально разделяют повторяющиеся элементы. Темно-фиолетовый фон и выровненный по центру белый шрифт создают четкую границу раздела, а свободное пространство предотвращает слияние блока сравнения с соседним содержимым. В одностраничном макете этот блок может следовать за вводной информацией или описанием услуг и предшествовать отзывам, контактным данным или другому заключительному разделу. Он служит полноценным разделом с ценами; любая навигация по разделам или перемещение по странице возлагаются на саму страницу, а не закладываются внутрь этого блока.

Настроить с помощью Nicepage

При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.

Скачать

Редактировать шаблон в автономном режиме

1. Загрузите и установите приложение Nicepage для Windows и Mac. Или плагины WordPress и Joomla из страница загрузки
2. Создайте новую страницу или выберите существующую.
3. Нажмите "Добавить новый блок", найдите идентификатор 460955 и нажмите "Ввод".

Редактировать шаблон онлайн

Запустите Онлайн-конструктор чтобы редактировать этот шаблон на нашем хостинге

Создавайте потрясающие сайты

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Бесплатный конструктор Nicepage Builder

Более 15 000 шаблонов

Легкое перетаскивание

Без программирования

Адаптивность

Ключевые слова

Создание удобного одностраничного сайта

Связывание меню с разделами страницы

Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.

Используйте один URL-адрес для всего веб-сайта

Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.

Упрощение навигации по длинным страницам

Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.

Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.