Standard header markup

gistfile1.html

        <header class="header" role="banner">
            <div class="container">
                <div class="col-sm-5">
                    <h1 class="site-title">DiJiFi</h1>
                </div>
                <nav class="nav col-sm-7">
                    <ul>
                        <li class="col-sm-3">Photos</li>
                        <li class="col-sm-3">Video</li>
                        <li class="col-sm-3">Film</li>
                        <li class="col-sm-3">Audio</li>
                    </ul>
                </nav>
            </div>
        </header> <!-- /.header -->