---
description: 'Site administration -> Appearance -> Alpha -> Block #1'
---

# 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="https://2392718208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjCQEtIvsTA0eOyo5BCXE%2Fuploads%2FE5WqLLaxK7EvVHEJ9Fnp%2Fhero-moodle-theme.png?alt=media&#x26;token=31f3dbb7-df0b-4af2-b7a7-0f9dadfb73df" 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 %}

