Line 2: | Line 2: | ||
<head> | <head> | ||
− | + | <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/materialmin?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"> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
Line 11: | Line 14: | ||
#top_title { | #top_title { | ||
display: none; | display: none; | ||
− | } | + | } |
#content { | #content { | ||
Line 199: | Line 202: | ||
</head> | </head> | ||
+ | |||
+ | <body> | ||
+ | <style> | ||
+ | .demo-card-wide.mdl-card { | ||
+ | width: 512px; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | color: #fff; | ||
+ | height: 176px; | ||
+ | background: url('../assets/demos/welcome_card.jpg') center / cover; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #fff; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div align="center"> | ||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp" align="center"> | ||
+ | <div class="mdl-card__title"> | ||
+ | <h2 class="mdl-card__title-text">Welcome</h2> | ||
+ | </div> | ||
+ | <div class="mdl-card__supporting-text"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia... | ||
+ | </div> | ||
+ | <div class="mdl-card__actions mdl-card--border"> | ||
+ | <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> | ||
+ | Get Started | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mdl-card__menu"> | ||
+ | <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | ||
+ | <i class="material-icons">share</i> | ||
+ | </button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 04:56, 15 October 2017
Welcome
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris sagittis pellentesque lacus eleifend lacinia...