# Grid Content #9

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

<figure><img src="https://1467436830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzE3nwrT9Zh3l0SGFdHp9%2Fuploads%2FkmEMOba36m6kLaxup72Y%2Fgrid-content-9-moodle-theme.png?alt=media&#x26;token=974d005e-cc04-4736-9960-d8df3ac163b1" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

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

{% endcode %}
{% endtab %}
{% endtabs %}

{% content-ref url="../how-to-add-more-item-to-blocks" %}
[how-to-add-more-item-to-blocks](https://rosea.gitbook.io/moon-iomad-moodle-theme/theme-settings/front-page-blocks/how-to-add-more-item-to-blocks)
{% endcontent-ref %}