Timelines

Use timelines to indicate a cronological type of information

Timeline

You can use any icons from the Font Awesome library to add for each timeline element:

React

Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum.

VueJs

Bootstrap. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas.

Angular

AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing single-page applications.

<div class="row mt-4">
    <div class="col-12 mx-auto">
        <div class="timeline timeline-one">
        <!-- Timeline Item 1 -->
        <div class="timeline-item">
            <span class="icon icon-info icon-lg"><span class="fab fa-react"></span></span>
            <h2 class="h5 my-3">React</h2>
            <p>Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v laborum.</p>
        </div>
        <!-- Timeline Item 2 -->
        <div class="timeline-item">
            <span class="icon icon-success"><span class="fab fa-vuejs"></span></span>
            <h2 class="h5 my-3">VueJs</h2>
            <p>Bootstrap. Build responsive, mobile-first projects on the web with the world's most popular front-end component library. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your
                ideas.
            </p>
        </div>
        <!-- Timeline Item 3 -->
        <div class="timeline-item">
            <span class="icon icon-danger"><span class="fab fa-angular"></span></span>
            <h2 class="h5 my-3">Angular</h2>
            <p>AngularJS is a JavaScript-based open-source front-end web application framework mainly maintained by Google and by a community of individuals and corporations to address many of the challenges encountered in developing
                single-page applications.</p>
        </div>
    </div>
    </div>
</div>