# Tab Layout

## Available options:

### **Course Tab #2 Course Content** (active by default)

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FxUf9V6cv7415XVA8VKcQ%2Fcouretabisactive.png?alt=media&#x26;token=b46abb05-8a05-482b-8672-cd6c23dd2999" alt=""><figcaption></figcaption></figure>

### Tile and content customization -> **Course Tab #1 .. #5**&#x20;

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2Fz4eWchV0sh8ZwVkeIX8g%2Fmonocolor-tab-edit.png?alt=media&#x26;token=f2075684-06a4-4986-abd2-6db21a054b19" alt=""><figcaption></figcaption></figure>

### Preview

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FAJEJS4EjTqSEH0iBB7Px%2Fmoodle-tabs-course-layout.png?alt=media&#x26;token=39791205-5e72-4c25-a46b-b9cee3a3ab03" alt=""><figcaption></figcaption></figure>

{% content-ref url="../../demo-content/front-page-blocks/re-usage-html-code-snippets" %}
[re-usage-html-code-snippets](https://rosea.gitbook.io/monocolor/demo-content/front-page-blocks/re-usage-html-code-snippets)
{% endcontent-ref %}