Material Design Lite - Lists
home
Run
screen_rotation
fullscreen
cloud_download
navigate_next
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body> <div class="mdl-grid"> <div class="mdl-layout mdl-js-layout mdl-color--grey-100"> <main class="mdl-layout__content"> <ul class='mdl-list'> <li class="mdl-list__item">Item 1 </li> <li class="mdl-list__item">Item 2</li> <li class="mdl-list__item">Item 3</li> <li class="mdl-list__item">Item 4</li> <li class="mdl-list__item">Item 5</li> </ul> </main> </div> </body> </html>
<html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css"> <script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script> </head> <body> <div class="mdl-grid"> <div class="mdl-layout mdl-js-layout mdl-color--grey-100"> <main class="mdl-layout__content"> <ul class='mdl-list'> <li class="mdl-list__item">Item 1 </li> <li class="mdl-list__item">Item 2</li> <li class="mdl-list__item">Item 3</li> <li class="mdl-list__item">Item 4</li> <li class="mdl-list__item">Item 5</li> </ul> </main> </div> </body> </html>
Copyrights@tutorialsplane.com