blob: 6d798a72bf385c36349e9154460d364e953c5b27 [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +01001<!-- Uses a header that scrolls with the text, rather than staying
2 locked at the top -->
3<div class="mdl-layout mdl-js-layout">
4 <header class="mdl-layout__header mdl-layout__header--scroll">
5 <div class="mdl-layout__header-row">
6 <!-- Title -->
7 <span class="mdl-layout-title">Title</span>
8 <!-- Add spacer, to align navigation to the right -->
9 <div class="mdl-layout-spacer"></div>
10 <!-- Navigation -->
11 <nav class="mdl-navigation">
12 <a class="mdl-navigation__link" href="">Link</a>
13 <a class="mdl-navigation__link" href="">Link</a>
14 <a class="mdl-navigation__link" href="">Link</a>
15 <a class="mdl-navigation__link" href="">Link</a>
16 </nav>
17 </div>
18 </header>
19 <div class="mdl-layout__drawer">
20 <span class="mdl-layout-title">Title</span>
21 <nav class="mdl-navigation">
22 <a class="mdl-navigation__link" href="">Link</a>
23 <a class="mdl-navigation__link" href="">Link</a>
24 <a class="mdl-navigation__link" href="">Link</a>
25 <a class="mdl-navigation__link" href="">Link</a>
26 </nav>
27 </div>
28 <main class="mdl-layout__content">
29 <div class="page-content"><!-- Your content goes here --></div>
30 </main>
31</div>