The section displays a graphical representation of sequence of events on which each events are marked with a arrow.
Output:
Nullam elementum tincidunt massa, a pulvinar leo ultricies ut. Ut fringilla lectus tellusimp imperdiet molestie est volutpat at. Sed viverra cursus nibh.
Spen been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Nullam elementum tincidunt massa, a pulvinar leo ultricies ut. Ut fringilla lectus tellusimp imperdiet molestie est volutpat at. Sed viverra cursus nibh.
Spen been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Code:
<div class="darkout-section">
{% include do-timeline.html %}
</div>
_data > do-timeline.yml- name: Hannah Baker # Use timeline person's name here
name-link: "#" # Use name link here
image: /assets/images/timeline/img-1.jpg # Use timeline image here
title: Most Popular Business Topics # Use timeline title here
title-link: "#" # Use timeline title link here
description: Nullam elementum tincidunt massa, a pulvinar leo ultricies ut. Ut fringilla lectus tellusimp imperdiet molestie est volutpat at. Sed viverra cursus nibh. # Use timeline description here
rounded-image: /assets/images/timeline/img1.jpg # Use timeline rounded-image here
image-caption: Business # Use timeline image-caption here
image-caption-link: "#" # Use image caption link here
<div class="darkout-section">{% include do-timeline.html %}</div>
Attributes: