358 прайсов / Прайсы / Сниппеты Bootstrap | BootstrapТема

1
2
3
4
5

Версия: v1.0.0

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

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

Bootstrap: 3, 4, 5

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

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

Вес файла: 9.89 Mb

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

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

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

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

Прикреплён файл №1: /_sf/61/6125.html

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

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

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

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

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

Авторство: Посмотреть

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

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

Теги: сниппет, Pricing, Price, прайсы, Snippet, набор прайсов, bootstrap 5

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

Добавлено: 2024-01-13 в 12:08

Метка: 1705136947

⇄ ⇅

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/snippets/price/2024/358/reset.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/snippets/price/2024/358/osteo.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://bootstraptema.ru/snippets/price/2024/358/osteo.js"></script>
 <div class="bg-0 pt-60 pb-120">
 <div class="container">
 <div class="row">
 <div class="col-md-3">
 <div class="pricing-package-1-style-11 bg-1 transition pt-20 pb-20 mb-30">
 <h2 class="heading transition">Starter</h2>
 <h3 class="subheading transition">Perfect for Small to Medium Business</h3>
 <h6 class="duration-top transition">Per Month</h6>
 <h5 class="price transition">
 <span class="currency"><i class="fa fa-dollar"></i></span><span class="counter">10</span>
 </h5>
 <div class="features-list">
 <ul>
 <li><span style="color: green"><i class="fa fa-check"></i></span>10 GB SSD Hosting</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>250 GB Bandwidth</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>2 Websites</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>FREE SSL Certificates</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>LiteSpeed with LSCache</li>
 <li class="del"><span style="color: red"><i class="fa fa-close"></i></span>cPanel</li>
 </ul>
 </div>
 <a href="#" class="cmk-button sm cmk-slideout-vertical">
 <span class="after-button-icon">
 <i class="fa fa-arrow-right"></i>
 </span>
 Buy Now
 </a>
 <div class="special-note">10% Discount</div>
 </div>
 </div>
 <div class="col-md-3">
 <div class="pricing-package-1-style-11 bg-1 transition pt-20 pb-20 mb-30">
 <h2 class="heading transition">Standard</h2>
 <h3 class="subheading transition">Perfect for Small to Medium Business</h3>
 <h6 class="duration-top transition">Per Month</h6>
 <h5 class="price transition">
 <span class="currency"><i class="fa fa-dollar"></i></span><span class="counter">20</span>
 </h5>
 <div class="features-list">
 <ul>
 <li><span style="color: green"><i class="fa fa-check"></i></span>10 GB SSD Hosting</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>250 GB Bandwidth</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>2 Websites</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>FREE SSL Certificates</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>LiteSpeed with LSCache</li>
 <li class="del"><span style="color: red"><i class="fa fa-close"></i></span>cPanel</li>
 </ul>
 </div>
 <a href="#" class="cmk-button sm cmk-slideout-vertical">
 <span class="after-button-icon">
 <i class="fa fa-arrow-right"></i>
 </span>
 Buy Now
 </a>
 <div class="special-note">10% Discount</div>
 </div>
 </div>
 <div class="col-md-3">
 <div class="pricing-package-1-style-11 bg-1 transition ribbon-style overflow ribbon-style-2 pt-20 pb-20 mb-30">
 <h2 class="heading transition">Gold</h2>
 <h3 class="subheading transition">Perfect for Small to Medium Business</h3>
 <h6 class="duration-top transition">Per Month</h6>
 <h5 class="price transition">
 <span class="currency"><i class="fa fa-dollar"></i></span><span class="counter">30</span>
 </h5>
 <div class="features-list">
 <ul>
 <li><span style="color: green"><i class="fa fa-check"></i></span>10 GB SSD Hosting</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>250 GB Bandwidth</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>2 Websites</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>FREE SSL Certificates</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>LiteSpeed with LSCache</li>
 <li class="del"><span style="color: red"><i class="fa fa-close"></i></span>cPanel</li>
 </ul>
 </div>
 <a href="#" class="cmk-button sm cmk-slideout-vertical">
 <span class="after-button-icon">
 <i class="fa fa-arrow-right"></i>
 </span>
 Buy Now
 </a>
 <div class="special-note">10% Discount</div>
 </div>
 </div>
 <div class="col-md-3">
 <div class="pricing-package-1-style-11 bg-1 transition pt-20 pb-20 mb-30">
 <h2 class="heading transition">Silver</h2>
 <h3 class="subheading transition">Perfect for Small to Medium Business</h3>
 <h6 class="duration-top transition">Per Month</h6>
 <h5 class="price transition">
 <span class="currency"><i class="fa fa-dollar"></i></span><span class="counter">40</span>
 </h5>
 <div class="features-list">
 <ul>
 <li><span style="color: green"><i class="fa fa-check"></i></span>10 GB SSD Hosting</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>250 GB Bandwidth</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>2 Websites</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>FREE SSL Certificates</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>LiteSpeed with LSCache</li>
 <li><span style="color: green"><i class="fa fa-check"></i></span>cPanel</li>
 </ul>
 </div>
 <a href="#" class="cmk-button sm cmk-slideout-vertical">
 <span class="after-button-icon">
 <i class="fa fa-arrow-right"></i>
 </span>
 Buy Now
 </a>
 <div class="special-note">10% Discount</div>
 </div>
 </div>
 </div>
 </div>
 </div>