{% include _utils/common %} {% if include.timeline %}{% assign timeline = include.timeline%}{% endif %} <section class=“timeline timeline-line-dotted”>
{% for item in timeline %} {% if item.enabled == false %} {% continue %} {% endif %} {% if item.type == "event" %} <div class="timeline-item{% if item.position %} timeline-item-{{ item.position }}{% endif %}"> <div class="timeline-point timeline-point-{{ item.point.class | default: 'black' }}"> {% if item.point.icon %} <i class="{{ item.point.icon }}"></i> {% endif %} </div> <div class="timeline-event timeline-event-{{ item.class | default: 'primary' }}"> <div class="timeline-heading"> <h4>{{ item.heading }}</h4> </div> {% if item.body%} <div class="timeline-body"> <p>{{ item.body }}</p> </div> {% endif %} {% if item.footer %} <div class="timeline-footer"> <p class="text-right">{{ item.footer }}</p> </div> {% endif %} </div> </div> {% elsif item.type == "label" %} <span class="timeline-label"> <span class="label label-{{ item.class }} text-white p-1"> {% if item.content %} {{ item.content }} {% elsif item.icon %} <i class="{{ item.icon }}"></i> {% endif %} </span> </span> {% endif %} {% endfor %}
</section>