> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/baztheme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea.gitbook.io/baztheme/theme-settings/front-page-blocks/block-17.md).

# Block #17

{% hint style="info" %}
**Tips:**

1. How to **hide** any element for **non-logged** in **users** or show it only for **logged in** users? [Learn more](/baztheme/more/show-hide-for-non-logged-in-users.md)
2. **Title modifications** - [Learn more](/baztheme/global-styles/headings-text-modifications.md)
   {% endhint %}

### Available options

* Turn on
* Show Block Separator (hr)
* Additional Class Name (only for developers)
* Intro Title
* Intro Content
* HTML Content
* Footer Content

![](/files/bkqUuLhLMd0Yjjyl2yGR)

### Preview

![](/files/p6LYlIFSoSiRWP7b51Cm)

![](/files/bkqUuLhLMd0Yjjyl2yGR)

### Code snippet

```html
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 wrapper-xxl">
    <!-- Start item -->
    <div class="rui-card-item col mb-sm-4 mb-lg-0">
        <div class="rui-card h-100">
            <div class="rui-card-body">
                <h4 class="mb-3">Indigenous peoples Education Australia Queensland.</h4>
                <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?time=1635624685924" alt="img 4" width="400" height="225"></div>
                </a>
                <p class="rui-card-text mt-3">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="rui-card-btn-link mt-2">Learn more about moodle themes</a>
            </div>
        </div>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="rui-card-item col mb-sm-4 mb-lg-0">
        <div class="rui-card h-100">
            <div class="rui-card-body">
                <span class="badge-xs badge-warning">Updated: October 11, 2011</span>
                <h4 class="mt-2 mb-3">Aboriginal Australians Study and teaching Australia Queensland.</h4>
                <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-5.jpg" alt="img 5" width="400" height="225"></div>
                </a>
                <p class="rui-card-text mt-3">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 class="list-icon-x">Sansheets plugin with pre-made templates</li>
                </ul>
                <a href="https://demo.rosea.io/baz/1/course/index.php?categoryid=1" class="rui-card-btn-link mt-2">For beginners</a>
            </div>
        </div>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="rui-card-item col mb-sm-4 mb-lg-0">
        <div class="rui-card h-100">
            <div class="rui-card-body">
                <span class="badge-xs badge-info">New</span>
                <h4 class="mt-2 mb-3">Curriculum-based assessment Aids and devices.</h4>
                <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-6.jpg" alt="img 6" width="400" height="225"></div>
                </a>
                <p class="rui-card-text mt-3">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://demo.rosea.io/baz/1/course/index.php?categoryid=3" class="rui-card-btn-link mt-2">For Pro</a>
            </div>
        </div>
    </div>
    <!-- End item -->

</div>
```

{% content-ref url="/pages/1qUbO4Fl0XGCANPYeLMK" %}
[How to add more item to blocks?](/baztheme/theme-settings/front-page-blocks/how-to-add-more-item-to-blocks.md)
{% endcontent-ref %}