Materialize CSS Experiments

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<header><nav>
    <div class="nav-wrapper">
      <a href="#" class="brand-logo">Logo</a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="sass.html">Sass</a></li>
        <li><a href="badges.html">Components</a></li>
        <li><a href="collapsible.html">JavaScript</a></li>
      </ul>
    </div>
  </nav></header>
<main>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam leo lorem, accumsan eu bibendum id, condimentum sed ligula. Proin sagittis sit amet risus vitae faucibus. Aliquam nec elit eget odio lobortis lobortis. Mauris vehicula consequat justo et laoreet. Pellentesque laoreet velit metus, vel finibus nibh efficitur a. Nunc non blandit enim, in ullamcorper ligula. Phasellus nec interdum turpis, a lacinia ligula. Vivamus pulvinar, ante ullamcorper sodales dignissim, lectus nunc laoreet lectus, at ultrices enim diam at dui. Aliquam erat volutpat. Suspendisse sit amet turpis egestas, efficitur nunc eleifend, pretium nibh. Donec viverra vel mi eu consequat. In gravida orci efficitur massa malesuada, eget consequat eros vulputate. Vestibulum eget condimentum ante, in accumsan dolor. Ut vitae luctus est. Sed porttitor feugiat ante, in iaculis sapien suscipit sagittis.

Pellentesque egestas ornare quam ac finibus. Vivamus tincidunt vitae sem quis sollicitudin. Donec nulla purus, accumsan eget nisl id, lobortis finibus lorem. Nam varius, orci id scelerisque tristique, quam magna lacinia magna, sit amet lobortis nisi libero eget ipsum. Praesent sit amet ante posuere est tempor dapibus. Sed malesuada porttitor odio a bibendum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin sagittis rhoncus purus, eget tempor ipsum ultricies sit amet. Maecenas sodales arcu lorem,...

CSS

footer{
  position: fixed;
  bottom: 0;
  width: 100%;
}