Прайсы с ярлыками иконками / Прайсы / Сниппеты Bootstrap

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

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

Для Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress

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

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

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

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

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

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

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

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

Авторство: http://goo.gl/yGoX7X

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

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

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

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

Добавлено: 2016-09-05 в 10:40

Метка: 1473061244

⇄ ⇅

<div class="col-md-4 col-sm-6">
 <div class="pricingTable">
 <div class="pricingTable-header">
 <div class="pricing-icon">
 <i class="fa fa-adjust"></i>
 </div>
 <h3 class="heading">Standard</h3>
 <span class="price-value">
 <span class="currency">$</span> 10
 <span class="month">/ month</span>
 <span class="value">.99</span>
 </span>
 </div>
 <div class="pricing-content">
 <ul>
 <li>50GB Disk Space</li>
 <li>50 Email Accounts</li>
 <li>50GB Monthly Bandwidth</li>
 <li>10 Subdomains</li>
 <li>15 Domains</li>
 </ul>
 <div class="pricingTable-signup">
 <a href="#">sign up</a>
 </div>
 </div>
 </div>
 </div>

<div class="col-md-4 col-sm-6">
 <div class="pricingTable purple">
 <div class="pricingTable-header">
 <div class="pricing-icon">
 <i class="fa fa-briefcase"></i>
 </div>
 <h3 class="heading">Business</h3>
 <span class="price-value">
 <span class="currency">$</span> 20
 <span class="month">/ month</span>
 <span class="value">.99</span>
 </span>
 </div>
 <div class="pricing-content">
 <ul>
 <li>60GB Disk Space</li>
 <li>60 Email Accounts</li>
 <li>60GB Monthly Bandwidth</li>
 <li>15 Subdomains</li>
 <li>20 Domains</li>
 </ul>
 <div class="pricingTable-signup">
 <a href="#">sign up</a>
 </div>
 </div>
 </div>
 </div>

<div class="col-md-4 col-sm-6">
 <div class="pricingTable last">
 <div class="pricingTable-header">
 <div class="pricing-icon">
 <i class="fa fa-diamond"></i>
 </div>
 <h3 class="heading">Premium</h3>
 <span class="price-value">
 <span class="currency">$</span> 30
 <span class="month">/ month</span>
 <span class="value">.99</span>
 </span>
 </div>
 <div class="pricing-content">
 <ul>
 <li>70GB Disk Space</li>
 <li>70 Email Accounts</li>
 <li>70GB Monthly Bandwidth</li>
 <li>20 Subdomains</li>
 <li>25 Domains</li>
 </ul>
 <div class="pricingTable-signup">
 <a href="#">sign up</a>
 </div>
 </div>
 </div>
 </div>

</div>
</div>

BootstrapTema

Прайсы с ярлыками иконками

Скриншот

Подробнее

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

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

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