---
title: 【デモ】アコーディオンセクションテンプレート
---

# このようにアコーディオンの中身をdndエリアとするとカスタムモジュールを投入できるので、コンテンツを柔軟に投入できます

## アコーディオン1

# スライダー

![Default image alt text](//7528302.fs1.hubspotusercontent-na1.net/hubfs/7528302/raw_assets/public/mV0_d-web-default-modules_hubspot/img/slider-light-image.jpg)

**1** An optional caption for the image that will be added to the gallery. Enter any descriptive text for this image that you would like visitors to be able to read.

![Default image alt text](//7528315.fs1.hubspotusercontent-na1.net/hubfs/7528315/raw_assets/public/mV0_d-web-default-modules_hubspot/img/slider-dark-image.jpg)

**5** An optional caption for the image that will be added to the gallery. Enter any descriptive text for this image that you would like visitors to be able to read.

![Default image alt text](//7528302.fs1.hubspotusercontent-na1.net/hubfs/7528302/raw_assets/public/mV0_d-web-default-modules_hubspot/img/slider-light-image.jpg)

**5** An optional caption for the image that will be added to the gallery. Enter any descriptive text for this image that you would like visitors to be able to read.

## アコーディオン2

![iStock-1171912213](https://demo.100inc.co.jp/hubfs/watanabe/iStock-1171912213.jpg "iStock-1171912213")

## インパクトがある見出し

### 詳細を伝えます

見出しと小見出しがオファーの内容を説明するものなら、取引の成立に直結するのがフォームヘッダーです。ここでは、お客様がフォームに入力したくなるように、こちらのオファーがいかに素晴らしいかを説明します。

注意：

- 箇条書きは効果的です。
- 利点を挙げて、
- 訪問者をリードに転換しましょう。

1行の追加情報

## アコーディオン3