---
title: Custom Modules
description: Demo website for the HubSpot Showcase Theme, designed and developed by Stephanie O’Gay Garcia and available for free on the HubSpot Marketplace.
---

Theme

# Custom Modules

A sample of all of the custom modules included in the Showcase Theme on the HubSpot Marketplace.

## Accordion (FAQs)

- Who are you?
  
  Answer the question here. This is a rich text module so you can include content such as links, images or lists, like this:
  
    - Bullet points
    - can be a helpful way 
    - of conveying information
  
  And that's all there is to it!
- What do you do?
  
  Answer the question here. This is a rich text module so you can include content such as links, images or lists, like this:
  
    - Bullet points
    - can be a helpful way 
    - of conveying information
  
  And that's all there is to it!
- Where can I find you?
  
  Answer the question here. This is a rich text module so you can include content such as links, images or lists, like this:
  
    - Bullet points
    - can be a helpful way 
    - of conveying information
  
  And that's all there is to it!

## Button

[ Click Here ](https://showcase.stephanieogaygarcia.com/)

## Cards

![Sample Image](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/showcase-theme/pexels-javon-swaby-1697364_1280x1920px.jpg?width=1280&height=1920&name=pexels-javon-swaby-1697364_1280x1920px.jpg)

### Headline A

Add some content here describing something of note: a service, a feature... etc.

<https://showcase.stephanieogaygarcia.com/>

![Sample Image](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/showcase-theme/pexels-caroline-cagnin-1959065_1920x1439px.jpg?width=1920&height=1439&name=pexels-caroline-cagnin-1959065_1920x1439px.jpg)

### Headline B

Add some content here describing something of note: a service, a feature... etc.

<https://showcase.stephanieogaygarcia.com/>

![Sample Image](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/showcase-theme/pexels-owen-barker-1118341_1920x1280px.jpg?width=1920&height=1280&name=pexels-owen-barker-1118341_1920x1280px.jpg)

### Headline C

Add some content here describing something of note: a service, a feature... etc.

<https://showcase.stephanieogaygarcia.com/>

## Cards (With Icon)

![Star Icon](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/star.svg) ![Star Icon](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/star.svg)

### A Highlight

Mauris non laoreet velit, vitae dapibus mi. Integer scelerisque libero mollis est porttitor, ac sollicitudin libero sagittis. Nunc iaculis nibh sit amet erat porttitor, eget porta dolor euismod.

![Chart Icon](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/chart-line-up.svg) ![Chart Icon](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/chart-line-up.svg)

### Another Highlight

Donec blandit erat non lorem imperdiet aliquet. Maecenas tellus felis, vulputate in finibus eget, malesuada ac nisi. Orci varius natoque penatibus et magnis dis parturient montes.

![Hand Holding Heart Icon](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/hand-holding-heart.svg) ![Hand Holding Heart Icon](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/hand-holding-heart.svg)

### One Last Highlight

Etiam sit amet lorem non mauris pulvinar maximus id et sapien. Proin laoreet venenatis justo, ac vehicula leo elementum non. Integer convallis facilisis nisl vitae blandit.

## Google Map

## Hero Banner

Module intended for use in a full-width section with no spacing

Subheading

# Title of the Page

A brief paragraph explaining a little more about this page and what type of content the reader can expect to see. 

## Image Gallery

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-mark-dalton-1208783_1920x1280px.jpg)

### Our Project

A brief decription of the project.

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-jonas-ferlin-1963578_800x1200px.jpg)

### Our Project

A brief decription of the project.

<https://showcase.stephanieogaygarcia.com/>

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-efrain-alonso-3643104_1281x1920px.jpg)

### Our Project

A brief decription of the project.

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-javon-swaby-1697364_1280x1920px.jpg)

### Our Project

A brief decription of the project.

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-aman-jakhar-2048548_1280x1920px.jpg)

### Our Project

A brief decription of the project.

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-caroline-cagnin-1959065_1920x1439px.jpg)

### Our Project

A brief decription of the project.

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-yoss-traore-2536268_1536x1920px.jpg)

### Our Project

A brief decription of the project.

![Sample Image](https://showcase.stephanieogaygarcia.com/hubfs/showcase-theme/pexels-owen-barker-1118341_1920x1280px.jpg)

### Our Project

A brief decription of the project.

## Logos

![Sample Logo](https://showcase.stephanieogaygarcia.com/hubfs/conference-theme/sample-logo-3.svg)

![Sample Logo](https://showcase.stephanieogaygarcia.com/hubfs/conference-theme/sample-logo-1.svg)

![Sample Logo](https://showcase.stephanieogaygarcia.com/hubfs/conference-theme/sample-logo-2.svg)

![Sample Logo](https://showcase.stephanieogaygarcia.com/hubfs/conference-theme/sample-logo-4.svg)

![Sample Logo](https://showcase.stephanieogaygarcia.com/hubfs/conference-theme/sample-logo-6.svg)

![Sample Logo](https://showcase.stephanieogaygarcia.com/hubfs/conference-theme/sample-logo-7.svg)

## Social Follow

[Follow us on Facebook ](https://www.facebook.com) [Follow us on LinkedIn ](https://www.linkedin.com) [Follow us on Twitter ](https://www.twitter.com) [Follow us on Instagram ](https://www.instagram.com)

## Tiles

## A Headline

A few lines of text that give a brief description of the images you see in the tiles surrounding this content.

[ Click Here ](https://showcase.stephanieogaygarcia.com/)

![Sample Image](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/geometry-theme/pexels-rodnae-productions-7491014_800x800.jpg?width=800&height=800&name=pexels-rodnae-productions-7491014_800x800.jpg) 

[![pexels-picjumbocom-196645_800x800](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/geometry-theme/pexels-picjumbocom-196645_800x800.jpg?width=800&height=800&name=pexels-picjumbocom-196645_800x800.jpg)

An image caption

](https://showcase.stephanieogaygarcia.com/) [![pexels-tranmautritam-326502_800x800](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/geometry-theme/pexels-tranmautritam-326502_800x800.jpg?width=800&height=800&name=pexels-tranmautritam-326502_800x800.jpg)

An image caption

](https://showcase.stephanieogaygarcia.com/) [![pexels-thisisengineering-3861447_800x800](https://showcase.stephanieogaygarcia.com/hs-fs/hubfs/geometry-theme/pexels-thisisengineering-3861447_800x800.jpg?width=800&height=800&name=pexels-thisisengineering-3861447_800x800.jpg)

An image caption

](https://showcase.stephanieogaygarcia.com/) [

A couple of lines of text

](https://showcase.stephanieogaygarcia.com/)