Skip to content

Modules

Modules are the building blocks of every page. They are available across all templates and should be combined and configured to construct any layout.

banner

Banner

A callout that draws attention to a key message.

blockquote

Blockquote

A quote card that gives one quote the whole stage.

cards

Blog cards

Blog posts shown as cards, picked by hand or pulled in automatically.

boxes

Boxes

A flexible grid of photos, quotes, tiles, graphics and video.

card-links

Card links

Linked cards for visual navigation and quick links.

cards

Cards

Content cards with images, icons, tags and buttons.

carousel-click

Carousel click

A full-screen carousel where visitors click through one slide at a time.

carousel-horizontal

Carousel horizontal

A full-screen carousel that scrolls sideways through linked items.

carousel-simple

Carousel simple

A simple carousel of linked images with titles.

carousel-slide

Carousel slide

A carousel that opens one slide at a time, with image or video backgrounds.

carousel-vertical

Carousel vertical

A full-screen carousel that scrolls up through items with descriptions.

faqs-accordion

FAQs accordion

Questions that open to show their answers, keeping long pages tidy.

features

Features

Short, ticked features as a grid, a ticker or a carousel.

hero

Hero

A full-screen opener for the Hero templates, with video, image or a product shot.

integrations

Integrations

The integrations for each Oolio product, as a filterable grid or carousel.

intro

Intro

A short heading and body text that set the scene after the hero.

landing-form

Landing form

A HubSpot form beside a heading, with logos, a quote, an image or a video.

logos

Logos

Venue and partner logos as a scrolling carousel or a gallery.

media

Media

A single image or video, on its own or beside a heading and text.

modal-form

Modal form

A HubSpot form in a modal pop-up, opened from any button or link.

modal-meetings

Modal meetings

A HubSpot meetings calendar in a modal pop-up, for booking a time.

read-more

Read more

A Read more button that opens extra text in one or more columns.

rich-text

Rich text

A flexible block of text and buttons, in one column or several.

stats

Stats

Big numbers that count up as they come into view.

tabbed-content

Tabbed content

Content in tabs, each with text, buttons and an optional image or video.

tabbed-cards

Tabbed cards

Sets of cards in tabs, so visitors can switch between them.

testimonials

Testimonials

Customer quotes in a carousel, with a photo and venue logo or on their own.

videos

Videos

HubSpot or YouTube videos in a grid, in landscape or portrait.