Orders Card / Элементы / Сниппеты Bootstrap

Версия: v1.0

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

Категория: Элементы

Для Bootstrap: 4

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

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

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

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

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

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

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

Рейтинг: 4.1 / 5 - 7 голосов

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

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

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

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

Теги: card, element, элемент, Bootstrap, сниппет, Snippet

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

Добавлено: 2018-02-13 в 16:39

Метка: 1518529162

⇄ ⇅

<div class="col-md-3 col-xl-3">
 <div class="card bg-c-blue order-card">
 <div class="card-block">
 <h6 class="m-b-20">Orders Received</h6>
 <h2 class="text-right"><i class="fa fa-cart-plus f-left"></i><span>486</span></h2>
 <p class="m-b-0">Completed Orders<span class="f-right">351</span></p>
 </div>
 </div>
 </div>
 
 <div class="col-md-3 col-xl-3">
 <div class="card bg-c-green order-card">
 <div class="card-block">
 <h6 class="m-b-20">Orders Received</h6>
 <h2 class="text-right"><i class="fa fa-rocket f-left"></i><span>486</span></h2>
 <p class="m-b-0">Completed Orders<span class="f-right">351</span></p>
 </div>
 </div>
 </div>
 
 <div class="col-md-3 col-xl-3">
 <div class="card bg-c-yellow order-card">
 <div class="card-block">
 <h6 class="m-b-20">Orders Received</h6>
 <h2 class="text-right"><i class="fa fa-refresh f-left"></i><span>486</span></h2>
 <p class="m-b-0">Completed Orders<span class="f-right">351</span></p>
 </div>
 </div>
 </div>
 
 <div class="col-md-3 col-xl-3">
 <div class="card bg-c-pink order-card">
 <div class="card-block">
 <h6 class="m-b-20">Orders Received</h6>
 <h2 class="text-right"><i class="fa fa-credit-card f-left"></i><span>486</span></h2>
 <p class="m-b-0">Completed Orders<span class="f-right">351</span></p>
 </div>
 </div>
 </div>

</div>
</div>

BootstrapTema

Orders Card

Скриншот

Подробнее

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

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

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