mirror of
https://github.com/jgthms/bulma
synced 2026-03-17 19:04:30 -07:00
46 lines
810 B
HTML
46 lines
810 B
HTML
---
|
|
layout: cypress
|
|
title: Layout/Hero
|
|
---
|
|
|
|
{% capture content %}
|
|
<div class="hero-body">
|
|
<p class="title">
|
|
Hero title
|
|
</p>
|
|
<p class="subtitle">
|
|
Hero subtitle
|
|
</p>
|
|
</div>
|
|
{% endcapture %}
|
|
|
|
<section id="hero" class="hero">
|
|
{{ content }}
|
|
</section>
|
|
|
|
<section id="hero-small" class="hero is-small">
|
|
{{ content }}
|
|
</section>
|
|
|
|
<section id="hero-medium" class="hero is-medium">
|
|
{{ content }}
|
|
</section>
|
|
|
|
<section id="hero-large" class="hero is-large">
|
|
{{ content }}
|
|
</section>
|
|
|
|
<section id="hero-halfheight" class="hero is-halfheight">
|
|
{{ content }}
|
|
</section>
|
|
|
|
<section id="hero-fullheight" class="hero is-fullheight">
|
|
{{ content }}
|
|
</section>
|
|
|
|
<section id="hero-with-container" class="hero is-halfheight">
|
|
<div class="container">
|
|
{{ content }}
|
|
</div>
|
|
</section>
|