Difference between revisions of "Team:Peking/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peking}}
+
<html lang="en">
  
−
<html>
+
<head>
  
 +
    <style>
  
  
−
<div class="column full_size" >
+
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
  
−
<h1>Team</h1>
+
        /* Clear the default wiki settings */
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
−
</div>
+
  
−
<div class="clear"></div>
+
        #home_logo, #sideMenu {
 +
            display: none;
 +
        }
  
−
<div class="column half_size" >
+
        #sideMenu, #top_title, .patrollink {
−
<h5>Inspiration</h5>
+
            display: none;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        }
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
</div>
+
        #content {
 +
            width: 100%;
 +
            padding: 0px;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
        }
  
−
<div class="column half_size" >
+
        body {
−
<h5>What should this page contain?</h5>
+
            background-color: #FAFAFA;
−
<ul>
+
            !important;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
        }
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
        #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

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

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

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