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

# Block #1

Hero Slider. Script: Swiper. MIT Licensed, v7.0.8 released on October 4, 2021

**Credits:** [Swiper](https://swiperjs.com/). MIT Licensed, v7.0.8 released on October 4, 2021

<figure><img src="/files/XdF0LSL748jxE0SnI9GK" alt=""><figcaption></figcaption></figure>

### Available options:

1. Full-width container (on/off)
2. Additional Class Name
3. **Content Wrapper Alignment:** *(Left, Middle, Right)*
4. **Heading Size:** *(Normal, Large, Extra Large)*\
   *Normal: 40px , Large: 60px , Extra large: 80px*
5. **Heading Color:** *White, Dark, Gradient*
6. **Heading Font Weight:** *Normal(400), Medium(500), Bold (700)*
7. Show Colorized Content Wrapper (on/off)
8. Content Wrapper Color
9. Slider interval
10. Slider count (up to 7)

### Slide options:

1. Slide Image
2. Slide Heading
3. Slide Caption
4. Slide Custom CSS

**Sample code (3):**

{% code overflow="wrap" lineNumbers="true" %}

```html
<div class="rui-hero-desc">
<p>The Space 2 is dedicated only for Moodle 4.0 and later. For Moodle 3.9 - 3.11 there is Space 1.14</p>
<p class="mt-3 small">Need help with theme customization?<br>Or you want to report a bug?</p>
</div>
<div class="rui-hero-btns mt-3">
<a href="https://1.envato.market/OR707N" target="_blank" class="btn btn-lg btn-light my-1">Get this theme!</a>
<a href="https://rosea.io/space-theme/" target="_blank" class="btn btn-lg btn-dark my-1 mx-0">Space 1.14 for Moodle 3.9 - 3.11</a>
</div>
```

{% endcode %}