Bootstrap Blocks Owl Carousel / Слайдеры / Сниппеты Bootstrap

Версия: v1.0

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

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

Bootstrap: 3, 4

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

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

Вес файла: 440.8 Kb

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

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

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

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

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

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

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

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

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

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

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

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

Теги: адаптивный, Snippet, сниппет, Bootstrap, Responsive, html, Slider, owl carousel, слайдер

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

Добавлено: 2016-06-28 в 13:39

Метка: 1581116346

⇄ ⇅

<div id="news-slider" class="owl-carousel">
 <div class="post-slide">
 <div class="post-img">
 <img src="https://bootstraptema.ru/img/md/1920x1080-jpg/material-design-jpeg-1920x1080-10-.jpg" alt="Bootstrap Blocks Owl Carousel 1"/>
 <div class="category">$150</div>
 </div>
 <div class="post-review">
 <h3 class="post-title"><a href="#">Bootstrap Owl Carousel</a></h3>
 <p class="post-description">
 Blocks for the Bootstrap slider OWL Carousel with automatic horizontal scrolling effect blocks. Ready for a site snippet.
 </p>
 <div class="post-bar">
 <span><i class="fa fa-user"></i> <a href="#">BootstrapTema</a></span>
 <span class="comments"><i class="fa fa-comments"></i> <a href="#">5 Комментариев</a></span>
 </div>
 </div>
 </div>

<div class="post-slide">
 <div class="post-img">
 <img src="https://bootstraptema.ru/img/md/1920x1080-jpg/material-design-jpeg-1920x1080-11-.jpg" alt="Bootstrap Blocks Owl Carousel 2"/>
 <div class="category">$250</div>
 </div>
 <div class="post-review">
 <h3 class="post-title"><a href="#">Bootstrap Owl Carousel</a></h3>
 <p class="post-description">
 Blocks for the Bootstrap slider OWL Carousel with automatic horizontal scrolling effect blocks. Ready for a site snippet.
 </p>
 <div class="post-bar">
 <span><i class="fa fa-user"></i> <a href="#">BootstrapTema</a></span>
 <span class="comments"><i class="fa fa-comments"></i> <a href="#">8 Комментариев</a></span>
 </div>
 </div>
 </div>

<div class="post-slide">
 <div class="post-img">
 <img src="https://bootstraptema.ru/img/md/1920x1080-jpg/material-design-jpeg-1920x1080-12-.jpg" alt="Bootstrap Blocks Owl Carousel 3"/>
 <div class="category">$350</div>
 </div>
 <div class="post-review">
 <h3 class="post-title"><a href="#">Bootstrap Owl Carousel</a></h3>
 <p class="post-description">
 Blocks for the Bootstrap slider OWL Carousel with automatic horizontal scrolling effect blocks. Ready for a site snippet.
 </p>
 <div class="post-bar">
 <span><i class="fa fa-user"></i> <a href="#">BootstrapTema</a></span>
 <span class="comments"><i class="fa fa-comments"></i> <a href="#">13 Комментариев</a></span>
 </div>
 </div>
 </div>

<div class="post-slide">
 <div class="post-img">
 <img src="https://bootstraptema.ru/img/md/1920x1080-jpg/material-design-jpeg-1920x1080-13-.jpg" alt="Bootstrap Blocks Owl Carousel 4"/>
 <div class="category">$450</div>
 </div>
 <div class="post-review">
 <h3 class="post-title"><a href="#">Bootstrap Owl Carousel</a></h3>
 <p class="post-description">
 Blocks for the Bootstrap slider OWL Carousel with automatic horizontal scrolling effect blocks. Ready for a site snippet.
 </p>
 <div class="post-bar">
 <span><i class="fa fa-user"></i> <a href="#">BootstrapTema</a></span>
 <span class="comments"><i class="fa fa-comments"></i> <a href="#">21 Комментарий</a></span>
 </div>
 </div>
 </div>

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

BootstrapTema

Bootstrap Blocks Owl Carousel

Скриншот

Подробнее

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

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

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