<header class="header-6">
        <div class="branding">
            <a href="javascript://" class="nav-link">
                <span class="clr-icon clr-vmw-logo"></span>
                <span class="title">Clarity Demo</span>
            </a>
        </div>
        <div class="header-nav">
            <a href="javascript://" class="active nav-link"><span class="nav-icon fa fa-home fa-fw"></span></a>
            <a href="javascript://" class="nav-link"><span class="nav-icon fa fa-cloud fa-fw"></span></a>
        </div>
        <form class="search">
            <label for="search_input">
                <input id="search_input" type="text" placeholder="Search for Components...">
            </label>
        </form>
        <div class="header-actions">
            <a href="javascript://" class="nav-link"><span class="nav-icon fa fa-cog"></span></a>
        </div>
    </header>