View Live

SR Pricing 01

SR Pricing 01 is a perfect module for table of features

This module is a combination of headers, subheaders, cards, and texts

An ideal use case for SR Pricing 01 is for tabulating the value over profit of your product/ service

sr-pricing-01

Module Settings

Styles

Layout choice
Page Full Width
Container Width choice
Minimum Narrow Wide Maximum
Top Bottom Padding choice
Use default values No padding Small padding Large padding Custom padding
Background Option CHOICE
Image Video Color Custom Gradient
Text Align Text Alignment
Left Center Right Justified
Text Color CHOICE
Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom
Border Border

    Style
    Color
    Width
    Sides

Responsive settings Group
    Tablet Group
        TEXT ALIGN TEXT ALIGNMENT

        Left Center Right Justified

        TOP BOTTOM PADDING CHOICE

        Use default values No padding Small padding Large padding Custom padding

    Tablet Group
        TEXT ALIGN TEXT ALIGNMENT

        Left Center Right Justified

        TOP BOTTOM PADDING CHOICE

        Use default values No padding Small padding Large padding Custom padding

 

Headings

Heading Text
Size Choice

H1 H2 H3 H4 H5 H6 P

Display Size CHOICE

H1 H2 H3 H4 H5 H6 P XL XXL XXXL

Color CHOICE

Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom

Align: CHOICE

Left Center Right

CSS Class Text

Description Rich Text
Lead Text Toggle

Headings

Heading Text
Size Choice

H1 H2 H3 H4 H5 H6 P

Display Size CHOICE

H1 H2 H3 H4 H5 H6 P XL XXL XXXL

Color CHOICE

Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom

Align: CHOICE

Left Center Right

CSS Class Text

Table Columns CHOICE

2 3  4

Table Column 1 GROUP
    Heading HEADING
    Prefix TEXT
    Price NUMBER
    Suffix TEXT
    Plan Highlight TOGGLE

   

Buttons

CTA Type Choice

Hubspot CTA Button Modal

CTA Style CHOICE

Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Outline Primary Outline Secondary Outline Tertiary Outline White Outline Black Outline Dark Outline Light Outline Success Outline Info Outline Warning Outline Danger Custom None

Button Text text
Link URL
CTA Size Choice

Small Default Large

Add Icon Toggle
Icon Position Choice
Left Right

Table Column 2 GROUP
    Heading HEADING
    Prefix TEXT
    Price NUMBER
    Suffix TEXT
    Plan Highlight TOGGLE

   

Buttons

CTA Type Choice

Hubspot CTA Button Modal

CTA Style CHOICE

Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Outline Primary Outline Secondary Outline Tertiary Outline White Outline Black Outline Dark Outline Light Outline Success Outline Info Outline Warning Outline Danger Custom None

Button Text text
Link URL
CTA Size Choice

Small Default Large

Add Icon Toggle
Icon Position Choice
Left Right

Table Column 3 GROUP
    Heading HEADING
    Prefix TEXT
    Price NUMBER
    Suffix TEXT
    Plan Highlight TOGGLE

   

Buttons

CTA Type Choice

Hubspot CTA Button Modal

CTA Style CHOICE

Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Outline Primary Outline Secondary Outline Tertiary Outline White Outline Black Outline Dark Outline Light Outline Success Outline Info Outline Warning Outline Danger Custom None

Button Text text
Link URL
CTA Size Choice

Small Default Large

Add Icon Toggle
Icon Position Choice
Left Right

Table Column 4 GROUP
    Heading HEADING
    Prefix TEXT
    Price NUMBER
    Suffix TEXT
    Plan Highlight TOGGLE

   

Buttons

CTA Type Choice

Hubspot CTA Button Modal

CTA Style CHOICE

Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Outline Primary Outline Secondary Outline Tertiary Outline White Outline Black Outline Dark Outline Light Outline Success Outline Info Outline Warning Outline Danger Custom None

Button Text text
Link URL
CTA Size Choice

Small Default Large

Add Icon Toggle
Icon Position Choice
Left Right

Rows REPEATER
    Heading HEADING
    Features REPEATER
        Heading HEADING
        Feature Tooltip TEXT
        Column 1 TOGGLE
        Column 2 TOGGLE
        Column 3 TOGGLE
        Column 4 TOGGLE

       

Note: The toggles determine what columns the features show up on

 

See it Live

Sprocket Rocket Module page- You can see the module used live!