Price list Bootstrap / Прайсы / Сниппеты Bootstrap

Price list Bootstrap

Готовый к установке HTML сниппет, коплект прайс листов на светлом фоне, используются иконки Font Awesome, сделано для Bootstrap, скачайте бесплатно.

* В прикрепелении №1 содержится демо страница, файл для скачивания находится в прикреплении №2 и содержит комплект используемых шрифтов и иконок.

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Прайсы

Для Bootstrap: 3

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Вес файла: 584.7 Kb

Уникальный ID: 654

Количество символов:

Посмотрели: 2430 раз

Помощь: установка & настройка

Прикреплён файл №1: /_sf/6/654.html

Прикреплён файл №2: /stuff/0-0-0-654-20

Скачали бесплатно: 33 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: bootstraptema.ru

Информация: Пользователям

Информация: Правообладателям

Теги: Snippet, сниппет, Bootstrap, html, прайсы, Price, Pricing

Поделился: BootstrapТема

Добавлено: 2016-02-27 в 21:09

Метка: 1581665490

⇄ ⇅

<div class="col-md-3 col-sm-6">
 <div class="price-title">
 <h4>Basic</h4>
 </div> 
 <div class="plan-price">
 <h2><span>$</span>9.99 <span>P/M</span></h2>
 </div>
 <ul class="plan-features list-unstyled">
 <li><i class="fa fa-check"></i> 5 Members</li>
 <li><i class="fa fa-check"></i> 10 MySql</li>
 <li><i class="fa fa-check"></i> 100 GB Bandwith</li>
 <li><i class="fa fa-check"></i> 10 GB Storage</li>
 </ul>
 <div class="plan-link">
 <a class="btn btn-bordered" href="#">Choose Plan</a>
 </div> 
 </div>

<div class="col-md-3 col-sm-6">
 <div class="price-title">
 <h4>Starter</h4>
 </div> 
 <div class="plan-price">
 <h2><span>$</span>19.99 <span>P/M</span></h2>
 </div>
 <ul class="plan-features list-unstyled">
 <li><i class="fa fa-check"></i> 25 Members</li>
 <li><i class="fa fa-check"></i> 50 MySql</li>
 <li><i class="fa fa-check"></i> 500 GB Bandwith</li>
 <li><i class="fa fa-check"></i> 50 GB Storage</li>
 </ul>
 <div class="plan-link">
 <a class="btn btn-bordered" href="#">Choose Plan</a>
 </div> 
 </div>

<div class="col-md-3 col-sm-6 popular">
 <div class="price-title">
 <h4>Pro</h4>
 </div> 
 <div class="plan-price">
 <h2><span>$</span>29.99 <span>P/M</span></h2>
 </div>
 <ul class="plan-features list-unstyled">
 <li><i class="fa fa-check"></i> 50 Members</li>
 <li><i class="fa fa-check"></i> 100 MySql</li>
 <li><i class="fa fa-check"></i> 1 TB Bandwith</li>
 <li><i class="fa fa-check"></i> 100 GB Storage</li>
 </ul>
 <div class="plan-link">
 <a class="btn btn-bordered" href="#">Choose Plan</a>
 </div> 
 </div>

<div class="col-md-3 col-sm-6">
 <div class="price-title">
 <h4>Ultimate</h4>
 </div> 
 <div class="plan-price">
 <h2><span>$</span>99.99 <span>P/M</span></h2>
 </div>
 <ul class="plan-features list-unstyled">
 <li><i class="fa fa-check"></i> Unlimited Team</li>
 <li><i class="fa fa-check"></i> Unlimited MySql</li>
 <li><i class="fa fa-check"></i> 50 TB Bandwith</li>
 <li><i class="fa fa-check"></i> Unlimited Storage</li>
 </ul>
 <div class="plan-link">
 <a class="btn btn-bordered" href="#">Choose Plan</a>
 </div> 
 </div>

</div>
</div>

BootstrapTema

Price list Bootstrap

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0