# Stats #2

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

<figure><img src="https://1467436830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzE3nwrT9Zh3l0SGFdHp9%2Fuploads%2FIeCWD4zG6h4NSnDV4qPK%2Fstats-2-block-moodle-theme.png?alt=media&#x26;token=46fe9285-65d3-4077-ab8d-edfde5edec46" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

```html
<!-- Start - Block - Stats #2 -->
<div class="row">

    <!-- Start item -->
    <div class="col-12 col-md-6 col-lg-3 px-3 my-3 my-lg-0 text-center text-md-left">
        <div class="lead-3 mb-2">$99</div>
        <p class="rui-card-text--md">Standard, Lifetime License</p>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="col-12 col-md-6 col-lg-3 px-3 my-3 my-lg-0 text-center text-md-left">
        <div class="lead-3 mb-2">Free</div>
        <p class="rui-card-text--md">Updates and bug fixes</p>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="col-12 col-md-6 col-lg-3 px-3 my-3 my-lg-0 text-center text-md-left">
        <div class="lead-3 mb-2">2000+</div>
        <p class="rui-card-text--md">Trusted users</p>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="col-12 col-md-6 col-lg-3 px-3 my-3 my-lg-0 text-center text-md-left">
        <div class="lead-3 mb-2">Moodle</div>
        <p class="rui-card-text--md">Compatible with 4.x</p>
    </div>
    <!-- End item -->
</div>
<!-- End - Block - Stats #2 -->
```

{% 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 %}
