> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/sections/contact-info.md).

# Contact info

Shows your business contact details like address, phone, or email.

*Shared Settings*:

* [<mark style="color:$primary;">Card</mark>](#card)
* [<mark style="color:$primary;">Section layout</mark>](/triumph/template/shared-settings/section-layout.md)
* [<mark style="color:$primary;">Section mobile layout</mark>](/triumph/template/shared-settings/section-mobile-layout.md)
* [<mark style="color:$primary;">Divider line</mark>](/triumph/template/shared-settings/divider-line.md)
* [<mark style="color:$primary;">Section background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](#colors)
* [<mark style="color:$primary;">Card colors</mark>](#card-colors)

*Shared Blocks:*

* [<mark style="color:$primary;">Heading</mark>](/triumph/template/shared-blocks/heading.md)
* [<mark style="color:$primary;">Contact list</mark>](/triumph/template/sections/contact-info/contact-list.md)

***

#### Card

**Bordered**\
Changes the layout by displaying content in cards.

**Alignment**\
Displays content on the left or centered.

**Icon vertical alignment**\
Places the icon at the top or center.

**Heading size**\
Choose the list heading size: Small, Medium, or Large.

***

#### Card colors

**Text**\
Applies to all the texts in the contact list.

**Accent**\
Changes the color of the contact number.

**Icon background / Icon color**\
Set the icon colors.

***

{% tabs %}
{% tab title="Desktop" %}

{% endtab %}

{% tab title="Mobile" %}

{% endtab %}
{% endtabs %}