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

Версия: v1.0.0

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

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

Для Bootstrap: 3, 4

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

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

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

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

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

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

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

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

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

Авторство: http://goo.gl/Mxr7yt

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

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

Теги: Snippet, сниппет, Bootstrap, Timeline, element, Responsive, html, элемент, адаптивные

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

Добавлено: 2016-04-05 в 19:06

Метка: 1581230482

⇄ ⇅

<div class="message-item">
 <div class="message-inner">
 <div class="message-head clearfix">
 <div class="avatar pull-left">
 <a href="#"><img src="https://bootstraptema.ru/snippets/element/2016/timeline-comm/mohtashim.jpg"></a>
 </div>
 <div class="user-detail">
 <h5 class="handle">Founder note</h5>
 <div class="post-meta">
 <div class="asker-meta">
 <span class="qa-message-what"></span>
 <span class="qa-message-when">
 <span class="qa-message-when-data">Jan 21</span>
 </span>
 <span class="qa-message-who">
 <span class="qa-message-who-pad">by </span>
 <span class="qa-message-who-data"><a href="#">Mohtashim M.</a></span>
 </span>
 </div>
 </div>
 </div>
 </div>
 <div class="qa-message-content">
 Mohtashim is an MCA from AMU (Aligarah) and a Project Management Professional. He has more than 17 years of experience in Telecom and Datacom industries covering complete SDLC. He is managing in-house innovations, business planning, implementation, finance and the overall business development of Tutorials Point.
 </div>
 </div>
 </div>

<div class="message-item">
 <div class="message-inner">
 <div class="message-head clearfix">
 <div class="avatar pull-left">
 <a href="#"><img src="https://bootstraptema.ru/snippets/element/2016/timeline-comm/gopal_verma.jpg"></a>
 </div>
 <div class="user-detail">
 <h5 class="handle">Manager note</h5>
 <div class="post-meta">
 <div class="asker-meta">
 <span class="qa-message-what"></span>
 <span class="qa-message-when">
 <span class="qa-message-when-data">Nov 24, 2013</span>
 </span>
 <span class="qa-message-who">
 <span class="qa-message-who-pad">by </span>
 <span class="qa-message-who-data"><a href="#">Gopal K Verma</a></span>
 </span>
 </div>
 </div>
 </div>
 </div>
 <div class="qa-message-content">
 Gopal is an MCA from GJU (Hisar) and a Cisco Certified Network Professional. He has more than 11 years of experience in core data networking and telecommunications. He develops contents for Computer Science related subjects. He is also involved in developing Apps for various Mobile devices.
 </div>
 </div>
 </div>

<div class="message-item">
 <div class="message-inner">
 <div class="message-head clearfix">
 <div class="avatar pull-left">
 <a href="#"><img src="https://bootstraptema.ru/snippets/element/2016/timeline-comm/omer_mohammed.jpg"></a>
 </div>
 <div class="user-detail">
 <h5 class="handle">Project Manager note</h5>
 <div class="post-meta">
 <div class="asker-meta">
 <span class="qa-message-what"></span>
 <span class="qa-message-when">
 <span class="qa-message-when-data">Oct 25, 2013</span>
 </span>
 <span class="qa-message-who">
 <span class="qa-message-who-pad">by </span>
 <span class="qa-message-who-data"><a href="#">Omer</a></span>
 </span>
 </div>
 </div>
 </div>
 </div>
 <div class="qa-message-content">
 Omer has 10+ years of experience, with 4+ years in project management overlapping with 8+ years in Design. He has PMP, 6 Sigma Green Belt and Intellectual Property credentials. Across his career, he has worked in designing training modules, team building events, and driving teams towards results aligned with strategic objectives.
 </div>
 </div>
 </div>

<div class="message-item">
 <div class="message-inner">
 <div class="message-head clearfix">
 <div class="avatar pull-left">
 <a href="#"><img src="https://bootstraptema.ru/snippets/element/2016/timeline-comm/kiran_kumar_panigrahi.jpg"></a>
 </div>
 <div class="user-detail">
 <h5 class="handle">Content manager note</h5>
 <div class="post-meta">
 <div class="asker-meta">
 <span class="qa-message-what"></span>
 <span class="qa-message-when">
 <span class="qa-message-when-data">Oct 24, 2013</span>
 </span>
 <span class="qa-message-who">
 <span class="qa-message-who-pad">by </span>
 <span class="qa-message-who-data"><a href="#">Kiran</a></span>
 </span>
 </div>
 </div>
 </div>
 </div>
 <div class="qa-message-content">
 Kiran has more than 7 years of experience as a content developer and technical editor. He works with a team of technical writers to review the contents posted on the website and develops supplementary study material for the existing tutorials.
 </div>
 </div>
 </div>

<div class="message-item">
 <div class="message-inner">
 <div class="message-head clearfix">
 <div class="avatar pull-left">
 <a href="#"><img src="https://bootstraptema.ru/snippets/element/2016/timeline-comm/sairam_krishna.jpg"></a>
 </div>
 <div class="user-detail">
 <h5 class="handle">Technical Analyst</h5>
 <div class="post-meta">
 <div class="asker-meta">
 <span class="qa-message-what"></span>
 <span class="qa-message-when">
 <span class="qa-message-when-data">Oct 24, 2013</span>
 </span>
 <span class="qa-message-who">
 <span class="qa-message-who-pad">by </span>
 <span class="qa-message-who-data"><a href="#">Sairamkrishna Mammahe</a></span>
 </span>
 </div>
 </div>
 </div>
 </div>
 <div class="qa-message-content">
 Sairam holds a Masters degree from Middlesex University in London. He has got two years of experience as a developer on various Mobile technologies and web technology. He is involved in Updating codes on Mobile and webtechnologies.
 </div>
 </div>
 </div>
</div>

</div>

</div>

BootstrapTema

Timeline Comments CSS

Скриншот

Подробнее

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

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

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