> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/moon-iomad-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/moon-iomad-moodle-theme/theme-settings/front-page-blocks/team/team-2.md).

# Team #2

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

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

<figure><img src="https://1467436830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzE3nwrT9Zh3l0SGFdHp9%2Fuploads%2F7J0Q0UGUhAJctPcy708i%2Fteam-2-block-moodle-theme.png?alt=media&amp;token=d5f461d1-0db7-4e9f-93e4-51877e9ff03f" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

```html
<!-- Start - Block - Team #2 -->
<div class="wrapper-fw rui-block-team-2">
    <div class="row">

        <!-- Start item -->
        <div class="rui-block-team-item text-left col-md-3 px-4 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/avatar-4.png" alt="Team #1" width="440" height="440" class="img-fluid atto_image_button_middle">
            <h4 class="lead-4 mt-3 mb-0">Adam Smith</h4>
            <div class="rui-block-text--3 rui-block-text--light">Senior Coordinator for Faculty Support</div>
            <div class="rui-block-text--2 mt-2">From its medieval origins to the digital era, learn everything there is to know about the ubiquitous lorem ipsum passage.</div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-left col-md-3 px-4 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/avatar-3.png" alt="Team #1" width="440" height="440" class="img-fluid atto_image_button_middle">
            <h4 class="lead-4 mt-3 mb-0">Christa McAuliffe</h4>
            <div class="rui-block-text--3 rui-block-text--light">Program Assistant, Middle East Professional Learning Initiative</div>
            <div class="rui-block-text--2 mt-2">Lorem ipsum began as scrambled, nonsensical Latin derived from Cicero's 1st-century BC text De Finibus Bonorum et Malorum</div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-left col-md-3 px-4 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/avatar-2.png" alt="ku" width="440" height="440" class="img-fluid atto_image_button_text-bottom">
            <h4 class="lead-4 mt-3 mb-0">Helen Keller</h4>
            <div class="rui-block-text--3 rui-block-text--light">IT Service Center Support Technician</div>
            <div class="rui-block-text--2 mt-2">The placeholder text, beginning with the line “Lorem ipsum dolor sit amet, consectetur adipiscing elit”, looks like Latin because in its youth, centuries ago, it was Latin.</div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-left col-md-3 px-4 text-center">
            <img src="https://roseathemes.com/space/1/pluginfile.php/1/theme_space/spacesettingsimgs/0/avatar-5.png" alt="team #3" width="1320" height="1320" class="img-fluid atto_image_button_text-bottom">
            <h4 class="lead-4 mt-3 mb-0">Mark Twain</h4>
            <div class="rui-block-text--3 rui-block-text--light">Audio Visual Technology Infrastructure Specialist</div>
            <div class="rui-block-text--2 mt-2">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</div>
        </div>
        <!-- End item -->

    </div>
</div>
<!-- End - Block - Team #2 -->
```

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

{% content-ref url="/pages/1qUbO4Fl0XGCANPYeLMK" %}
[How to add more item to blocks?](/moon-iomad-moodle-theme/theme-settings/front-page-blocks/how-to-add-more-item-to-blocks.md)
{% endcontent-ref %}