Timeline Designer / Элементы / Сниппеты Bootstrap

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

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

Для Bootstrap: 3, 4

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

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

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

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

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

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

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

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

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

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

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

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

Теги: Snippet, сниппет, Bootstrap, тимелине, Timeline

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

Добавлено: 2017-08-23 в 15:50

Метка: 1503492621

⇄ ⇅

<!DOCTYPE html>

<div class="col-md-12">
 <div class="main-timeline">
 <div class="timeline">
 <div class="timeline-content">
 <div class="circle"><span><i class="fa fa-globe"></i></span></div>
 <div class="content">
 <span class="year">2013 - 2014</span>
 <h4 class="title">Web Desginer</h4>
 <p class="description">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non lectus justo. Nam ultricies laoreet massa sed maximus. Curabitur tristique sagittis scelerisque. Vivamus posuere nisi quis tortor interdum, in finibus risus convallis. Suspendisse efficitur lacus a nulla commodo, sit amet vestibulum nibh.
 </p>
 <div class="icon"><span></span></div>
 </div>
 </div>
 </div>

<div class="timeline">
 <div class="timeline-content">
 <div class="circle"><span><i class="fa fa-rocket"></i></span></div>
 <div class="content">
 <span class="year">2014 - 2015</span>
 <h4 class="title">Web Developer</h4>
 <p class="description">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non lectus justo. Nam ultricies laoreet massa sed maximus. Curabitur tristique sagittis scelerisque. Vivamus posuere nisi quis tortor interdum, in finibus risus convallis. Suspendisse efficitur lacus a nulla commodo, sit amet vestibulum nibh.
 </p>
 <div class="icon"><span></span></div>
 </div>
 </div>
 </div>

<div class="timeline">
 <div class="timeline-content">
 <div class="circle"><span><i class="fa fa-briefcase"></i></span></div>
 <div class="content">
 <span class="year">2015 - 2016</span>
 <h4 class="title">Web Desginer</h4>
 <p class="description">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non lectus justo. Nam ultricies laoreet massa sed maximus. Curabitur tristique sagittis scelerisque. Vivamus posuere nisi quis tortor interdum, in finibus risus convallis. Suspendisse efficitur lacus a nulla commodo, sit amet vestibulum nibh.
 </p>
 <div class="icon"><span></span></div>
 </div>
 </div>
 </div>

<div class="timeline">
 <div class="timeline-content">
 <div class="circle"><span><i class="fa fa-mobile"></i></span></div>
 <div class="content">
 <span class="year">2016 - 2017</span>
 <h4 class="title">Web Developer</h4>
 <p class="description">
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non lectus justo. Nam ultricies laoreet massa sed maximus. Curabitur tristique sagittis scelerisque. Vivamus posuere nisi quis tortor interdum, in finibus risus convallis. Suspendisse efficitur lacus a nulla commodo, sit amet vestibulum nibh.
 </p>
 <div class="icon"><span></span></div>
 </div>
 </div>
 </div>
 </div>
 </div>

</div>
</div>

BootstrapTema

Timeline Designer

Скриншот

Подробнее

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

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

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