# Stats #1

To use social icons turn on FontAwesome Library:\
Site administration -> Appearance -> Moon -> General -> FontAwesome

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

<figure><img src="https://1467436830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzE3nwrT9Zh3l0SGFdHp9%2Fuploads%2FzndVkxw4ROA4XTXM5Z7X%2Fstats-1-block-moodle-theme.png?alt=media&#x26;token=32411e57-8f30-4c72-aec5-430d1d90591b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="HTML Code" %}
{% code lineNumbers="true" %}

```html
<!-- Start - Block - Stats #1 -->
<div class="wrapper-fw rui-block-stats-1">
    <div class="w-lg-85 mx-lg-auto">
        <div class="row align-items-md-center col-md-divider">
            <div class="col-md-4">
                <div class="pr-lg-5 border-right">
                    <div class="d-flex align-items-end">
                        <span class="display-2 text-primary">2x&nbsp;</span>
                        <span class="badge-sm badge-primary mb-4 ml-2">50% less CSS - 1.1MB<br></span>
                    </div>
                    <p>faster than previous version of the Space theme.</p>
                </div>
            </div>
            <!-- End Col -->

            <div class="col-md-8 pt-5 pt-md-0">
                <div class="pl-lg-5">
                    <div class="row">
                        <div class="col-sm"><span class="h2 text-primary">3000+</span>
                            <p>customers</p>
                        </div>
                        <!-- End Col -->

                        <div class="col-sm"><span class="h2 text-primary">5 stars</span>
                            <p>people love this theme!</p>
                        </div>
                        <!-- End Col -->

                        <div class="col-sm">
                            <span class="h2 text-primary">2.0</span>
                            <p>completely redesigned, dedicated for Moodle 4.0</p>
                        </div>
                        <!-- End Col -->
                    </div>
                    <!-- End Row -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Row -->
</div>
<!-- End - Block - Stats #1 -->
```

{% endcode %}
{% endtab %}
{% endtabs %}

{% content-ref url="../how-to-add-more-item-to-blocks" %}
[how-to-add-more-item-to-blocks](https://rosea.gitbook.io/moon-iomad-moodle-theme/theme-settings/front-page-blocks/how-to-add-more-item-to-blocks)
{% endcontent-ref %}