# Home Promotion

<figure><img src="https://3763408133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUAiUiFJqLxmK0ltRywVy%2Fuploads%2FIjl0dIF8BsADiT2TrXpb%2Fimage.png?alt=media&#x26;token=5167c9df-000d-457c-9432-a664f7f32d5a" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3763408133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUAiUiFJqLxmK0ltRywVy%2Fuploads%2Famx5g9z1OoJNRbgvL3TG%2Fimage.png?alt=media&#x26;token=62e2244e-1c69-4547-8126-4a39d4fd5d9d" alt=""><figcaption></figcaption></figure>

In field **HTML block**:

<figure><img src="https://3763408133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUAiUiFJqLxmK0ltRywVy%2Fuploads%2FZIuIx5052yUQi4vR9usr%2Fimage.png?alt=media&#x26;token=38abd7f8-5678-44e5-9a96-96a6e15099a7" 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="halo-block halo-home-section" id="homePromotion">
    <div class="homePromotion__container">
        <div class="homePromotion__item">
            <a href="#" title="SALE UP TO 70% OFF ON SELECTED ITEMS*" aria-label="SALE UP TO 70% OFF ON SELECTED ITEMS*">
                <span class="homePromotion__text">
                    Limited-Time Offers: Mid-Season Sale Up to 70% OFF On Selected Items. Shop Now
                </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/BaGovxm>" %}

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