Accordion Image

ACCORDION IMAGE

A fully customizable accordion-style content with paired images

1. Create contents

Insert the contents of each accordion section: title, description, image, and an optional fully customizable button.

2. Set the global style

Customize the visual style of the blocks: modify the structural layout, as well as the size and appearance of the accordion.

3. Style each element

Customize the visual style of each individual element that makes up the accordion: titles, text, images, icons, and buttons.

4. HTML supported

Create and format your content with maximum flexibility, including the use of HTML code.

5. MagicText integration

Thanks to the integration with MagicText, you can create titles, text and button labels with AI.

🧁 Section title A

In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Donec iaculis dapibus quam, non dignissim velit.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

👨🏻‍🍳 Section title B

In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

I am a button

🍰 Section title C

Donec iaculis dapibus quam, non dignissim velit. In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam. Praesent laoreet mi id accumsan egestas.

I am a button

🍓 Section title D

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec iaculis dapibus quam, non dignissim velit.

🎂 Section title E

Donec iaculis dapibus quam, non dignissim velit.
In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

Section title A

Donec iaculis dapibus quam, non dignissim velit.

In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Praesent laoreet mi id accumsan egestas.

Section title B

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Praesent laoreet mi id accumsan egestas.

I am a button

Section title C

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

Donec iaculis dapibus quam, non dignissim velit. In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Section title D

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

■ Praesent laoreet mi id accumsan egestas ■
■ Donec iaculis dapibus quam, non dignissim velit ■
■ In vehicula, eros quis mollis venenatis ■
■ Urna augue porttitor tellus ■

Vel tristique tellus dolor et quam.

Section title E

Praesent laoreet mi id accumsan egestas.

Donec iaculis dapibus quam, non dignissim velit. In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Section title

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Donec iaculis dapibus quam, non dignissim velit. In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

I am a button

Long section title

Donec iaculis dapibus quam, non dignissim velit. In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

I am a button

Very long section title

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

I am a button

Very very long section title

Donec iaculis dapibus quam, non dignissim velit.
In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

Section title A

In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Praesent laoreet mi id accumsan egestas.

Section title B

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Donec iaculis dapibus quam, non dignissim velit. In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam.

I am a button

Section title C

In vehicula, eros quis mollis venenatis, urna augue porttitor tellus, vel tristique tellus dolor et quam pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

I am a button

Section title D

Donec iaculis dapibus quam, non dignissim velit.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Section title E

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Object Style Title

Section title A

I am a button

Section title B

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Praesent laoreet mi id accumsan egestas.

Section title C

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
Praesent laoreet mi id accumsan egestas.

Section title D

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Section title E

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent laoreet mi id accumsan egestas.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum