SR Hero Card 01
This module is a combination of headers, subheaders, buttons, and image/video backgrounds.
An ideal use case for SR Hero 04 is on your Homepages. You can have a great background added with some texts.
Edit Module Height
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
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
CARD ALIGNMENT Group
Vertical Alignment CHOICE
Top Center Bottom
Horizontal Alignment CHOICE
Right Left Center
Height Choice
Auto Small Medium Large Full
PARALLAX TOGGLE
See it Live
Sprocket Rocket Module Page- You can see the module used live!