> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/spark-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/spark-documentation/home-automotive/contact-us-block.md).

# Contact Us Block

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2FekcBx3LJzS7wUozPKkET%2Fimage.png?alt=media&amp;token=6d14c830-f18a-44ea-9567-997c1a38b153" alt=""><figcaption></figcaption></figure>

To show **Home Brands** on Home page, In the Page Builder -> Go to **Widgets** -> drag and drop **HTML block** into specified sections.

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2FsHLKzauHRmY0teQq6lQq%2Fimage.png?alt=media&amp;token=80cc09f5-c998-4831-80ba-0b7d3d0a0491" alt=""><figcaption></figcaption></figure>

In field **HTML block**:

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2FwJkCgNEgvpPP3SCwmEkH%2Fimage.png?alt=media&amp;token=8fba8232-484d-492b-86d0-3072ed575739" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
When you are happy with your changes, don't forget click **Save HTML** and **Publish** to repackage the edited theme.
{% endhint %}

After that, input sample content below:

```html
<div class="footer_contactUs" data-halo-load="animation">
    <div class="container">
        <div class="contactUs halo-fadeInUp" data-halo-animate="1">
            <span>Need help? We're available at</span><a href="tel:(077)-670-4157" aria-label="(077)-670-4157"><strong>(077)-670-4157</strong></a>
            <span class="or1"> - </span>
            <span>Email us at</span><a href="mailto:example@domain.com" aria-label="example@domain.com">example@domain.com</a>
            <span class="or2">or</span><a class="button button--primary" href="#" aria-label="live help"><span>live help</span></a>
        </div>
    </div>
</div>

```

Or use button below to generate the code with your own banners. Please click the **Copy code** on the popup after you changed all the blocks.

{% embed url="<https://codepen.io/HaloThemes/pen/LYXpXQM>" %}

{% hint style="info" %}
Please click the "Run Pen" button to be used
{% endhint %}
