Content Split

content_split is a flexible section for any copy-plus-visual landing page moment.

When to Use

Use it for product explanations, feature deep-dives, service descriptions, and image-supported claims.

Usage

{{ content_split(title="Explain the system", bullet_1="Simple", bullet_2="Responsive") }}

Live Example

Flexible

Explain any product detail

Pair narrative copy with either a real image or a neutral system panel.

Supports images or placeholder panels

Works in either visual order

Keeps card padding compact on mobile

System panel

Fallback visuals keep pages usable before final imagery is ready.

Parameters

ParameterDescription
containerInner content width.
eyebrowSmall uppercase label above the heading.
titleSection heading.
descriptionSupporting copy.
image_srcOptional visual image URL.
image_altOptional image alt text.
panel_titleFallback panel title.
panel_descFallback panel description.
bullet_NBullet items, up to 4.
action_N_textOptional button labels.
action_N_urlOptional button URLs.
reverseUse true to place visual first.
bgFull-width section background token.
classAdditional CSS classes on the outer section.