mdl-layout.html

<div class="testorange-content mdl-layout__content">
    <div class="testorange-hero-section mdl-typography--text-center">
        <a name="#top"></a>
        <div class="hero-font testorange-slogan">welcome to the orange world</div>
        <div class="hero-font testorange-sub-slogan">orange, orange and more orange</div>
        <a href="#why-orange">
            <button class="more-fab mdl-button mdl-button--colored mdl-js-button mdl-button--fab mdl-js-ripple-effect">
            <i class="material-icons">expand_more</i>
        </button>
        </a>
    </div>
</div>