# How to create a timeline module

**URL:** <https://community.hubspot.com/t/how-to-create-a-timeline-module/9882>\
**Category:** CMS Development\
**Created:** [August 17, 2018, 1:55pm UTC](https://community.hubspot.com/t/how-to-create-a-timeline-module/9882 "2018-08-17T13:55:00Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![powertee](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/powertee/32/33328_2.png) [@powertee](https://community.hubspot.com/u/powertee)\
**Post date:** [August 17, 2018, 1:55pm UTC](https://community.hubspot.com/t/how-to-create-a-timeline-module/9882/1 "2018-08-17T13:55:00Z")

</div>

Hi,

I am trying to create a module in Hubspot for one of my pages. I’d like to create a timeline of events in my company’s history, and display it in a linear fashion. I have limited CSS knowledge, so I was wondering if anyone has created something like this before.

Thanks!

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [August 17, 2018, 2:02pm UTC](https://community.hubspot.com/t/how-to-create-a-timeline-module/9882/2 "2018-08-17T14:02:53Z")

</div>

@powertee - Just find a timeline you like and paste the HTML, CSS and JS into a custom module and change out the text

[https://codepen.io/tag/timeline/](https://codepen.io/tag/timeline/)

[https://codepen.io/isanbitoy/pen/oMYMYV?page=3](https://codepen.io/isanbitoy/pen/oMYMYV?page=3)

* * *

If this answer helped, please, mark as solved 😄

* * *

[tim@belch.io](mailto:tim@belch.io) | [forms.belch.io](https://forms.belch.io) | Design your own Beautiful HubSpot Forms; No coding necessary.

Drop by and say Hi to me [on slack](http://slack.belch.io/).

---

<div class="post-metadata">

**Author:** ![SayeriBiswas](https://avatars.discourse-cdn.com/v4/letter/s/977dab/32.png) [@SayeriBiswas](https://community.hubspot.com/u/SayeriBiswas)\
**Post date:** [September 3, 2024, 7:03am UTC](https://community.hubspot.com/t/how-to-create-a-timeline-module/9882/3 "2024-09-03T07:03:15Z")

</div>

Hi there! Creating a timeline module for your company’s history is a great way to visually showcase your journey. I’ve worked on something similar in HubSpot and have some tips that might help.  
When setting up your timeline, consider starting with a clear outline of the key events you want to highlight. Using headings, detailed descriptions, and perhaps some images can really make each event stand out. HubSpot’s design tools are quite flexible, so you can customize the timeline to match your brand’s style.  
If you’re looking for more streamlined solution, we’ve developed a Timeline module at **Digital Woods** that could make this process smoother for you: [HubSpot Modules, Themes & Apps Marketplace | Welcome to Our Website](https://hub.digitalwoods.io/products/timeline)  
It’s designed for easy customization and a polished look. Here’s a blog post with more insights on how to use it effectively: [How Upgrading Your Timeline Module Can Transform Your Website](https://digitalwoods.io/blog/how-upgrading-your-timeline-module-can-transform-your-website)  
Happy to assist!  
Sayeri Biswas  
Project Manager