---
title: Horizon Theme - Event Calendar
description: Explore the Horizon Theme documentation and learn about the custom Events Calendar module layouts in HubSpot, including Basic, Big, Laterals, and Popup views.
---

[![Horizon Logo](https://horizonthemedev.com/hs-fs/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com/?hsLang=en)

- Components
  
  #### Components
  
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper .
  
  
  
  
  
    - [Style Guide](https://horizonthemedev.com/style-guide?hsLang=en)
    - [Header](https://horizonthemedev.com/header?hsLang=en)
    - [Footer](https://horizonthemedev.com/footer?hsLang=en)
    - [Featured Image](https://horizonthemedev.com/featured-image?hsLang=en)
    - [Shape Divider](https://horizonthemedev.com/shape-divider?hsLang=en)
    - [Fancy Headline](https://horizonthemedev.com/fancy-headline?hsLang=en)
    - [Accordion](https://horizonthemedev.com/accordion?hsLang=en)
    - [Creative Tabs](https://horizonthemedev.com/creative-tabs?hsLang=en)
    - [Timeline](https://horizonthemedev.com/timeline?hsLang=en)
    - [Blog Post Cards](https://horizonthemedev.com/blog-post-cards?hsLang=en)
    - [Testimonial Slider](https://horizonthemedev.com/testimonial-slider?hsLang=en)
    - [Pricing Cards](https://horizonthemedev.com/pricing-cards?hsLang=en)
  
  
    - [Image Gallery](https://horizonthemedev.com/image-gallery?hsLang=en)
    - [Image Text](https://horizonthemedev.com/image-text?hsLang=en)
    - [Image Slider](https://horizonthemedev.com/image-slider?hsLang=en)
    - [Content Tabs](https://horizonthemedev.com/content-tabs?hsLang=en)
    - [Background Overlay](https://horizonthemedev.com/background-overlay?hsLang=en)
    - [Featured Form](https://horizonthemedev.com/featured-form?hsLang=en)
    - [Flip Cards](https://horizonthemedev.com/flip-cards?hsLang=en)
    - Icon List
    - [Popup Modal](https://horizonthemedev.com/pop-up?hsLang=en)
    - Scroll Arrows
    - [Social Follow](https://horizonthemedev.com/social-follow?hsLang=en)
    - [Column Swiper](https://horizonthemedev.com/column-swiper?hsLang=en)
  
  
    - [HubDB Listing](https://horizonthemedev.com/hubdb-listing?hsLang=en)
    - [Multistep Form](https://horizonthemedev.com/multistep-form?hsLang=en)
    - [Dynamic Tabs](https://horizonthemedev.com/dynamic-tab?hsLang=en)
    - [Team Members](https://horizonthemedev.com/team-members?hsLang=en)
    - [Button Group](https://horizonthemedev.com/button-group?hsLang=en)
    - [Event Calendar](https://horizonthemedev.com/event-calendar)
- Interactive Landings 
    - [Scrolling Animations Landing 1](https://horizonthemedev.com/scrolling-animations-landing-1?hsLang=en)
    - [Scrolling Animations Landing 2](https://horizonthemedev.com/scrolling-animations-landing-2?hsLang=en)
- Blog
- Help

###### COMPONENTS

# EVENT CALENDAR

---

These modules highlight upcoming events and activities. They are designed to keep your audience informed and engaged by providing detailed information about scheduled events, dates, and times on your website.

[View Variants](https://horizonthemedev.com/event-calendar#section-2)

![Frame](https://horizonthemedev.com/hubfs/Frame.png "Frame")

## VARIANT: BASIC

---

 This layout offers a clean and minimalist design, perfect for displaying events in a straightforward manner. It focuses on simplicity, providing essential details like the event name, date, and time in a compact format, making it ideal for embedding in smaller sections of your website.

Events

---

Today

Events

---

Today

Events

---

Today

## VARIANT: BIG

---

 The Big layout emphasizes visual impact, featuring larger fonts, bold design elements, and additional space for event descriptions. This layout is ideal for promoting featured events, where grabbing the visitor's attention is key.

Events

---

Today

## VARIANT: LATERALS

---

With a split-screen design, the Laterals layout presents event information alongside a visual element, such as an image or video. It’s great for providing a balanced view of media and event details, perfect for engaging visitors without overwhelming them with text.

Events

---

January

February

March

April

May

June

July

August

September

October

November

December

Today

## VARIANT: POP-UPS

---

The Popup layout dynamically displays event information in a modal window when triggered by a user action, such as clicking a button or image. This layout is unobtrusive, yet interactive, offering an elegant way to showcase event details without taking up permanent space on the webpage.

Events

---

Today

[![logo](https://horizonthemedev.com/hubfs/raw_assets/public/horizon-theme/images/logo-horizon-dark.svg "logo")](https://horizonthemedev.com/style-guide?hsLang=en)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Copyright © 2025 Horizon Theme . All Rights Reserved.