# Content #1

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

<figure><img src="https://2392718208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjCQEtIvsTA0eOyo5BCXE%2Fuploads%2F5aPHQzlekyYiAzS7dfXF%2Fspace-moodle-theme-hero.png?alt=media&#x26;token=bfe03d3f-f407-4be0-a4c5-25ec98e3b718" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

```html
<div class="wrapper-md text-center">
    <!-- start .badge -->
    <div class="badge badge-info">Space 2.2 is here! Only for Moodle 4.0</div>
    <!-- end .badge -->

    <h2 class="display-2 mt-4">Hi! Cześć! ¡Hola!<br>Space 2.2 is here!</h2>
    <p class="rui-block-text--1 mt-3">Completely redesigned user interface. Better UX. In-build dark mode. All Moodle 4.0 features! Optimized - 50% less CSS,</p>
    <div class="d-flex mt-4 justify-content-center w-100"><a href="https://themeforest.net/item/space-moodle-template/22579922" class="m-2 btn btn-lg btn-dark" target="_blank">Get this theme for $99*</a><a href="https://rosea.gitbook.io/space-moodle-theme/" class="m-2 btn btn-lg btn-secondary" target="_blank">Documentation</a></div>

    <p class="rui-block-text--light rui-block-text--3 mt-3">Trusted by hundreds of customers</p>

    <div class="row justify-content-center align-items-center">
        <div class="col-auto col-sm py-3 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/logomilano.png" alt="Logo" width="106" height="60" class="img-fluid atto_image_button_middle">
        </div>
        <!-- End Col -->

        <div class="col-auto col-sm py-3 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/logo-uwaw.png" alt="Logo" width="206" height="80" class="img-fluid atto_image_button_middle">
        </div>
        <!-- End Col -->

        <div class="col-auto col-sm py-3 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/umt-logo.png" alt="Logo" width="69" height="80" class="atto_image_button_middle">
        </div>
        <!-- End Col -->

        <div class="col-auto col-sm py-3 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/uw-logo.png" alt="Logo" width="386" height="80" class="img-fluid atto_image_button_middle">
        </div>
        <!-- End Col -->

        <div class="col-auto col-sm py-3 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/samford-logo.png" alt="Logo" width="96" height="80" class="img-fluid atto_image_button_middle">
        </div>
        <!-- End Col -->
    </div>
    <!-- End Row -->

</div>
```

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

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