Team #2

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

Preview

HTML Code

<!-- 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 -->

How to add more item to blocks?