Hero

Display a section with a background image and some content inside (mj_text, mj_button, mj_image ...) wrapped in mj-hero-content component.

mj_hero(...)

mj_hero_content(...)

Arguments

...	Unnamed items that comprise this list of MJML tags.

See also

https://mjml.io/documentation/#mjml-hero

Examples

mj_ml(
  mj_body(
    mj_container(
      mj_hero(
        mode = "fluid-height",
        `background-url` = paste0("https://media.vanityfair.com/photos/",
                                  "54cbf3da998d4de83ba3602a/master/",
                                  "w_960,c_limit/image.jpg"),
        mj_hero_content(
          mj_text("HERO")
        ),
        mj_button("MJML")
      )
    )
  )
)
#> <mjml>
#>   <mj-body>
#>     <mj-container>
#>       <mj-hero mode="fluid-height" background-url="https://media.vanityfair.com/photos/54cbf3da998d4de83ba3602a/master/w_960,c_limit/image.jpg">
#>         <mj-hero-content>
#>           <mj-text>HERO</mj-text>
#>         </mj-hero-content>
#>         <mj-button href="MJML"></mj-button>
#>       </mj-hero>
#>     </mj-container>
#>   </mj-body>
#> </mjml>