Pricing Table Transition Effect / Прайсы / Сниппеты Bootstrap

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

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

Для Bootstrap: 3, 4

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

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

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

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

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

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

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

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

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

Авторство: https://goo.gl/6DDLDx

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

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

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

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

Добавлено: 2017-02-09 в 15:18

Метка: 1486642704

⇄ ⇅

<div class="col-md-4 col-sm-6">
 <div class="pricingTable">
 <div class="pricingTable-header">
 <h5 class="title">lorem ipsum</h5>
 <h3 class="heading">STANDARD</h3>
 </div>
 <div class="pricing-content">
 <ul>
 <li><i class="fa fa-dot-circle-o"></i> 50GB Disk Space</li>
 <li><i class="fa fa-envelope"></i> 50 Email Accounts</li>
 <li><i class="fa fa-forumbee"></i> 50GB Monthly Bandwidth</li>
 <li><i class="fa fa-life-ring"></i> 15 Domains</li>
 </ul>
 </div>
 <div class="price-Value">
 <span class="value">
 <span class="currency">$</span>
 10.00
 <span class="month">/mo</span>
 </span>
 </div>
 <a href="#" class="pricingTable-signup">SIGN IN</a>
 </div>
 </div>

<div class="col-md-4 col-sm-6">
 <div class="pricingTable green active">
 <div class="pricingTable-header">
 <h5 class="title">lorem ipsum</h5>
 <h3 class="heading">Business</h3>
 </div>
 <div class="pricing-content">
 <ul>
 <li><i class="fa fa-dot-circle-o"></i> 60GB Disk Space</li>
 <li><i class="fa fa-envelope"></i> 60 Email Accounts</li>
 <li><i class="fa fa-forumbee"></i> 60GB Monthly Bandwidth</li>
 <li><i class="fa fa-life-ring"></i> 20 Domains</li>
 </ul>
 </div>
 <div class="price-Value">
 <span class="value">
 <span class="currency">$</span>
 20.00
 <span class="month">/mo</span>
 </span>
 </div>
 <a href="#" class="pricingTable-signup">SIGN IN</a>
 </div>
 </div>

<div class="col-md-4 col-sm-6">
 <div class="pricingTable purple">
 <div class="pricingTable-header">
 <h5 class="title">lorem ipsum</h5>
 <h3 class="heading">Premium</h3>
 </div>
 <div class="pricing-content">
 <ul>
 <li><i class="fa fa-dot-circle-o"></i> 70GB Disk Space</li>
 <li><i class="fa fa-envelope"></i> 70 Email Accounts</li>
 <li><i class="fa fa-forumbee"></i> 70GB Monthly Bandwidth</li>
 <li><i class="fa fa-life-ring"></i> 25 Domains</li>
 </ul>
 </div>
 <div class="price-Value">
 <span class="value">
 <span class="currency">$</span>
 30.00
 <span class="month">/mo</span>
 </span>
 </div>
 <a href="#" class="pricingTable-signup">SIGN IN</a>
 </div>
 </div>

</div>
</div>

BootstrapTema

Pricing Table Transition Effect

Скриншот

Подробнее

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

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

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