(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | < | + | <head> |
+ | <style> | ||
− | + | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | |
− | + | /* Clear the default wiki settings */ | |
− | + | ||
− | + | ||
− | + | #home_logo, #sideMenu { | |
+ | display: none; | ||
+ | } | ||
− | + | #sideMenu, #top_title, .patrollink { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #content { | |
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
− | + | body { | |
− | + | background-color: #FAFAFA; | |
− | + | !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Template:Peking/mdl/materialminjs? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2017.igem.org/Template:Peking/mdl/component?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <script type="text/javascript" | ||
+ | src="https://2017.igem.org/Template:Peking/mdl/componentjs?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <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"> | ||
+ | <!-- Fonts --> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Peking/mdl/fonts?action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2017.igem.org/Template:Peking/mdl/icon?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <!-- Always shows a header, even in smaller screens. --> | ||
+ | <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> | ||
+ | <header class="mdl-layout__header"> | ||
+ | <div class="mdl-layout__header-row"> | ||
+ | <!-- Title --> | ||
+ | <a href="https://2017.igem.org/Team:Peking"><img | ||
+ | src="https://static.igem.org/mediawiki/2017/c/cf/Peking_TeamLogoClassical.png" height="35"></a> | ||
+ | |||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking" | ||
+ | style="color: #000000; font-size: x-large"><strong>Peking iGEM </strong> 2017</a> | ||
+ | <!-- Add spacer, to align navigation to the right --> | ||
+ | <div class="mdl-layout-spacer"></div> | ||
+ | <!-- Navigation. We hide it in small screens. --> | ||
+ | <nav class="mdl-navigation mdl-layout--large-screen-only"> | ||
+ | <style> | ||
+ | a:link { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | } | ||
+ | </style> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking">Home</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Project">Project</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model">Modelling</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware">Hardware</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab" style="color: #000; font-weight: 500;">Lab</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Parts">Parts</a> | ||
+ | <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team">Team</a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
</div> | </div> | ||
+ | |||
+ | <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 --> | ||
+ | <style> | ||
+ | |||
+ | a:link { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .demo-card-wide.mdl-card { | ||
+ | margin-bottom: 20px; | ||
+ | margin-top: 110px; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | .demo-card-wide > .mdl-card__title { | ||
+ | padding-left: 40px; | ||
+ | padding-right: 40px; | ||
+ | color: #fff; | ||
+ | height: 450px; | ||
+ | } | ||
+ | .demo-card-wide > .mdl-card__menu { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px"> | ||
+ | <div class="mdl-cell mdl-cell--12-col"> | ||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 50px; margin-right: 30px; margin-top: 120px; margin-bottom: 30px;"> | ||
+ | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/e/e2/Member2.JPG') center / cover;"> | ||
+ | <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707;"><strong>Team Members</strong></h1> | ||
+ | </div> | ||
+ | <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px"> | ||
+ | Peking iGEM 2017 consists of 14 undergraduates from Peking University with mixed backgrounds of life science, medicine, biomedical engineering, pharmacy, electrical engineering and computer science. Over the past six months, we have formed a professional and passionate team, with shared goal to strive for, mutual trust, and effective communication.<br><br> | ||
+ | <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Collaborations" style="background-color: #98040C; color: white;"> | ||
+ | Know Us | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px"> | ||
+ | <div class="mdl-cell mdl-cell--6-col"> | ||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 50px; margin-right: 30px; margin-top: 30px; margin-bottom: 100px"> | ||
+ | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/c/c8/Peking_Collaboration_Background.jpeg') center / cover;"> | ||
+ | <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707;"><strong>Collaborations</strong></h1> | ||
+ | </div> | ||
+ | <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px"> | ||
+ | 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...L<br><br> | ||
+ | <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Collaborations" style="background-color: orangered; color: white;"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="mdl-cell mdl-cell--6-col"> | ||
+ | <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-right: 50px; margin-left: 30px; margin-top: 30px; margin-bottom: 50px"> | ||
+ | <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/ff/Peking_Interlab_background.jpeg') center / cover;"> | ||
+ | <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707;"><strong>Attributions</strong></h1> | ||
+ | </div> | ||
+ | <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px"> | ||
+ | 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...L<br><br> | ||
+ | <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Attributions" style="background-color: ; color: white;"> | ||
+ | Read More | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section> | ||
+ | <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;"> | ||
+ | <div class="mdl-mega-footer__middle-section"> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h1 class="mdl-mega-footer__heading">Acknowledgement</h1> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
+ | <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://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> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h1 class="mdl-mega-footer__heading">Connection</h1> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
+ | <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.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ">Youtube</a></li> | ||
+ | <li><a href="https://twitter.com/iGEM_Peking">Twitter</a></li> | ||
+ | <li><a href="https://github.com/PekingiGEM2017">Github</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h1 class="mdl-mega-footer__heading">Contact</h1> | ||
+ | <ul class="mdl-mega-footer__link-list" style="margin-left: 0px;> | ||
+ | <li><a href="http://www.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> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="mdl-mega-footer__drop-down-section"> | ||
+ | <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked> | ||
+ | <h2 style="color: white; "> <strong>Peking iGEM</strong> 2017</h2> | ||
+ | <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 District, Beijing, P.R.China<br>100871</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </footer> | ||
+ | |||
+ | </main> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 11:13, 29 October 2017
Team Members
Peking iGEM 2017 consists of 14 undergraduates from Peking University with mixed backgrounds of life science, medicine, biomedical engineering, pharmacy, electrical engineering and computer science. Over the past six months, we have formed a professional and passionate team, with shared goal to strive for, mutual trust, and effective communication.
Know Us
Know Us
Collaborations
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...L
Read More
Read More
Attributions
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...L
Read More
Read More