<section class="hero">
<div class="hero-body">
<div class="container">
<h1 class="title">
Hero title
</h1>
<h2 class="subtitle">
Hero subtitle
</h2>
</div>
</div>
</section>
← all Bulma classes list
Bulma class: .hero-body
Preview
Hero title
Hero subtitle
Use Shuffle AI to build your own Bulma CSS templates
Quickly design stunning Bulma CSS templates with the power of Shuffle AI — no coding required.
Check .hero-body in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
