The timeline is a way to display a list of events or dates in chronological order.

<section class="null-timeline-section null-padding-20">
<div class="null-timeline-items null-position-relative null-display-flex null-flex-wrap-wrap">

		<div class="null-timeline-item null-position-relative null-margin-bottom-40">
			<div class="null-timeline-dot"></div>
			<div class="null-timeline-date null-font-size-18">2019</div>

			<div class="null-timeline-container null-box-shadow null-background-white null-text-align-start null-padding-20 null-border-radius">
				<h3 class="null-timeline-title null-text-transform-capitalize null-font-size-20 null-font-weight-bold">timeline item title</h3>
				<p  class="null-timeline-description null-color-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
			</div><!--End null-timeline-container-->

		</div><!--End null-timeline-item-->

        <div class="null-timeline-item null-position-relative null-margin-bottom-40">
			<div class="null-timeline-dot"></div>
			<div class="null-timeline-date null-font-size-18">2020</div>

			<div class="null-timeline-container null-box-shadow null-background-white null-text-align-start null-padding-20 null-border-radius">
				<h3 class="null-timeline-title null-text-transform-capitalize null-font-size-20 null-font-weight-bold">timeline item title</h3>
				<p  class="null-timeline-description null-color-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
			</div><!--End null-timeline-container-->

		</div><!--End null-timeline-item-->


        <div class="null-timeline-item null-position-relative null-margin-bottom-40">
			<div class="null-timeline-dot"></div>
			<div class="null-timeline-date null-font-size-18">2021</div>

			<div class="null-timeline-container null-box-shadow null-background-white null-text-align-start null-padding-20 null-border-radius">
				<h3 class="null-timeline-title null-text-transform-capitalize null-font-size-20 null-font-weight-bold">timeline item title</h3>
				<p  class="null-timeline-description null-color-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
			</div><!--End null-timeline-container-->

		</div><!--End null-timeline-item-->



        <div class="null-timeline-item null-position-relative null-margin-bottom-40">
			<div class="null-timeline-dot"></div>
			<div class="null-timeline-date null-font-size-18">2022</div>

			<div class="null-timeline-container null-box-shadow null-background-white null-text-align-start null-padding-20 null-border-radius">
				<h3 class="null-timeline-title null-text-transform-capitalize null-font-size-20 null-font-weight-bold">timeline item title</h3>
				<p  class="null-timeline-description null-color-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
			</div><!--End null-timeline-container-->

		</div><!--End null-timeline-item-->



        <div class="null-timeline-item null-position-relative null-margin-bottom-40">
			<div class="null-timeline-dot"></div>
			<div class="null-timeline-date null-font-size-18">2023</div>

			<div class="null-timeline-container null-box-shadow null-background-white null-text-align-start null-padding-20 null-border-radius">
				<h3 class="null-timeline-title null-text-transform-capitalize null-font-size-20 null-font-weight-bold">timeline item title</h3>
				<p  class="null-timeline-description null-color-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
			</div><!--End null-timeline-container-->

		</div><!--End null-timeline-item-->


</div><!--End null-timeline-items-->
</section><!--End null-timeline-section-->

You can change the max width in class ".null-time-line-items" as you want, the default is 1000px.

The classes below are empty, you can add your own style to each of them:

- "null-timeline-container"

- "null-timeline-title"

- "null-timeline-description"