# Team #3

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

<figure><img src="https://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/r9uoDgA3McHzih3icyIv/team-3-block-moodle-theme.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

```html
<!-- Start - Block - Team #3 -->
<div class="wrapper-md">
    <div class="rui-card-team-grid">
        <!-- Start item -->
        <div class="rui-block-team-item text-center text-md-left">
            <div class="rui-card-team--img-fw">
                <img src="https://roseathemes.com/monocolor/1/pluginfile.php/1/theme_monocolor/monocolorsettingsimgs/0/team-600x600-6.jpg" alt="Team #1" width="300" height="300" class="img-fluid atto_image_button_middle">
                <div class="rui-card-team-desc--absolute">
                    <h4 class="mb-0">Tom McMuffin</h4>
                    <div class="rui-block-text--3 rui-block-text--light">Professor of Child and Family Psychology</div>
                </div>
            </div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-center text-md-left">
            <div class="rui-card-team--img-fw">
                <img src="https://roseathemes.com/monocolor/1/pluginfile.php/1/theme_monocolor/monocolorsettingsimgs/0/team-600x600-1.jpg" alt="Team #1" width="300" height="300" class="img-fluid atto_image_button_middle">
                <div class="rui-card-team-desc--absolute">
                    <h4 class="mb-0">Adam Zahradnik</h4>
                    <div class="rui-block-text--3 rui-block-text--light">Associate Professor of Comparative Social Policy</div>
                </div>
            </div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-center text-md-left">
            <div class="rui-card-team--img-fw">
                <img src="https://roseathemes.com/monocolor/1/pluginfile.php/1/theme_monocolor/monocolorsettingsimgs/0/team-600x600-7.jpg" alt="Team #1" width="300" height="300" class="img-fluid atto_image_button_middle">
                <div class="rui-card-team-desc--absolute">
                    <h4 class="mb-0">Alice Schneider</h4>
                    <div class="rui-block-text--3 rui-block-text--light">Course Director for Comparative Social Policy</div>
                </div>
            </div>
        </div>
        <!-- End item -->

    </div>
    <!-- End - Block - Team #3 -->
</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/scholastica-moodle-theme/theme-settings/front-page-blocks/how-to-add-more-item-to-blocks)
{% endcontent-ref %}