Difference between revisions of "Team:Peking/InterLab"

Line 1: Line 1:
−
{{Peking}}
+
<html lang="en">
−
<html>
+
  
 +
<head>
  
 +
    <style>
  
  
−
<div class="column full_size">
+
        /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
−
<h1>InterLab</h1>
+
 
−
<h3>Bronze Medal Criterion #4</h3>
+
        /* Clear the default wiki settings */
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
+
 
−
<br><br>
+
        #home_logo, #sideMenu {
−
For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.  
+
            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>
  
−
</p>
 
 
</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-left: 50px;
 +
            margin-right: 50px;
 +
            margin-top: 120px;
 +
            margin-bottom: 50px;
 +
            width: auto;
 +
        }
 +
        .demo-card-wide > .mdl-card__title {
 +
            color: #fff;
 +
            height: 360px;
 +
        }
 +
        .demo-card-wide > .mdl-card__menu {
 +
            color: #fff;
 +
        }
 +
 +
    </style>
 +
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 +
        <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/f/ff/Peking_Interlab_background.jpeg') center / cover; padding-left: 50px;">
 +
            <div class="mdl-card__title-text">
 +
                <h1 style="font-size: xx-large; color: white"><strong>Interlab</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>
 +
            <br>
 +
            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><br><br><br><br>
 +
            <a class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Lab" style="background-color: #A22026; color: white;">
 +
                Back < Lab
 +
            </a>
 +
 +
            <a id="demo-menu-top-left"
 +
                    class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" style="background-color: red; color: white;">
 +
                Goto > Lab/...
 +
            </a>
 +
 +
            <ul class="mdl-menu mdl-menu--top-left mdl-js-menu mdl-js-ripple-effect"
 +
                data-mdl-for="demo-menu-top-left">
 +
 +
                <li class="mdl-menu__item"><a href="https://2017.igem.org/Team:Peking/Notebook" style="color: #000;">Notebook</a></li>
 +
                <li class="mdl-menu__item"><a href="https://2017.igem.org/Team:Peking/Notebook" style="color: #000;">Protocols</a></li>
 +
                <li class="mdl-menu__item"><a href="https://2017.igem.org/Team:Peking/Notebook" style="color: #000;">Safety</a></li>
 +
            </ul>
 +
           
 +
 +
 +
        </div>
 +
 +
 +
        <div class="mdl-card__menu">
 +
            <a class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
 +
                <i class="material-icons">opacity</i>
 +
            </a>
 +
        </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 04:00, 28 October 2017

Peking iGEM 2017

Interlab


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...





Back < Lab Goto > Lab/...
opacity