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

Версия: v1.0

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

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

Bootstrap: 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавлено: 2016-05-12 в 16:55

Метка: 1581148962

⇄ ⇅

/* buttons */
.wrp-button {
 padding:26px 10px 36px;
}
.package-features .standard-button {
 margin:0;
 padding:10px 20px;
}
.standard-button {
 background:green;
 border:0;
 border-radius:4px;
 color:#fff;
 font-family:sans-serif;
 font-size:16px;
 font-weight:700;
 line-height:inherit;
 margin:5px;
 padding:15px 30px;
 text-transform:uppercase;
 -webkit-transition:all ease .25s;
 transition:all ease .25s;
}
.standard-button:hover {
 color:#fff;
 opacity:0.8;
}
.standard-button:focus {
 color:#fff;
}
</style>

<div class="col-md-4">
 <div class="package">
 <div class="header-package-1 text-center">
 <h3>Basic</h3>
 <div class="price"><h3>$10</h3></div>
 </div>

<div class="package-features text-center">
 <ul>
 <li>Bandwith Unlimited</li>
 <li>Disk Space Unlimited</li>
 <li>Unlimited Sub Domain</li>
 <li>Free Domain</li>
 <li>Free Support</li>
 </ul>
 <div class="wrp-button text-center"><a href="#" class="btn standard-button">GET IT</a></div>
 </div>
 </div>
 </div>

<div class="col-md-4">
 <div class="package">
 <div class="header-package-2 text-center">
 <div class="recomended"><h4>Recomended</h4></div>
 <h3>Standard</h3>
 <div class="price"><h3>$25</h3></div> 
 </div>

<div class="package-features text-center">
 <ul>
 <li>Bandwith Unlimited</li>
 <li>Disk Space Unlimited</li>
 <li>Unlimited Sub Domain</li>
 <li>Free Domain</li>
 <li>Free Support</li>
 <li>Extra</li>
 </ul>
 <div class="wrp-button text-center"><a href="#" class="btn standard-button">GET IT</a></div>
 </div>
 </div>
 </div>

<div class="col-md-4">
 <div class="package">
 <div class="header-package-3 text-center">
 <h3>Advanced</h3>
 <div class="price">
 <h3>$50</h3>
 </div> 
 </div>

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

BootstrapTema

3 Green Price Bootstrap

Скриншот

Подробнее

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

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

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