Grid Content #9

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

Preview

HTML Code

<!-- Start - Block - Grid Content #9 -->
<div class="row row-cols-1 row-cols-lg-2 mt-5">

    <!-- Col #1 -->
    <div class="px-5">
        <div class="mb-4 rui-img--rounded-fluid">
            <img src="https://assets.rosea.io/themes/img.jpg" alt="pic" width="800" height="533" class="img-fluid w-100">
        </div>
        <div class="rui-card--blank">
            <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--primary">
                <li>Personal asset watchlists</li>
                <li>Curated market data feed</li>
                <li>20+ on-chain, social &amp; dev metrics</li>
                <li>Low-latency market signals and alerts</li>
                <li class="list-icon-x">Sansheets plugin with pre-made templates</li>
            </ul>
            <a href="https://rosea.io" class="rui-card-btn-link mt-2">Learn more about the Smart Keyboard</a>
        </div>
    </div>
    <!-- End Col #1 -->

    <!-- Col #2 -->
    <div class="p-3">
        <div class="mb-4 rui-img--rounded-fluid">
            <img src="https://assets.rosea.io/themes/img.jpg" alt="pic" width="800" height="533" class="img-fluid w-100">
        </div>
        <div class="rui-card--blank">
            <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--primary">
                <li>Personal asset watchlists</li>
                <li>Curated market data feed</li>
                <li>20+ on-chain, social &amp; dev metrics</li>
                <li>Low-latency market signals and alerts</li>
                <li class="list-icon-x">Sansheets plugin with pre-made templates</li>
            </ul>
            <a href="https://rosea.io" class="rui-card-btn-link mt-2">Learn more about the Smart Keyboard</a>
        </div>
    </div>
    <!-- End Col #2 -->

</div>
<!-- End item -->
<!-- End - Block - Grid Content #9 -->

How to add more item to blocks?