# Content Split

> Render a general-purpose split copy and visual section.

Canonical HTML: https://press.varavel.com/docs/shortcodes/content-split/
Markdown: https://press.varavel.com/docs/shortcodes/content-split/index.md

`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

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

## Live Example

{{ content_split(
container="md",
eyebrow="Flexible",
title="Explain any product detail",
description="Pair narrative copy with either a real image or a neutral system panel.",
panel_title="System panel",
panel_desc="Fallback visuals keep pages usable before final imagery is ready.",
bullet_1="Supports images or placeholder panels",
bullet_2="Works in either visual order",
bullet_3="Keeps card padding compact on mobile"
) }}

## Parameters

| Parameter       | Description                                  |
| --------------- | -------------------------------------------- |
| `container`     | Inner content width.                         |
| `eyebrow`       | Small uppercase label above the heading.     |
| `title`         | Section heading.                             |
| `description`   | Supporting copy.                             |
| `image_src`     | Optional visual image URL.                   |
| `image_alt`     | Optional image alt text.                     |
| `panel_title`   | Fallback panel title.                        |
| `panel_desc`    | Fallback panel description.                  |
| `bullet_N`      | Bullet items, up to 4.                       |
| `action_N_text` | Optional button labels.                      |
| `action_N_url`  | Optional button URLs.                        |
| `reverse`       | Use `true` to place visual first.            |
| `bg`            | Full-width section background token.         |
| `class`         | Additional CSS classes on the outer section. |