---
title: Horizon Theme - Pricing Cards
---

[![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)
  
  
    - [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?hsLang=en)
- 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

# PRICING CARDS

---

 This module showcases different pricing plans or packages offered in your website. Each card presents key features, pricing details, and benefits of a specific plan, helping users quickly compare options and choose the one that best suits their needs.

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

![Horizon BG](https://horizonthemedev.com/hubfs/horizon-bg.png "Horizon BG")

## **VARIANT: FULL CONTENT**

---

This variant displays a name, price, full benefits description and CTA for each of your pricing options.

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

- Pellentesque diam tortor vel nec mollis varius.
- Mattis vitae commodo hendrerit fermentum.
- Vestibulum consequat ut sed purus viverra.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

- Pellentesque diam tortor vel nec mollis varius.
- Mattis vitae commodo hendrerit fermentum.
- Vestibulum consequat ut sed purus viverra.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

- Pellentesque diam tortor vel nec mollis varius.
- Mattis vitae commodo hendrerit fermentum.
- Vestibulum consequat ut sed purus viverra.

 Button text

## **VARIANT: COMPACT**

---

This variant displays a name, price, a small description feature, and CTA for each of your pricing options.

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

## **VARIANT: HORIZONTAL**

---

This variant displays only two horizontal cards with a name, price, a small description feature, and CTA   
of your pricing options.

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

## **VARIANT: WITH HOVER EFFECT**

---

This variant displays a name, price, a small description feature, and CTA for each of your pricing options; as an additional feature, the cards on this module have a hover effect to emphasize the pricing selection of the selected plan and draw the user's attention to important details.

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

#### Starter

$ 1250 / Monthly

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi commodo tellus.

 Button text

[![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.