<!DOCTYPE html>
<html>
<head>
  <include src="include/_head.html"></include>
  <title>Material Design Lite Extensions</title>
</head>

<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
  <include src="include/_header.html"></include>
  <include src="include/_drawer.html"></include>
  <main id="mount" class="mdl-layout__content">
    <include src="include/_index.html"></include>
  </main>
</div>
<include src="include/_scripts.html"></include>
<script>
  (function() {
    'use strict';
    document.addEventListener('DOMContentLoaded', function() {
      var title = document.querySelector('#header-title');
      if(title) {
        title.innerHTML = 'Material Design Lite Extensions';
      }
    });
  }());
</script>
</body>
</html>