SR Pricing 03
SR Pricing 03 is a perfect module for SaaS plans pricing
This module is a combination of headers, subheaders, cards, and texts, and buttons.
An ideal use case for SR Pricing 03 is for comparing multiple plan pricing points.
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
Show Price Toggle TOGGLE
Toggle COlor COLOR
Column REPEATER
Recommended TOGGLE
Recommended Background COlor COLOR
Recommended Text COlor COLOR
Name TEXT
Price TEXT
Annual Price TEXT
Features REPEATER
Feature RICH TEXT
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
Enable Secondary Button 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
Background Option CHOICE
Color Custom Gradient
Text COlor CHOICE
Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom