Testimonials #1

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

Preview

HTML Code

<!-- Start - Block - Testimonials #1 -->
<div class="rui-card-testimonials-grid wrapper-xxl">
    <!-- Start item -->
    <div class="rui-block-testimonials-item text-center">
        <div class="rui-block-testimonials--quote">"Everything you need and nothing you don’t"</div>
        <h4 class="rui-block-testimonials--author w-100">Ryan Cook</h4>
        <span class="rui-block-testimonials--additional">CEO | SoSimple</span>
    </div>
    <!-- End item -->
    <!-- Start item -->
    <div class="rui-block-testimonials-item text-center">
        <div class="rui-block-testimonials--quote">“I couldn’t imagine using anything else!”</div>
        <h4 class="rui-block-testimonials--author w-100">Tim Smith</h4>
        <span class="rui-block-testimonials--additional">UX Designer | Clean&amp;Simple</span>
    </div>
    <!-- End item -->
    <!-- Start item -->
    <div class="rui-block-testimonials-item text-center">
        <div class="rui-block-testimonials--quote">"Lorem ipsum dolar set”</div>
        <h4 class="rui-block-testimonials--author w-100">Anna van Diesel</h4>
        <span class="rui-block-testimonials--additional">Senior Product Designer | ABC Design</span>
    </div>
    <!-- End item -->
</div>
<!-- End - Block - Testimonials #2 -->

Preview

HTML Code

<!-- Start - Block - Testimonials #1 -->
<div class="wrapper-fw rui-block-testimonials-2">
    <div class="rui-card-testimonials-grid">

        <!-- Start item -->
        <div class="rui-block-testimonials-item d-flex justify-content-center text-center">
            <div class="rui-block-testimonials--quote">"Everything you need and nothing you don’t"</div>
            <span class="rui-block-testimonials--author">Ryan Cook</span>
            <span class="rui-block-testimonials--additional mb-3">CEO | SoSimple</span>
            <img src="https://assets.rosea.io/demofiles/alpha/block6/logo-1.svg" alt="Logo" width="100" height="34" class="atto_image_button_text-bottom">
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-testimonials-item d-flex justify-content-center text-center">
            <div class="rui-block-testimonials--quote">“I couldn’t imagine using anything else!”</div>
            <span class="rui-block-testimonials--author">Tim Smith</span>
            <span class="rui-block-testimonials--additional mb-3">UX Designer | Clean&amp;Simple</span>
            <img src="https://assets.rosea.io/demofiles/alpha/block6/logo-2.svg" alt="Logo" width="100" height="34" class="atto_image_button_text-bottom">
        </div>
        <!-- End item -->

        <!-- Start item -->
        <div class="rui-block-testimonials-item d-flex justify-content-center text-center">
            <div class="rui-block-testimonials--quote">"One of the best Moodle Theme I've ever used”</div>
            <span class="rui-block-testimonials--author">Anna van Diesel</span>
            <span class="rui-block-testimonials--additional mb-3">Senior Product Designer | ABC Design</span>
            <img src="https://assets.rosea.io/demofiles/alpha/block6/logo-3.svg" alt="Logo" width="100" height="25" class="atto_image_button_text-bottom">
        </div>
        <!-- End item -->

    </div>
</div>
<!-- End - Block - Testimonials #1 -->

How to add more item to blocks?