Timeline

Preview

---

Usage

<div class="timeline">
    <div>
        <div class="badge"><p>2021</p><span>11 March 2021</span></div>
        <div class="panel">
            <h3 class="timeline-title">Mussum ipsum cacilds</h3>
            <p>
                Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempore.
            </p>
        </div>
    </div>
    <div class="inverted">
        <div class="badge"><p>2019</p><span>25 April 2019</span></div>
        <div class="panel">
            <h3 class="timeline-title">Mussum ipsum cacilds</h3>
            <p>
                Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempore.
            </p>
        </div>
    </div>
    <div>
        <div class="badge"><p>2002</p><span>08 January 2002</span></div>
        <div class="panel">
            <h3 class="timeline-title">Mussum ipsum cacilds</h3>
            <p>
                Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempore.
            </p>
        </div>
    </div>
</div> 

---

Settings

Name	Type	Description
Right item	CSS	Add the class inverted to the item you want to put right.