Ryoko headers

Just create awesome headers.

Bootstrap

Just an example using bootstrap css. We did play around and added a container and jumbotron this time.

Code

<div class="ryoko" style="background-image: url(https://images.unsplash.com/photo-1446413407776-763bd743ae47?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1200&h=800&fit=crop&s=116c38dd55a30ae98c3c653a0434b5b8)">
    <div class="ryoko-body">
        <div class="container">
            <div class="jumbotron ryoko-faded text-white">
                <h1>Ryoko headers</h1>
                <p class="lead">Just create awesome headers.</p>
            </div>
        </div>
    </div>
</div>

Check out other frameworks