Line 107: | Line 107: | ||
</div> | </div> | ||
− | <main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" | + | <main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" style="width: 100%; padding-bottom: 0px; background-color: #FAFAFA;"> |
− | + | ||
<!-- Wide card with share menu button --> | <!-- Wide card with share menu button --> | ||
<style> | <style> | ||
Line 135: | Line 134: | ||
width: auto; | width: auto; | ||
} | } | ||
− | |||
.demo-card-wide > .mdl-card__title { | .demo-card-wide > .mdl-card__title { | ||
color: #fff; | color: #fff; | ||
− | height: | + | height: 360px; |
} | } | ||
− | |||
.demo-card-wide > .mdl-card__menu { | .demo-card-wide > .mdl-card__menu { | ||
color: #fff; | color: #fff; | ||
Line 147: | Line 144: | ||
</style> | </style> | ||
− | < | + | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> |
− | < | + | <div class="mdl-card__title" style="background: url('Micro.png') center / cover; padding-left: 50px;"> |
− | + | <div class="mdl-card__title-text"> | |
− | + | <h1 style="font-size: xx-large"><strong>Microfluidics</strong></h1> | |
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px"> | |
− | + | <section class="docs-toc docs-text-styling"> | |
− | + | <nav class="section-content"> | |
+ | <ul style="margin-left: 0px;"> | ||
− | + | <li><a href="#lorem1">Description</a></li> | |
− | + | <li><a href="https://getmdl.io/components/index.html#layout-section/grid">Description</a> | |
− | + | </li> | |
− | + | ||
− | + | <li><a href="https://getmdl.io/components/index.html#layout-section/tabs">Description</a> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li><a href="https://getmdl.io/components/index.html#layout-section/footer">Description</a> | |
− | + | </li> | |
− | + | </ul> | |
+ | </nav> | ||
+ | </section> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis pellentesque lacus eleifend lacinia...<br><br> | ||
+ | <a class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware" style="background-color: #2979FF; color: white;"> | ||
+ | Back < Hardware | ||
+ | </a> | ||
+ | <a class="mdl-button mdl-button--accent mdl-js-button mdl-button--raised mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware" style="background-color: Indigo; color: white;"> | ||
+ | Goto > Hardware/Autosnap | ||
+ | </a> | ||
+ | </div> | ||
− | |||
− | + | <div class="mdl-card__menu"> | |
− | + | <a class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect"> | |
− | + | <i class="material-icons">settings</i> | |
− | + | </a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | + | </div> | |
− | </ | + | |
− | + | ||
<section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | ||
Line 347: | Line 241: | ||
<h1 class="mdl-mega-footer__heading">Acknowledgement</h1> | <h1 class="mdl-mega-footer__heading">Acknowledgement</h1> | ||
<ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
− | <li><a href=" http: | + | <li><a href="http://dean.pku.edu.cn/pkudean/"> </li> |
− | + | <li><a href="http://dean.pku.edu.cn/pkudean/"><img src="https://static.igem.org/mediawiki/2017/9/99/Peking_footer_logo_admin.png" height = "50px"/></a></li> | |
− | <li><a href="http://dean.pku.edu.cn/pkudean/"><img | + | <li><a href="http://www.bio.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/a/ab/Peking_footer_logo_slslogo.png" height = "50px"/> </a></li> |
− | + | <li><a href="http://cqb.pku.edu.cn/en/"> <img src="https://static.igem.org/mediawiki/2017/9/9a/Peking_footer_logo_cqb.png" height = "48px"/> </a></li> | |
− | + | ||
− | <li><a href="http://www.bio.pku.edu.cn/en/"> <img | + | |
− | + | ||
− | + | ||
− | <li><a href="http://cqb.pku.edu.cn/en/"> <img | + | |
− | + | ||
</ul> | </ul> | ||
Line 364: | Line 252: | ||
<input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
<h1 class="mdl-mega-footer__heading">Connection</h1> | <h1 class="mdl-mega-footer__heading">Connection</h1> | ||
− | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | + | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> |
− | <li><a href=" https: | + | <li><a href="https://www.facebook.com/pekingigem"></a></li> |
− | + | ||
<li><a href="https://www.facebook.com/pekingigem">Facebook</a></li> | <li><a href="https://www.facebook.com/pekingigem">Facebook</a></li> | ||
<li><a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li> | <li><a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li> | ||
Line 378: | Line 265: | ||
<h1 class="mdl-mega-footer__heading">Contact</h1> | <h1 class="mdl-mega-footer__heading">Contact</h1> | ||
<ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
− | <li><a href=" http: | + | <li><a href="http://www.synbiowiki.com"> </a></li> |
− | + | ||
<li><a href="http://www.synbiowiki.com">SynBioWiki.com</a></li> | <li><a href="http://www.synbiowiki.com">SynBioWiki.com</a></li> | ||
<li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li> | <li><a href="mailto:PekingIGEM@gmail.com">Mail</a></li> | ||
Line 387: | Line 273: | ||
<div class="mdl-mega-footer__drop-down-section"> | <div class="mdl-mega-footer__drop-down-section"> | ||
<input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
− | <h2 style="color: white; "><strong>Peking iGEM</strong> 2017</h2> | + | <h2 style="color: white; "> <strong>Peking iGEM</strong> 2017</h2> |
<ul class="mdl-mega-footer__link-list" style="margin-left: 0px;"> | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;"> | ||
− | <li style="color: white; line-height: 1.88em;">Peking University,<br> No.5 Yiheyuan Road Haidian | + | <li style="color: white; line-height: 1.88em;">Peking University,<br> No.5 Yiheyuan Road Haidian District, Beijing, P.R.China<br>100871</li> |
− | + | ||
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 401: | Line 285: | ||
</main> | </main> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 11:36, 24 October 2017
Microfluidics
Back < Hardware Goto > Hardware/Autosnap