<section class="timeline timeline--animated timeline--center">
    <article class="timeline-box">
        <span class="timeline-axis"></span>
        <div class="timeline-center-box">
            <i class="timeline-circle"></i>
            <div class="timeline-content timeline-content--left">
                <div class="pa3 pt0">
                    <div><strong>Tab I</strong></div>
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
                        sit amet.</p>
                </div>
            </div>
            <div class="timeline-content timeline-content--right"></div>
        </div>
    </article>
    <article class="timeline-box">
        <span class="timeline-axis"></span>
        <div class="timeline-center-box">
            <i class="timeline-circle"></i>
            <div class="timeline-content timeline-content--left"></div>
            <div class="timeline-content timeline-content--right">
                <div class="pa3 pt0">
                    <div><strong>Tab II</strong></div>
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
                        sit amet.</p>
                </div>
            </div>
        </div>
    </article>
    <article class="timeline-box">
        <span class="timeline-axis"></span>
        <div class="timeline-center-box">
            <i class="timeline-circle"></i>
            <div class="timeline-content timeline-content--left"></div>
            <div class="timeline-content timeline-content--right">
                <div class="pa3 pt0">
                    <div><strong>Tab III</strong></div>
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
                        sit amet.</p>
                </div>
            </div>
        </div>
    </article>
    <article class="timeline-box">
        <span class="timeline-axis"></span>
        <div class="timeline-center-box">
            <i class="timeline-circle"></i>
            <div class="timeline-content timeline-content--left">
                <div class="pa3 pt0">
                    <div><strong>Tab III</strong></div>
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
                        ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
                        dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor
                        sit amet.</p>
                </div>
            </div>
            <div class="timeline-content timeline-content--right"></div>
        </div>
    </article>
</section>