# Team #1

To use social icons turn on FontAwesome Library:\
Site administration -> Appearance -> Space -> General -> FontAwesome

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

<figure><img src="https://2934894637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbCvyqQFWjULWnGrw3L3Z%2Fuploads%2FQemQIin4MBTmui9NoR5f%2Fteam-block-moodle-theme.png?alt=media&#x26;token=30b640ea-9e1d-4b38-b12d-50149e24c406" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

```html
<!-- Start - Block - Team #1 -->
<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-smpl"><img src="https://roseathemes.com/monocolor/1/pluginfile.php/1/theme_monocolor/monocolorsettingsimgs/0/team-600x600-6.jpg" alt="Team #1" width="600" height="600" class="img-fluid atto_image_button_middle"></div>
            <h4 class="mt-3 mb-0">Tom McMuffin</h4>
            <div class="rui-block-text--3 rui-block-text--light">Professor of Child and Family Psychology</div>
            <div class="rui-block-text--2 mt-2">Paneer cheesy feet when the cheese comes out everybody's happy.</div>
            <div class="rui-block-social-list"><a href=""><i class="fab fa-linkedin"></i></a> <a href=""><i class="fab fa-instagram"></i></a> <a href=""><i class="fab fa-twitter"></i></a></div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-center text-md-left">
            <div class="rui-card-team--img-smpl"><img src="https://roseathemes.com/monocolor/1/pluginfile.php/1/theme_monocolor/monocolorsettingsimgs/0/team-600x600-1.jpg" alt="Team #1" width="600" height="600" class="img-fluid atto_image_button_middle"></div>
            <h4 class="mt-3 mb-0">Adam Zahradnik</h4>
            <div class="rui-block-text--3 rui-block-text--light">
                <div>
                    <div>
                        <div>Associate Professor in Comparative Social Policy.&nbsp;<span style="font-size: 0.75rem;">Director of Graduate Studies</span></div>
                    </div>
                </div>
            </div>
            <div class="rui-block-text--2 mt-2">Cheese on toast cheesy grin parmesan gouda Lancashire queso port-Salut parmesan.</div>
            <div class="rui-block-social-list"><a href=""><i class="fab fa-linkedin"></i></a> <a href=""><i class="fab fa-instagram"></i></a> <a href=""><i class="fab fa-twitter"></i></a></div>
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-team-item text-center text-md-left">
            <div class="rui-card-team--img-smpl"><img src="https://roseathemes.com/monocolor/1/pluginfile.php/1/theme_monocolor/monocolorsettingsimgs/0/team-600x600-7.jpg" alt="Team #1" width="600" height="600" class="img-fluid atto_image_button_middle"></div>
            <h4 class="mt-3 mb-0">Alice Schneider</h4>
            <div class="rui-block-text--3 rui-block-text--light">Senior Departmental Research Lecturer in Quantitative Methods<br></div>
            <div class="rui-block-text--2 mt-2">Lancashire parmesan caerphilly croque monsieur fondue cheesy grin cheddar hard cheese.</div>
            <div class="rui-block-social-list"><a href=""><i class="fab fa-linkedin"></i></a> <a href=""><i class="fab fa-instagram"></i></a> <a href=""><i class="fab fa-twitter"></i></a></div>
        </div>
        <!-- End item -->

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