mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
36 lines
938 B
HTML
36 lines
938 B
HTML
|
<section class="hero is-fullheight is-primary">
|
||
|
|
<div class="hero-head">
|
||
|
|
<div class="container">
|
||
|
|
<div class="tabs is-centered">
|
||
|
|
<ul>
|
||
|
|
<li><a>This is always at the top</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="hero-body">
|
||
|
|
<div class="container has-text-centered">
|
||
|
|
<h3 class="title is-2">
|
||
|
|
<span class="icon is-medium">
|
||
|
|
<i class="fas fa-arrows-v"></i>
|
||
|
|
</span>
|
||
|
|
<a href="{{ site.url }}/documentation/layout/hero/">
|
||
|
|
Easy <strong>vertical centering</strong> in <strong>fullscreen</strong>
|
||
|
|
</a>
|
||
|
|
</h3>
|
||
|
|
<h4 class="subtitle is-4">Include any content you want, it's always centered</h4>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="hero-foot">
|
||
|
|
<div class="container">
|
||
|
|
<div class="tabs is-centered">
|
||
|
|
<ul>
|
||
|
|
<li><a>And this at the bottom</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|