Simple Custom Open Data Header

CSS

#header {
    background-color: #ccc;
    height: 80px;
}

.logo {
    padding-top: 6px;
}
.inner-header h3 {
    line-height: 0;
    padding-top: 6px;
    text-align: right;
}

HTML

<div class="row">
    <div class="col-xs-6">
        <a href="http://www.esri.com"><img class="logo pull-left" src="http://open-data-qa-about.s3-website-us-east-1.amazonaws.com/images/logo-esri.png"></a>
    </div>
    <div class="col-xs-6">
        <h3>ArcGIS Open Data</h3>
    </div>
</div>

<!-- Skip-Nav should be placed ahead of links to allow non-sighted users to bypass navigation -->
<a href="#slide-region" class="skip-nav">Skip Navigation</a>

This Gist is the custom code mentioned in GeoNET answer to a question about customizing the header. (https://geonet.esri.com/message/535737)