---
title: Steps Module Demo | HubSpot Theme Showcase
description: Explore the Steps Module demo for our HubSpot theme. A clean, responsive layout to display process steps, timelines, or workflows with numbers, icons, and descriptions.
image: https://www.flexoraatheme.com/hubfs/placeholder-aspect-16by9.png
---

[![flexoraa](https://www.flexoraatheme.com/hubfs/flexoraa-logo/flexoraa-logo.svg "flexoraa")](https://www.flexoraatheme.com/?hsLang=en) [![flexoraa-white-logo-1x](https://www.flexoraatheme.com/hs-fs/hubfs/flexoraa-logo/flexoraa-white-logo-1x.png?width=532&height=99&name=flexoraa-white-logo-1x.png)](https://www.flexoraatheme.com/?hsLang=en)

- Homepages
  
    - [V1 Default The starting point](https://www.flexoraatheme.com/homepage?hsLang=en)
    - [V3 Lead Gen Form in the hero, light header](https://www.flexoraatheme.com/homepage-3?hsLang=en)
    - [V5 Video Full bleed video background](https://www.flexoraatheme.com/homepage-5?hsLang=en)

    - [V2 Agency Portfolio led, slider hero](https://www.flexoraatheme.com/homepage-2?hsLang=en)
    - [V4 Publisher Editorial and blog forward](https://www.flexoraatheme.com/homepage-4?hsLang=en)

  ![modern-house-15](https://www.flexoraatheme.com/hs-fs/hubfs/modern-house/modern-house-15.jpg?width=1920&height=1088&name=modern-house-15.jpg)
  
  ### New to Flexoraa?
  
  V1 is the one to copy first. Every template ships populated, so you edit a real page instead of an empty grid.
  
  [Open V1](https://www.flexoraatheme.com/homepage?hsLang=en)
- Pages
  
  ### Company
  
    - [About Timeline, counters, values](https://www.flexoraatheme.com/about?hsLang=en)
    - [Team Cards with bio and socials](https://www.flexoraatheme.com/team?hsLang=en)
    - [Careers Job listing with filters](https://www.flexoraatheme.com/careers?hsLang=en)
    - [Contact HubSpot form and FAQ](https://www.flexoraatheme.com/contact?hsLang=en)

  ### Marketing
  
    - [Services Alternating media blocks](https://www.flexoraatheme.com/services?hsLang=en)
    - [Portfolio Category filters, load more](https://www.flexoraatheme.com/portfolio?hsLang=en)
    - [Pricing One plan or many](https://www.flexoraatheme.com/pricing?hsLang=en)

  ### Support
  
    - [FAQ Grouped accordions with anchors](https://www.flexoraatheme.com/faq?hsLang=en)
    - [Blog Four listing and post layouts](https://www.flexoraatheme.com/blog?hsLang=en)
    - System pages
      
      404, 500, search, password and more.

  ### Landing Pages
  
    - [Lead Generation Lead Generation landing page structure.](https://www.flexoraatheme.com/lp-lead-generation?hsLang=en)
    - [Click Through Click through landing page structure.](https://www.flexoraatheme.com/lp-click-through?hsLang=en)
- [Modules](https://www.flexoraatheme.com/modules?hsLang=en)
- [Docs](https://flexoraatheme-docs.pages.dev/)

[Instant Buy](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa)

[Instant Buy](https://ecosystem.hubspot.com/marketplace/website/flexoraa-theme-by-flexoraa)

# Steps

Lay out any process as a series of steps, each with an icon, optional sequential number, title, description, and CTA link. Control icon position, number styling, card background/border/shadow, and toggle numbering on or off. Several layout variations are shown below.

##### Connect

Import your data from any source in under a minute.

##### Configure

Tailor teams, roles and automations to your workflow.

##### Invite

Add collaborators with granular permissions.

##### Launch

Publish with one-click deploy and rollback.

##### Discovery

We audit your stack and map the fastest path to your goals.

##### Strategy

A phased roadmap with clear milestones and ownership.

##### Execution

Weekly sprints and async updates, we move fast.

##### Sign up

Create your workspace in minutes.

##### Import

Automated mapping does the heavy lifting.

##### Train

Role-aware onboarding guides.

##### Scale

Live dashboards and proactive alerts.

##### Read the docs

Every color, font, spacing, and border radius is controlled from HubSpot theme settings. No code required to change the look.

##### Watch the demo

Every non-obvious field has inline guidance. Buyers configure modules confidently without reading docs or guessing what a field does.

##### Talk to sales

Listing pages, 5 post layouts, author and tag pages, subscribe forms, and estimated read time. Blog is fully covered out of the box.

![sky-4](https://www.flexoraatheme.com/hs-fs/hubfs/galaxy/sky-4.jpg?width=3840&height=2176&name=sky-4.jpg)

##### Connect

Import your data from any source in under a minute.

##### Configure

Tailor teams, roles and automations to your workflow.

##### Invite

Add collaborators with granular permissions.

##### Launch

Publish with one-click deploy and rollback.

[![flexoraa-logo-1.5x](https://www.flexoraatheme.com/hs-fs/hubfs/flexoraa-logo/flexoraa-logo-1.5x.png?width=797&height=149&name=flexoraa-logo-1.5x.png)](https://flexoraatheme.com/?hsLang=en)

A Flexoraa theme built by a person who got tired of inheriting broken websites.

- **Email** [support@flexoraatheme.com](mailto:support@flexoraatheme.com)

<https://www.linkedin.com/> <https://x.com/> <https://www.facebook.com/> <https://www.instagram.com/>

###### Homepages

- [V1 Default](https://www.flexoraatheme.com/homepage?hsLang=en)
- [V2 Agency](https://www.flexoraatheme.com/homepage-2?hsLang=en)
- [V3 Lead Gen](https://www.flexoraatheme.com/homepage-3?hsLang=en)
- [V4 Publisher](https://www.flexoraatheme.com/homepage-4?hsLang=en)
- [V5 Video](https://www.flexoraatheme.com/homepage-5?hsLang=en)

###### Pages

- [About](https://www.flexoraatheme.com/about?hsLang=en)
- [Team](https://www.flexoraatheme.com/team?hsLang=en)
- [Careers](https://www.flexoraatheme.com/careers?hsLang=en)
- [Services](https://www.flexoraatheme.com/services?hsLang=en)
- [Portfolio](https://www.flexoraatheme.com/portfolio?hsLang=en)
- [Contact](https://www.flexoraatheme.com/contact?hsLang=en)

###### Landing pages

- [Lead Generation](https://www.flexoraatheme.com/lp-lead-generation?hsLang=en)
- [Click Through](https://www.flexoraatheme.com/lp-click-through?hsLang=en)

###### Resources

- [Documentation](https://flexoraatheme-docs.pages.dev/)
- [Blog](https://www.flexoraatheme.com/blog?hsLang=en)
- FAQ
- Changelog
- [Request Features](https://www.flexoraatheme.com/request-features?hsLang=en)

---

© 2026 Flexoraa. All rights reserved.

- [Privacy Policy](https://flexoraatheme.com/privacy-policy?hsLang=en)
- [Terms of use](https://flexoraatheme.com/terms-of-use?hsLang=en)