View Live

SR Two Col 01

SR Two Col 01 is a perfect module for displaying texts

This module features a combination of headers, body text, optional visuals, and optional CTAs. 

sr-two-col-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

Column

Column REPEATER
    Media Type CHOICE

    Image Video Lottie None

        Image GROUP
            Add to Lightbox TOGGLE
            Image IMAGE
            Image Link LINK
        Video GROUP
            Video Type CHOICE

            Embed HTML Video HubSpot Video

                Embed GROUP
                    Embed Type CHOICE

                    Embed URL Embed code

                    Video URL TEXT
                HTML Video GROUP
                    Video File FILE
                    Video Poster IMAGE
                    Show Controls TOGGLE
                    Autoplay TOGGLE
                    Loop TOGGLE
                    Muted TOGGLE
                HubSpot Video GROUP
                    HubSpot Video FILE
            Video Accent CHOICE

            None Design 1 Design 2 Design 3

        Lottie GROUP
            Lottie Embed Code Text
    Heading HEADING
    Content RICH TEXT
    Lead Text TOGGLE
    CTA REPEATER
        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

    Text Align CHOICE

        Auto Left Center Right

    Text Color CHOICE

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

    Custom Column Size TOGGLE
        Column Size REPEATER
            Column Breakpoint CHOICE

            Mobile Tablet Desktop XL

            Column Width CHOICE

            1 2 3 4 5 6 7 8 9 10 11  12

            Column Offset CHOICE

            1 2 3 4 5 6 7 8 9 10 11  12

            Column Order NUMBER
    Column Mobile Order NUMBER
    CSS Class TEXT

Use Image as Background Toggle
Column Vertical Align Choice

Top Center Bottom Stretch

 

See it Live

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