Horizontal Section Pricing / Прайсы / Сниппеты Bootstrap

Версия: v1.0.0

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

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

Bootstrap: 4, 5

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

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

Вес файла: 8.9 Kb

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

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

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

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

Прикреплён файл №2: /stuff/0-0-0-4551-20

Скачали бесплатно: 67 раз

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

Рейтинг: 3.5 / 5 - 4 голосов

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

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

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

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

Теги: Pricing, прайсы, Price, bootstrap 4, Snippet, pricing horizontal, bootstrap 5, сниппет

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

Добавлено: 2021-04-28 в 08:17

Метка: 1619587029

⇄ ⇅

<h1 class="h2 semi-bold-600 text-center pt-3">BootstrapTema Pricing</h1>
 <p class="text-center pb-3 light-300">
All templates from the site can be downloaded for free. You can <a rel="nofollow" href="https://bootstraptema.ru/index/kupit_shablony_bootstrap/0-6" target="_blank">buy templates</a> in one file in large quantities.
 </p>

<div class="pricing-list shadow-sm rounded-top rounded-3 py-sm-0 py-2">
 <div class="row p-2">
 <div class="pricing-list-icon col-3 text-center m-auto text-secondary ml-5 py-2">
 <i class="display-3 bx bx-package"></i>
 </div>
 <div class="pricing-list-body col-md-5 align-items-center pl-3 pt-2">
 <ul class="list-unstyled text-center light-300">
 <li class="h5 semi-bold-600 mb-0 mt-3">Free</li>
 <li>Download all templates.</li>
 </ul>
 </div>
 <div class="pricing-list-footer col-4 text-center m-auto align-items-center">
 <a href="#" class="btn rounded-pill px-4 btn-primary light-300">0₽</a>
 </div>
 </div>
 </div>

<div class="pricing-list shadow-sm py-sm-0 py-5">
 <div class="row p-2">
 <div class="pricing-list-icon col-3 text-center m-auto text-secondary ml-5 py-5">
 <i class="display-3 bx bx-package"></i>
 </div>
 <div class="pricing-list-body col-md-5 align-items-center pl-3 pt-2">
 <ul class="list-unstyled text-center light-300">
 <li class="h5 semi-bold-600 mb-0 mt-3">Landing</li>
 <li>Landing page collection</li>
 </ul>
 </div>
 <div class="pricing-list-footer col-sm-4 col-5 text-center m-auto align-items-center">
 <a href="https://bootstraptema.ru/index/kupit_shablony_bootstrap/0-6" class="btn rounded-pill px-4 btn-primary light-300" target="_blank">2184₽</a>
 </div>
 </div>
 </div>

<div class="pricing-list shadow-sm rounded-botton rounded-3 py-sm-0 py-5">
 <div class="row p-2">
 <div class="pricing-list-icon col-sm-3 text-center m-auto text-secondary ml-5 py-2">
 <i class="display-3 bx bx-package"></i>
 </div>
 <div class="pricing-list-body col-md-5 align-items-center pl-3 pt-2">
 <ul class="list-unstyled text-center light-300">
 <li class="h5 semi-bold-600 mb-0 mt-3">Other</li>
 <li>Sed do eiusmod tempor</li>
 </ul>
 </div>
 <div class="pricing-list-footer col-sm-4 col-5 text-center m-auto align-items-center">
 <a href="https://bootstraptema.ru/index/8-1170" class="btn rounded-pill px-4 btn-primary light-300" target="_blank">order now</a>
 </div>
 </div>
 </div>

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

BootstrapTema

Horizontal Section Pricing

Скриншот

Подробнее

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

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

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