Счетчики чисел с фоном HTML шаблон

Четыре отображаемые пары счетчиков составляют основу этого многократно используемого раздела со статистикой. В строке представлены подписанные показатели: 17 лет опыта, 1267 довольных клиентов, 278 завершенных проектов и 350 сотрудников по всему миру. Все четыре элемента выстроены в один горизонтальный ряд поверх полноширинной фотографии офиса и рабочего пространства. Пурпурный оверлей объединяет изображение, а крупные белые цифры курсивом и небольшие подписи прописными буквами задают четкую последовательность чтения. Секция статична, самодостаточна по смыслу и легко встраивается между другими смысловыми блоками страницы.

Четыре пары метрик для готового статического HTML-раздела

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

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

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

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

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

Скачать

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

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

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

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

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

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

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

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

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

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

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

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

Экспорт и использование этого шаблона в качестве HTML-сайта

Создание портативного HTML-сайта

Когда шаблон будет готов, используйте опцию Экспорт HTML, чтобы создать статический веб-сайт с файлами, необходимыми для развертывания. Экспортированный веб-сайт можно использовать независимо от редактора Nicepage и развернуть на предпочитаемом вами хостинге.

Nicepage также предоставляет Настройки SEO и функции оптимизации, включая заголовки и описания страниц, канонические настройки, заголовки, Alt-текст изображений и другие свойства уровня страницы, которые помогают подготовить веб-сайт для поисковых систем.

Развертывание без CMS

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

Передача файлов веб-сайта

Сгенерированные файлы веб-сайта также могут быть предоставлены клиенту, разработчику или команде хостинга. Они остаются доступными вне редактора Nicepage для развертывания, технического анализа или разработки конкретного проекта, когда требуется дополнительная работа.

Этот рабочий процесс делает шаблон практичной основой для портативного статического веб-сайта, который можно экспортировать из редактора Nicepage и развертывать независимо.