> For the complete documentation index, see [llms.txt](https://rosea.gitbook.io/space-moodle-theme/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/space-moodle-theme/theme-settings/front-page-blocks/content/content-3.md).

# Content #3

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

<figure><img src="/files/XFsjDmsQWuNjDY4uhxTA" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

```html
<div class="wrapper-fw">
    <!-- Start item -->
    <div class="row my-5">
        <div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
            <img src="https://assets.rosea.io/themes/simg-1.jpg" alt="pic #1" width="600" height="472">
        </div>
        <div class="col-xs-12 col-md-6 d-flex flex-wrap align-content-center px-lg-6">
            <div>
                <h4 class="lead-4 my-3">baz makes it easy to create your e-learning website based on Moodle 3.11 and
                    later.</h4>
                <p>Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the
                    perfect placeholder.</p>
                <a href="#" class="btn btn-sm btn-secondary mt-3">Explore theme UI
                </a>
            </div>
        </div>
    </div>
    <!-- End item -->

    <hr class="hr-small">

    <!-- Start item -->
    <div class="row my-5">
        <div class="col-xs-12 col-md-6 d-flex flex-wrap align-content-center px-lg-6">
            <div>
                <h4 class="lead-4 my-3">Take full control of theme with the full access to all theme files and dozens of
                    settings.</h4>
                <p>According to McClintock, a 15th century typesetter likely scrambled part of Ciceros De Finibus in
                    order to provide placeholder text...</p>
                <a href="#" class="btn btn-sm btn-secondary my-3">Learn more about theme</a>
            </div>
        </div>

        <div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
            <img src="https://assets.rosea.io/themes/simg-2.png" alt="pic #2" width="600" height="472">
        </div>
    </div>
    <!-- End item -->

    <hr class="hr-small">

    <!-- Start item -->
    <div class="row my-5">
        <div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
            <img src="https://assets.rosea.io/themes/simg-3.jpg" alt="pic #4" width="600" height="472">
        </div>
        <div class="col-xs-12 col-md-6 d-flex flex-wrap align-content-center px-lg-6">
            <div>
                <h4 class="lead-4 my-3">Lifetime updates!</h4>
                <p>And anyways, as Cecil Adams reasoned, “[Do you really] think graphic arts supply houses were hiring
                    classics scholars in the 1960s?” Perhaps. But it seems reasonable to imagine that there was a
                    version in use far before the age of Letraset.</p>
                <a href="#" class="btn btn-sm btn-secondary my-3">Available courses</a>
            </div>
        </div>
    </div>
    <!-- End item -->
</div>
```

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

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rosea.gitbook.io/space-moodle-theme/theme-settings/front-page-blocks/content/content-3.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.