> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/alpha-moodle-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/alpha-moodle-theme/theme-settings/front-page-blocks/stats/stats-1.md).

# Stats #1

Site administration -> Appearance -> Alpha -> Block #.

### To use social icons turn on FontAwesome Library:

Site administration -> Appearance -> Alpha -> General -> FontAwesome

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

<figure><img src="https://2392718208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjCQEtIvsTA0eOyo5BCXE%2Fuploads%2FLfBdbqRDgpN7ZX4j13wD%2Fstats-1-block-moodle-theme.png?alt=media&amp;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="/pages/1qUbO4Fl0XGCANPYeLMK" %}
[How to add more item to blocks?](/alpha-moodle-theme/theme-settings/front-page-blocks/how-to-add-more-item-to-blocks.md)
{% endcontent-ref %}