Difference between revisions of "Team:Peking/Team"

 
(5 intermediate revisions by the same user not shown)
Line 27: Line 27:
 
         body {
 
         body {
 
             background-color: #FAFAFA;
 
             background-color: #FAFAFA;
            !important;
+
        !important;
 
         }
 
         }
  
Line 63: Line 63:
 
<!-- Always shows a header, even in smaller screens. -->
 
<!-- Always shows a header, even in smaller screens. -->
 
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
     <header class="mdl-layout__header">
+
     <header class="mdl-layout__header" style="position:fixed; margin-top: -7px; !important;">
 
         <div class="mdl-layout__header-row">
 
         <div class="mdl-layout__header-row">
 
             <!-- Title -->
 
             <!-- Title -->
Line 92: Line 92:
 
                 </style>
 
                 </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">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/Project#Introduction">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/Model#Overview">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/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/Hardware">Hardware</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">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/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/Parts#Overview">Parts</a>
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team" style="color: #000; font-weight: 500;">Team</a>
+
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Team"
 +
                  style="color: #000; font-weight: 500;">Team</a>
 
             </nav>
 
             </nav>
 
         </div>
 
         </div>
Line 106: Line 107:
 
</div>
 
</div>
  
<main class="docs-layout-content mdl-layout__content mdl-color-text--grey-600" style="width: 100%; padding-bottom: 0px; background-color: #FAFAFA;">
+
<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 132: Line 134:
 
             height: auto;
 
             height: auto;
 
         }
 
         }
 +
 
         .demo-card-wide > .mdl-card__title {
 
         .demo-card-wide > .mdl-card__title {
 
             padding-left: 40px;
 
             padding-left: 40px;
Line 138: Line 141:
 
             height: 450px;
 
             height: 450px;
 
         }
 
         }
 +
 
         .demo-card-wide > .mdl-card__menu {
 
         .demo-card-wide > .mdl-card__menu {
 
             color: #fff;
 
             color: #fff;
Line 143: Line 147:
  
 
     </style>
 
     </style>
 
 
  
  
 
     <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 
     <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 
         <div class="mdl-cell mdl-cell--12-col">
 
         <div class="mdl-cell mdl-cell--12-col">
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 40px; margin-right: 40px; margin-top: 120px; margin-bottom: 30px;">
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp"
                 <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/e/e2/Member2.JPG') center / cover;">
+
                style="margin-left: 40px; margin-right: 40px; margin-top: 120px; margin-bottom: 30px;">
                     <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large"><strong>Team Members</strong></h1>
+
                 <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; font-size: xx-large">
 +
                        <strong>Team Members</strong></h1>
 
                 </div>
 
                 </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">
+
                 <div class="mdl-card__supporting-text"
                     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>
+
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
                     <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/TeamMembers" style="background-color: #98040C; color: white;">
+
                     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/TeamMembers" target="_blank"
 +
                      style="background-color: #98040C; color: white;">
 
                         Know Us
 
                         Know Us
 
                     </a>
 
                     </a>
Line 167: Line 178:
 
     <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 
     <div class="mdl-grid mdl-grid--no-spacing" style="margin: 0px">
 
         <div class="mdl-cell mdl-cell--6-col">
 
         <div class="mdl-cell mdl-cell--6-col">
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-left: 40px; margin-right: 30px; margin-top: 30px; margin-bottom: 100px">
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp"
                 <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/c/c8/Peking_Collaboration_Background.jpeg') center / cover;">
+
                style="margin-left: 40px; margin-right: 20px; margin-top: 30px; margin-bottom: 100px; height : 700px">
                     <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large"><strong>Collaborations</strong></h1>
+
                 <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; font-size: xx-large">
 +
                        <strong>Collaborations</strong></h1>
 
                 </div>
 
                 </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">
+
                 <div class="mdl-card__supporting-text"
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 10px; padding-top: 30px; padding-bottom:30px">
                     Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                     As one of the first iGEM teams in China, Peking iGEM has always been taking on a responsibility to help and
                    Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                     guide other young contestants, including undergraduate teams as well as high school teams.<br><br>
                    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"
                     <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: #E92E2B; color: white;">
+
                      href="https://2017.igem.org/Team:Peking/Collaborations" target="_blank"
 +
                      style="background-color: #E92E2B; color: white;">
 
                         Read More
 
                         Read More
 
                     </a>
 
                     </a>
Line 185: Line 200:
 
         </div>
 
         </div>
 
         <div class="mdl-cell mdl-cell--6-col">
 
         <div class="mdl-cell mdl-cell--6-col">
             <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-right: 40px; margin-left: 30px; margin-top: 30px; margin-bottom: 50px">
+
             <div class="demo-card-wide mdl-card mdl-shadow--2dp"
                 <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/1/1b/Peking_Attribution_background.jpeg') center / cover;">
+
                style="margin-right: 40px; margin-left: 20px; margin-top: 30px; margin-bottom: 50px;  height : 700px">
                     <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large"><strong>Attributions</strong></h1>
+
                 <div class="mdl-card__title"
 +
                    style="background: url('https://static.igem.org/mediawiki/2017/1/1b/Peking_Attribution_background.jpeg') center / cover;">
 +
                     <h1 class="mdl-card__title-text" style="text-shadow:2px 2px 8px #070707; font-size: xx-large">
 +
                        <strong>Attributions</strong></h1>
 
                 </div>
 
                 </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">
+
                 <div class="mdl-card__supporting-text"
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                    style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 30px; padding-right: 40px; padding-top: 30px; padding-bottom:30px">
                    Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                     We'd like to thank all those who have helped us over the competition. Without their sincere support,
                     Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
                     our project this year would have not been achieved.
                     Mauris sagittis pellentesque lacus eleifend lacinia...L<br><br>
+
                     <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:#E62565 ; color: white;">
+
                     <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" target="_blank"
 +
                      style="background-color:#E62565 ; color: white;">
 
                         Read More
 
                         Read More
 
                     </a>
 
                     </a>
Line 203: Line 223:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
 
 
 
  
  
Line 217: Line 233:
 
                 <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://dean.pku.edu.cn/pkudean/"> </li>
+
                     <li><a href=" http:
                 <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>
+
                //dean.pku.edu.cn/pkudean/"> </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://dean.pku.edu.cn/pkudean/"><img
                 <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>
+
                        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>
 
                 </ul>
Line 228: Line 250:
 
                 <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://www.facebook.com/pekingigem"></a></li>
+
                     <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 241: Line 264:
 
                 <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://www.synbiowiki.com"> </a></li>
+
                     <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 249: 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 District, Beijing, P.R.China<br>100871</li>
+
                     <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>

Latest revision as of 01:03, 2 November 2017

Peking iGEM 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

Collaborations

As one of the first iGEM teams in China, Peking iGEM has always been taking on a responsibility to help and guide other young contestants, including undergraduate teams as well as high school teams.

Read More

Attributions

We'd like to thank all those who have helped us over the competition. Without their sincere support, our project this year would have not been achieved.

Read More