# Block #15

{% 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](https://rosea.gitbook.io/baztheme/more/show-hide-for-non-logged-in-users)
2. **Title modifications** - [Learn more](https://rosea.gitbook.io/baztheme/global-styles/headings-text-modifications)
   {% endhint %}

### Available options

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

![](https://2873786088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCsh2IXpGstOXBcIR0peN%2Fuploads%2FMP0YRkhhHFVGozLM3DUI%2Fsep.svg?alt=media\&token=c216c050-ce9c-453e-8960-154078e4e819)

### Preview

![](https://2873786088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCsh2IXpGstOXBcIR0peN%2Fuploads%2Frsm0J7IMp0I49uWxK5ad%2Fblock15.png?alt=media\&token=cb1b1a6a-18f7-4ad0-94b7-816943570935)

![](https://2873786088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCsh2IXpGstOXBcIR0peN%2Fuploads%2FMP0YRkhhHFVGozLM3DUI%2Fsep.svg?alt=media\&token=c216c050-ce9c-453e-8960-154078e4e819)

### Code snippet

```html
<div class="wrapper-xxl">
    <!-- Start item -->
    <div class="row my-5">
        <div class="col-xs-12 col-md-6 rui-img--rounded-fluid">
            <img src="https://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/simg-1.jpeg" 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-2 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="https://demo.rosea.io/baz/1/course/" 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-2 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 Cicero's De Finibus in order to provide placeholder text...</p>
                <a href="https://demo.rosea.io/baz/1/course/" 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://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/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://demo.rosea.io/baz/1/pluginfile.php/1/theme_baz/bazsettingsimgs/0/simg-3.jpeg" 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-2 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="https://demo.rosea.io/baz/1/course/" class="btn btn-sm btn-secondary my-3">Available courses</a>
            </div>
        </div>
    </div>
    <!-- End item -->
</div>
```

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