Difference between revisions of "Template:Peking/NavBar"
| Line 2: | Line 2: | ||
<head> | <head> | ||
| − | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | + | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> |
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/MDLnew?action=raw&ctype=text/css"> | ||
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Peking/mdl/main?action=raw&ctype=text/css"> | ||
| Line 202: | Line 202: | ||
</head> | </head> | ||
| − | |||
| − | |||
<!-- The drawer is always open in large screens. The header is always shown, | <!-- The drawer is always open in large screens. The header is always shown, | ||
even in small screens. --> | even in small screens. --> | ||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer | ||
mdl-layout--fixed-header"> | mdl-layout--fixed-header"> | ||
| − | + | <header class="mdl-layout__header"> | |
| − | + | <div class="mdl-layout__header-row"> | |
| − | + | <div class="mdl-layout-spacer"></div> | |
| − | + | <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable | |
mdl-textfield--floating-label mdl-textfield--align-right"> | mdl-textfield--floating-label mdl-textfield--align-right"> | ||
| − | + | <label class="mdl-button mdl-js-button mdl-button--icon" | |
| − | + | for="fixed-header-drawer-exp"> | |
| − | + | <i class="material-icons">search</i> | |
| − | + | </label> | |
| − | + | <div class="mdl-textfield__expandable-holder"> | |
| − | + | <input class="mdl-textfield__input" type="text" name="sample" | |
| − | + | id="fixed-header-drawer-exp"> | |
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
| − | + | </header> | |
| + | <div class="mdl-layout__drawer"> | ||
| + | <span class="mdl-layout-title">Title</span> | ||
| + | <nav class="mdl-navigation"> | ||
| + | <a class="mdl-navigation__link" href="">Link</a> | ||
| + | <a class="mdl-navigation__link" href="">Link</a> | ||
| + | <a class="mdl-navigation__link" href="">Link</a> | ||
| + | <a class="mdl-navigation__link" href="">Link</a> | ||
| + | </nav> | ||
</div> | </div> | ||
| − | + | <main class="mdl-layout__content"> | |
| − | + | <div class="page-content"><!-- Your content goes here --></div> | |
| − | + | </main> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| + | |||
| + | <body> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 10:50, 16 October 2017
Title
