Testimonial Slider Bootstrap 4 / Слайдеры / Сниппеты Bootstrap

Версия: v1.0.2

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

Категория: Слайдеры

Bootstrap: 4

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

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

Вес файла: 1.0 Kb

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

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

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

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

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

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

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

Рейтинг: 4.0 / 5 - 19 голосов

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

Авторство: //goo.gl/j5H285

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

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

Теги: слайдер, testimonial, bootstrap 4, Slider

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

Добавлено: 2018-07-24 в 10:46

Метка: 1566147821

⇄ ⇅

<div class="card col-md-6 mt-5 mb-5">
 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="5000">
 <div class="w-100 carousel-inner" role="listbox">
 <div class="carousel-item active">
 <div class="carousel-caption">
 <div class="row">
 <div class="col-sm-3">
 <img src="https://bootstraptema.ru/snippets/icons/2016/mia/1.png" alt="" class="rounded-circle img-fluid"/>
 </div>
 <div class="col-sm-9">
 <h3>Gives me hope</h3>
 <small>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</small>
 <small class="smallest mute">- Yayo Dudemous</small>
 </div>
 </div>
 </div>
 </div>
 <div class="carousel-item">
 <div class="carousel-caption">
 <div class="row">
 <div class="col-sm-3">
 <img src="https://bootstraptema.ru/snippets/icons/2016/mia/3.png" alt="" class="rounded-circle img-fluid">
 </div>
 <div class="col-sm-9">
 <h3>You will love it.</h3>
 <small>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</small>
 <small class="smallest mute">- Yayo Dudemous</small>
 </div>
 </div>
 </div>
 </div>
 <div class="carousel-item">
 <div class="carousel-caption">
 <div class="row">
 <div class="col-sm-3">
 <img src="https://bootstraptema.ru/snippets/icons/2016/mia/5.png" alt="" class="rounded-circle img-fluid">
 </div>
 <div class="col-sm-9">
 <h3>Velvet pouch!</h3>
 <small>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</small>
 <small class="smallest mute">- Yayo Dudemous</small>
 </div>
 </div>
 </div>
 </div>
 </div>
 <div class="float-right navi">
 <a class="" href="#carouselExampleControls" role="button" data-slide="prev">
 <span class="carousel-control-prev-icon ico" aria-hidden="true"></span>
 <span class="sr-only">Previous</span>
 </a>
 <a class="" href="#carouselExampleControls" role="button" data-slide="next">
 <span class="carousel-control-next-icon ico" aria-hidden="true"></span>
 <span class="sr-only">Next</span>
 </a>
 </div>
 </div>
</div>

BootstrapTema

Testimonial Slider Bootstrap 4

Скриншот

Подробнее

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

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

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