Таблица с тарифами / Прайсы / Сниппеты Bootstrap

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

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

Для Bootstrap: 3, 4

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

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

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

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

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

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

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

Рейтинг: 3.6 / 5 - 8 голосов

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

Авторство: https://goo.gl/8Unw5a

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

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

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

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

Добавлено: 2017-05-22 в 15:49

Метка: 1495457350

⇄ ⇅

<div class=" col-xs-12 col-sm-12 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
 <div class="wrapper">
 <div class="pricing-nine">
 <div class="table-responsive">
 <table class="table table-hover">
 <thead>
 <tr>
 <th></th>
 <th class="bk-color-one">Basic</th>
 <th class="bk-color-two">Medium</th>
 <th class="bk-color-three">Advance</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td class="width-perticular">20 GB Hard Disk Included</td>
 <td>N/A</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">120 TB Bandwidth</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td>N/A</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">Dedicated Support Panel</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">Extra Plugin Features</td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">E-mail Support</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">Chat Support Option</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">Dedicated Support Panel</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">Extra Plugin Features</td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">E-mail Support</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 </tr>
 <tr>
 <td class="width-perticular">Chat Support Option</td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-ok icon-green"></i></td>
 <td><i class="glyphicon glyphicon-remove icon-red"></i></td>
 </tr>
 <tr>
 <td class="width-perticular"></td>
 <td><a href="#" class="btn button-color-one">BUY PLAN</a> </td>
 <td><a href="#" class="btn button-color-two">BUY PLAN</a> </td>
 <td><a href="#" class="btn button-color-three">BUY PLAN</a> </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </div>
 </div>

</div></div>

BootstrapTema

Таблица с тарифами

Скриншот

Подробнее

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

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

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