Лучшие HTML / CSS шаблоны прайсов
В этой статье мы рассмотрим лучшие HTML / CSS шаблоны прайсов, которые легко интегрируются на сайт. Если вы уже задумывались над тем, чтобы создать свой уникальный прайс, то приведенные ниже шаблоны помогут в этом. Также мы перечислим руководства, которые помогут вам создавать собственные CSS таблицы.
Бесплатные HTML / CSS шаблоны прайсов
Простые адаптивные таблицы цен
Если простота — это ваше кредо, тогда этот набор, состоящий из трех шаблонов прайсов, может оказаться полезным. С его помощью возможно создание месячных и годовых тарифных планов, поддерживается анимация. Кроме этого шаблон является адаптивным.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Flat Pricing Tables Design
Еще один плоский шаблон для таблиц цен со всеми основными функциями.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Minimal Pricing Table
Самый компактный шаблон прайса, позволяющий добавлять данные об услугах и их стоимости.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Responsive Flip Pricing Table
Похож на один из уже перечисленных нами шаблонов, почти полная копия, отличающаяся только используемыми цветами. Но это все равно отличная красивая таблица CSS цен.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Cool Price Tables
Простые и красивые таблицы цен для вашего сайта с добавлением анимации.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Cool Pricing Table
Крутой шаблон прайса с красивой шапкой, кнопкой в нижней части и областью описания.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Flat Pricing Table
Плоский шаблон, в котором реализован раскрывающийся с эффектом анимации прайс. Для этого используются каскадные таблицы стилей CSS.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Single Price Tags
Красивый шаблон прайса, который можно использовать на своем сайте для отображения информации о стоимости месячных планов и постоянной подписки.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Product Preview Slider
Компактный и простой шаблон прайса со слайдером изображений для демонстрации галереи товаров.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Price Table Template
Это бесплатный шаблон. Его можно использовать так, как вам нравится, данный шаблон отлично работает с фреймворком Bootstrap.
ДЕМО-ВЕРСИЯ | СКАЧАТЬ

Цветная CSS таблица цен отображается в современном минималистичном стиле с помощью комбинации трех цветов.
Simple pricing table
ДЕМО-ВЕРСИЯ|СКАЧАТЬ
CSS Price Tags
Простые прямоугольные блоки цен для любого раздела вашего сайта.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Unique Price Template
Чистый плоский дизайн с аккуратно размещенными элементами и жирным шрифтом, который читается на любом устройстве.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Mini Pricing Table
Мини-версия адаптивной таблицы CSS цен, с помощью которой можно продавать расширения или дополнительные функции.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Standard Table Showcase
Минималистичный и плоский макет, который поддерживает адаптивные функции.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Cool Table
Шаблон прайса, который напоминает WordPress. Ширина по умолчанию установлена на 80%, что делает всю таблицу слишком широкой, поэтому скриншот был сделан с шириной 50%.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Plans & Pricing Table
Простой прайс для демонстрации доступных тарифных планов. Поставляется с выделенным «популярным» планом с помощью оформления таблицы CSS.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

CSS3 стили для создания прайсов – руководство
Из учебника вы узнаете, как использовать некоторые новые свойства CSS3 для создания красивого шаблона прайса. Его суть состоит в том, чтобы задать для столбцов стили блоков и списков, и получить красивый и уникальный дизайн.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Checkout Pricing Table HTML Template
Простой шаблон прайса. Каждый тарифный план содержит название, цену, список функций и фиолетовую кнопку регистрации.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

CSS3 Pricing Table UI Element (руководство)
Изучив это руководство, вы сможете создавать удивительные элементы пользовательской таблицы цен с использованием CSS3 свойств таблицы. Шаблоны уже содержат красивые эффекты наведения, созданные с помощью переходов CSS3. Вы сможете легко добавить их в свой интернет-магазин.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Как создать простую диаграмму цен с помощью SaaS (HTML / CSS)
На данный момент я работаю над премиум-сайтом WordPress и столкнулась с необходимостью создания приличной таблицы цен в стиле SaaS.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Эффект Orange CSS3 Pricing Tables effect
Изучив это руководство, вы научитесь создавать из пользовательского интерфейса Impressionist код и стили CSS3 для прайсов.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Создание современной таблицы прайсов с помощью HTML и CSS
В этом руководстве рассказывается, как создать современную таблицу цен в Photoshop. После того, как дизайн будет готов, мы реализуем его код с помощью HTML и каскадных таблиц стилей CSS.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Адаптивный HTML-шаблон прайсов
Воссозданный шаблон прайсов с http://www.webs.com/pricing.htm.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Free Responsive CSS Pricing Table with HTML/CSS
Это адаптивная таблица цен для адаптивных тем.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Multiple Pricing Table
ДЕМО-ВЕРСИЯ|СКАЧАТЬ

Free Flat Responsive Pricing Table
Это плоская адаптивная таблица цен, созданная с помощью адаптивной таблицы CSS. Скачайте ее бесплатно и используйте в своих проектах.
ДЕМО-ВЕРСИЯ|СКАЧАТЬ
Перевод статьи «30 Best HTML CSS Pricing Table Templates, Tutorials» дружной командой проекта Сайтостроение от А до Я.