Hover effect pricing list transition / Прайсы / Сниппеты Bootstrap

Версия: v1.0.0

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

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

Для Bootstrap: 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавлено: 2016-06-04 в 09:43

Метка: 1581147468

⇄ ⇅

<div class="col-lg-3 col-md-6 col-sm-6">
 <div class="single_pricelist">
 <div class="single_pricelist_box">
 <p>Free</p>
 </div>
 <div class="single_pricelist_content">
 <h1>Sample Version</h1>
 <p><i class="fa fa-trophy"></i>Duis autem amit dicim</p>
 <p><i class="fa fa-tasks"></i>Del eum iriure kerim cai</p>
 <p><i class="fa fa-umbrella"></i>Dolor in hendrerit ispam</p>
 <p><i class="fa fa-renren"></i>Vulputate velit</p>
 <a class="price_select" href="#">Select</a>
 </div>
 </div>
 </div>

<div class="col-lg-3 col-md-6 col-sm-6">
 <div class="single_pricelist">
 <div class="single_pricelist_box">
 <p>$20</p>
 </div>
 <div class="single_pricelist_content">
 <h1>Lite Version</h1>
 <p><i class="fa fa-trophy"></i>Duis autem amit dicim</p>
 <p><i class="fa fa-tasks"></i>Del eum iriure kerim cai</p>
 <p><i class="fa fa-umbrella"></i>Dolor in hendrerit ispam</p>
 <p><i class="fa fa-renren"></i>Vulputate velit</p>
 <a class="price_select" href="#">Select</a>
 </div>
 </div> 
 </div>

<div class="col-lg-3 col-md-6 col-sm-6">
 <div class="single_pricelist">
 <div class="single_pricelist_box">
 <p>$30</p>
 </div>
 <div class="single_pricelist_content">
 <h1>Standrad Version</h1>
 <p><i class="fa fa-trophy"></i>Duis autem amit dicim</p>
 <p><i class="fa fa-tasks"></i>Del eum iriure kerim cai</p>
 <p><i class="fa fa-umbrella"></i>Dolor in hendrerit ispam</p>
 <p><i class="fa fa-renren"></i>Vulputate velit</p>
 <a class="price_select" href="#">Select</a>
 </div>
 </div>
 </div>

<div class="col-lg-3 col-md-6 col-sm-6">
 <div class="single_pricelist">
 <div class="single_pricelist_box">
 <p>$50</p>
 </div>
 <div class="single_pricelist_content">
 <h1>Pro Version</h1>
 <p><i class="fa fa-trophy"></i>Duis autem amit dicim</p>
 <p><i class="fa fa-tasks"></i>Del eum iriure kerim cai</p>
 <p><i class="fa fa-umbrella"></i>Dolor in hendrerit ispam</p>
 <p><i class="fa fa-renren"></i>Vulputate velit</p>
 <a class="price_select" href="#">Select</a>
 </div>
 </div>
 </div>

</div>
 </div>
 </div>
 </div>

</div>
 </div>

BootstrapTema

Hover effect pricing list transition

Скриншот

Подробнее

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

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

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