Comment on page

Block #3 - Hero Image

Simple Hero Image

Demo Settings
Full-width container: Off
Content Wrapper Alignment: Left
Heading: Works with Moodle 4.x
Heading Size: Normal
Heading Color: White
Heading Weight: Bold
Caption
1
<div class="rui-hero-desc">An awesome theme dedicated to Moodle 4.0 and 4.1. Check how amazing it is.</div>
2
<div class="rui-hero-btns d-inline-flex flex-wrap">
3
    <a href="https://demo.rosea.io/space/1/login/index.php" class="btn btn-lg btn-primary  hideforloggedin">Sign up</a>
4
    <a href="https://demo.rosea.io/space/1/login/index.php" class="btn btn-lg btn-light">Get this theme</a>
5
</div>
Available options
Full-width container (Full width: 100%, Standard: max-width: 1200px )
​Additional Class Name (For developers)​
Content Wrapper Alignment (Left, Middle, Right)
Block Intro Content (HTML Content before the block)
Heading Size (Normal, Large, Extra Large)
Normal: 40px , Large: 60px , Extra Large: 80px
Heading Color (Black, White, Gradient)
Gradient: $primary-color-200, $primary-color-600
​
// CSS class
.rui-text--gradient
Heading Font Weight (Normal, Medium, Bold)
Show Colorized Content Wrapper (On/Off)
Content Wrapper Color (HEX)

Block #2 - Video Hero

Block #4 - Hero Slider #2

Last modified 11mo ago