{% 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>