---
title: Index
slug: index
docTags: 
createdAt: 2024-05-14T14:38:48.090Z
---

## Overview

A list of content displayed as hyperlinks to existing articles or external URLs helps visitors navigate the content of your website more easily. 

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/P16LPMCqkrwBZ3_K0wH6q_image.png" size="50" width="342" height="41" position="center" caption="Index block - Page structure" alt="Index block - Page structure" darkWidth="342" darkHeight="41" showCaption="true"}

## Sample Index Block

![Index block - Preview](https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/yP6niHfFlmhEGZi9cZUxc_image.png "Index block - Preview")

## Idex settings

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/aI-uKdiG5tAoce9WbKeAg_image.png" size="50" width="358" height="398" position="center" caption="Index block - Settings" alt="Index block - Settings" darkWidth="358" darkHeight="398" showCaption="true"}

1. **Header Text** : Add the title
2. **Background desktop** : set the desktop background color
3. **Background mobile** : set the mobile background color

### Items

Items are added using **Cards**, each line is a new Card.  Add a **title** and an **internal or external link** by clicking on the "**Globe**" icon.

::Image[]{src="https://api.archbee.com/api/optimize/5goaGPkGyPYxtK7K75CEC/I66euBPKdRls8NcjMn4KH_image.png" size="48" width="347" height="297" position="center" caption="Index block - Card settings" alt="Index block - Card settings" darkWidth="347" darkHeight="297" showCaption="true"}