Header

You can effectively combine and display multiple containers required for a header. Simply place the necessary components in HTML and set the appropriate classes.

How it works

Information required to use the header is as follows:

• There are two types of headers: .header-full, .header-slim
• A .header to wrap everything is required.

Slim

<header class="header">
    <nav class="header-slim">
        <a class="header-logo" href="">
            AsagaoUI
        </a>
    </nav>
</header>

Full

<header class="header">
    <nav class="header-full">
        <a class="header-logo" href="">
            AsagaoUI
        </a>
    </nav>
</header>