Ryoko headers

Just create awesome headers.

Bulma css

Just an example using bulma css.



Code

<div class="ryoko" style="background-image: url(https://images.unsplash.com/photo-1465815367149-ca149851a3a9?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1200&h=800&fit=crop&s=bddcefd164f8dbbcdee34fede5eb45dc)">
    <div class="ryoko-body">
        <div class="box">
            <h3 class="title">Ryoko headers</h3>
            <p class="subtitle">Just create awesome headers.</p>
        </div>
    </div>
</div>

Check out other frameworks