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

  <div class="rui-hero-desc">An awesome theme dedicated to Moodle 4.0 and 4.1. Check how amazing it is.</div>
  <div class="rui-hero-btns d-inline-flex flex-wrap">
      <a href="https://demo.rosea.io/space/1/login/index.php" class="btn btn-lg btn-primary  hideforloggedin">Sign up</a>
      <a href="https://demo.rosea.io/space/1/login/index.php" class="btn btn-lg btn-light">Get this theme</a>
  </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)