Block #10

Tips:

1. How to hide any element for non-logged in users or show it only for logged in users? Learn more

2. Title modifications - Learn more

Available options

• Turn on

• Show Block Separator (hr)

• Additional Class Name (only for developers)

• Intro Title

• Intro Content

• HTML Content

• Footer Content

Preview

Intro Content

<div class="lead-3">
It prepares them to thrive in today’s world — and to shape tomorrow’s. Apple is constantly creating resources to help educators do just that. Not only powerful products, but also tools, inspiration, and curricula to create magical learning experiences and make every moment of screen time worth it.
</div>

Code snippet

<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 mx-0">

    <!-- Start item -->
    <div class="rui-card-item col mb-4">
        <div class="rui-card h-100">
            <a href="https://rosea.io">
                <div class="rui-img--rounded-fluid"><img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/img-1.jpg" alt="img 1" width="400" height="225"></div>
            </a>
            <div class="rui-card-body">
                <h4 class="lead-4 mt-3">Get real-time insights on your performance.</h4>
                <p class="rui-card-text">Auto-generated reports: Get accurate insights on your performance with auto-generated reports that help create successful campaigns.</p>
                <ul class="rui-special-list rui-special-list--light">
                    <li>Personal asset watchlists</li>
                    <li>Curated market data feed</li>
                    <li class="list-icon-x">Sansheets plugin with pre-made templates</li>
                </ul>
                <a href="https://rosea.io" class="mt-2 btn btn-secondary w-100">Learn more about the Smart Keyboard</a>
            </div>
        </div>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="rui-card-item col mb-4">
        <div class="rui-card h-100">
            <a href="https://rosea.io">
                <div class="rui-img--rounded-fluid"><img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/img-2.jpg" alt="img 2" width="400" height="225"></div>
            </a>
            <div class="rui-card-body">
                <h4 class="lead-4 mt-3">Get real-time insights on your performance.</h4>
                <p class="rui-card-text">Auto-generated reports: Get accurate insights on your performance with auto-generated reports that help create successful campaigns.</p>
                <ul class="rui-special-list rui-special-list--light">
                    <li>Personal asset watchlists</li>
                    <li>Curated market data feed</li>
                    <li class="list-icon-x">Sansheets plugin with pre-made templates</li>
                </ul>
                <a href="https://rosea.io" class="mt-2 btn btn-secondary w-100">Learn more about the Smart Keyboard</a>
            </div>
        </div>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="rui-card-item col mb-4">
        <div class="rui-card h-100">
            <a href="https://rosea.io">
                <div class="rui-img--rounded-fluid"><img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/img-4.jpg" alt="img 3" width="400" height="225"></div>
            </a>
            <div class="rui-card-body">
                <h4 class="lead-4 mt-3">Get real-time insights on your performance.</h4>
                <p class="rui-card-text">Auto-generated reports: Get accurate insights on your performance with auto-generated reports that help create successful campaigns.</p>
                <ul class="rui-special-list rui-special-list--light">
                    <li>Personal asset watchlists</li>
                    <li>Curated market data feed</li>
                    <li class="list-icon-x">Sansheets plugin with pre-made templates</li>
                </ul>
                <a href="https://rosea.io" class="mt-2 btn btn-secondary w-100">Learn more about the Smart Keyboard</a>
            </div>
        </div>
    </div>
    <!-- End item -->

</div>

How to add more item to blocks?