# 70/30 Images with content

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FHHCK0QepmTO8IMIbZABw%2Fimage.png?alt=media&#x26;token=65f1abad-b641-4de7-b919-c24704a218f0" alt=""><figcaption></figcaption></figure>

The main settings in the section are the ones listed [here](common-settings). Everything else is managed through blocks:&#x20;

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FIkPdCtwAWoKFIGci8iSn%2Fimage.png?alt=media&#x26;token=e8f0e6c0-31f4-4eae-9a48-2ff0f77f16ac" alt=""><figcaption></figcaption></figure>

The blocks are `Big card` and `Small card`.&#x20;

The difference between the cards is their size. You can one one big and one small card per row. You can rearrange them to achieve a different layout look.

The options they provide are:

* image picker
* content and buttons

For the text content there are fields for heading, subheading, body text.

#### Heading accent elements

In case you want to use highlight a text element in the headings you can use the Bold and Italic properties: ![](https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2FJhYLgpTAqqSas4peipl9%2Fimage.png?alt=media\&token=e02d0a1e-fc89-484a-93ac-f0bfd0f08c64). You can mark a word or a phrase and click one of these.

The BOLD property will make the text to be shown in a different color which you can set through: `Theme settings > The color style you used for the section > Typography > Headings accent color`.

Here is an example result:

<figure><img src="https://4207195275-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fp5czJlcYNU7vFLQkGMwL%2Fuploads%2F0T52K18bFOrbh2oV8eix%2Fimage.png?alt=media&#x26;token=10431daf-58a1-46b9-9d62-090bceb0eb5a" alt=""><figcaption></figcaption></figure>

### Buttons

More details about the [buttons here](../common-settings#buttons).
