# Policy Block

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2Fr0VKUpZ8opHvC5WzjZQ1%2Fimage.png?alt=media&#x26;token=bd5ed53f-f4c8-45ae-b304-76d5589c5c5e" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Recommended Icon Size: **50x40px**. Please notice that you will need to upload the correct size like our recommended size for this icon to show the perfect icons like our Demo theme.
{% endhint %}

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

In field **HTML block**:

<figure><img src="https://2423552505-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX4JkZvOCSAYjkvfpZuQ3%2Fuploads%2F1PUgfNhU7TKNZ2lyOumR%2Fimage.png?alt=media&#x26;token=ec97af65-379d-4dc6-a083-ba8a7fa37d15" 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_topFooter" data-halo-load="animation">
    <div class="container">
        <div class="footer_service">
            <div class="service-item halo-fadeInUp" data-halo-animate="1">
                <div class="service-wrapper">
                    <img src="https://cdn11.bigcommerce.com/s-x94ftgg4r2/images/stencil/original/image-manager/icon-truck.png" alt="Worldwide Delivery">
                    <h3 class="title">Worldwide Delivery</h3>
                    <p class="description">We offer FREE Standard 1-3 Day Shipping on all U.S. merchandise orders with code FREESHIP*</p>
                </div>
            </div>
            <div class="service-item halo-fadeInUp" data-halo-animate="2">
                <div class="service-wrapper">
                    <img src="https://cdn11.bigcommerce.com/s-x94ftgg4r2/images/stencil/original/image-manager/icon-credit-card.png" alt="Secure Shopping">
                    <h3 class="title">Secure Shopping</h3>
                    <p class="description">We are happy to return or exchange your new or gently used items within 60 days of purchase</p>
                </div>
            </div>
            <div class="service-item halo-fadeInUp" data-halo-animate="3">
                <div class="service-wrapper">
                    <img src="https://cdn11.bigcommerce.com/s-x94ftgg4r2/images/stencil/original/image-manager/icon-shield.png" alt="Shop with Confidence">
                    <h3 class="title">Shop with Confidence</h3>
                    <p class="description">If you’re looking for the best makeup, a good place to start is with our bestsellers. Find top rated products for your beauty routine</p>
                </div>
            </div>
            <div class="service-item halo-fadeInUp" data-halo-animate="4">
                <div class="service-wrapper">
                    <img src="https://cdn11.bigcommerce.com/s-x94ftgg4r2/images/stencil/original/image-manager/icon-support.png" alt="24/7 Help Center">
                    <h3 class="title">24/7 Help Center</h3>
                    <p class="description">Our assortment of Youth exclusives ensures a special gifting experience you won't find anywhere else</p>
                </div>
            </div>
        </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 %}