Difference between revisions of "Team:Peking/Part Collection"

Line 1: Line 1:
−
  <script type="text/javascript" >
+
  <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
 +
<html lang="en">
 +
<head>
 +
  <!-- Define Charset -->
 +
  <meta charset="utf-8">
 +
  <!-- Responsive Metatag -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
    <!-- Page Description and Author -->
 +
  <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
 +
 
 +
  <!--add  ?action=raw&amp;ctype=text/css    when using Css-->
 +
  <!-- Bootstrap CSS V  -->
 +
  <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&amp;ctype=text/css" type="text/css" media="screen">
 +
  <!-- Font Awesome CSS V -->
 +
  <!--<link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS/Font?action=raw&amp;ctype=text/css" type="text/css" media="screen">-->
 +
  <!-- Margo CSS Styles  V-->
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&amp;ctype=text/css" media="screen">
 +
  <!-- Responsive CSS Styles  -->
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&amp;ctype=text/css" media="screen">
 +
  <!-- Css3 Transitions Styles  -->
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&amp;ctype=text/css" media="screen">
 +
  <!-- Color CSS Styles  -->
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&amp;ctype=text/css " title="blue" media="screen" />
 +
 
 +
  <style type="text/css">
 +
      /*get rid of the annoying iGEM style*/
 +
        #content{
 +
            padding:0;
 +
            border:0;
 +
            width:100%;
 +
        }
 +
      .firstHeading{
 +
        visibility:hidden;
 +
      }
 +
      h2{
 +
        border-bottom:none;
 +
        padding-bottom:.5em;
 +
       
 +
      }   
 +
        .carousel-control.left, .carousel-control.right {
 +
          background-image: none
 +
        }
 +
    /* to style the team page*/
 +
        .individual-picture{
 +
        max-width:200px;margin-top:5px; margin-bottom:10px;
 +
        }
 +
 
 +
        @media (min-width:1024px){
 +
      #sidebar1{position:relative;top:120px;}
 +
      #sidebar2{display:none;}
 +
      #nav-top{height:88px;}
 +
 
 +
    }
 +
      @media (max-width: 1023px){
 +
      #sidebar1{display:none;}
 +
      #sidebar2{display:block;}
 +
 
 +
    }
 +
     
 +
    </style>
 +
   
 +
 
 +
  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 +
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 +
 
 +
</head>
 +
<body>
 +
  <!-- Container -->
 +
  <div id="container">
 +
   
 +
    <!-- Start Header -->
 +
    <div class="hidden-header"></div>
 +
    <header class="clearfix">
 +
         
 +
        <!-- Start  Logo & Naviagtion  -->
 +
            <div class="navbar navbar-default navbar-top">
 +
                <div class="container">
 +
                    <div class="navbar-header" >
 +
                        <!-- Stat Toggle Nav Link For Mobiles -->
 +
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="marginn-top:20px">
 +
                            <i class="fa"><img  style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
 +
                        </button>
 +
                        <!-- End Toggle Nav Link For Mobiles -->
 +
                        <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
 +
                            <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px">
 +
                        </a>
 +
                    </div>
 +
                    <div class="navbar-collapse collapse"  style="padding-top:5px;padding-bottom:0">
 +
                       
 +
                        <!-- Start Navigation List -->
 +
                        <ul class="nav navbar-nav navbar-right " id="nav-top" style="padding-bottom:15px;padding-top:10px">
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking">Home</a>
 +
                            </li>
 +
              <li>
 +
                                <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a>
 +
                                    </li>
 +
                                    <li><a class="active" href="https://2015.igem.org/Team:Peking/Parts">Parts</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
 +
                                    </li>
 +
<li><a href="#">Background</a>
 +
                                    </li>
 +
                                    <li><a href="#">CRIPSR</a>
 +
                                    </li>
 +
                                    <li><a href="#">Isothermal PCR</a>
 +
                                    </li>
 +
                                    <li><a href="#">B. subtillis</a>
 +
                                    </li>
 +
                                    <li><a href="#">Device</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Modeling">Modelling</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="#">Link 1</a>
 +
                                    </li>
 +
                                    <li><a href="#">Link 2</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Practices">Human Practice</a>
 +
                                <ul class="dropdown">
 +
                                    <li><a href="#">Link 1</a>
 +
                                    </li>
 +
                                    <li><a href="#">Link 2</a>
 +
                                    </li>
 +
                                    <li><a href="#">Link 3</a>
 +
                                    </li>
 +
                                    <li><a href="#">Link 4</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                            <li>
 +
                                <a href="https://2015.igem.org/Team:Peking/Team">Lab</a>
 +
                                <ul>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
 +
                                    </li>
 +
                                    <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                        </ul>
 +
                        <!-- End Navigation List -->
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <!-- End Header Logo & Naviagtion -->
 +
           
 +
        </header>
 +
        <!-- End Header Section -->
 +
   
 +
   
 +
    <!-- Start Page Banner -->
 +
    <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-6">
 +
            <h2><b>Parts</b></h2>
 +
            <p>Each part give us a new experience.</p>
 +
          </div>
 +
          <div class="col-md-6">
 +
            <ul class="breadcrumbs">
 +
              <li><a href="https://2015.igem.org/Team:Peking">Home</a></li>
 +
              <li>Achievements</li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <!-- End Page Banner -->
 +
 
 +
    <!-- Start Content -->
 +
    <div id="content">
 +
      <div class="container">
 +
        <div class="row blog-page">
 +
                 
 +
          <!--Sidebar-->
 +
          <div class="col-md-3 sidebar left-sidebar">
 +
            <!-- Categories Widget -->
 +
            <div id="sidebar1"class="widget widget-categories">
 +
              <h4 style="font-size:18px">Parts <span class="head-line"></span></h4>
 +
                <ul>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Basic_Part" >Basic Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Composite_Part" >Composite Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Part_Collection" style="color:#00afd1">Part Collection</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
            <div id="sidebar2"class="widget widget-categories">
 +
              <h4 style="font-size:18px">Parts <span class="head-line"></span></h4>
 +
                <ul>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Parts">Parts Document</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Basic_Part" >Basic Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Composite_Part" >Composite Parts</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Part_Collection" style="color:#00afd1">Part Collection</a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2015.igem.org/Team:Peking/Description">Parts Contribution</a>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
          <!--End sidebar-->
 +
 
 +
          <!-- Page Content -->
 +
          <div class="col-md-9 page-content">
 +
            <div id="Basic_Part">
 +
            <!-- Classic Heading -->
 +
              <h3 class="classic-title"><span>Part Collection</span></h3>
 +
              <div>
 +
              <h4 style="margin-bottom:15px;"><span><a href="" style="color:#00afd1">Part Collection 1</a></span></h4>
 +
              <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
 +
              <p><b> Fig.1 At vero eos et</b></p>
 +
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
 +
                <table class="table-striped table-hover col-md-12" style="font-family: 'Open Sans', sans-serif; font-size: 13px;padding:5px;margin-bottom:40px">
 +
                  <tr>
 +
                    <th style="padding-right:8px">
 +
                    </th><th style="padding-right:8px">Name
 +
                    </th><th style="padding-right:8px">Description
 +
                    </th><th style="padding-right:8px">Length
 +
                    </th>
 +
                  </tr>
 +
                 
 +
                  <tr>
 +
                    <td style="padding-right:8px"> A/U
 +
                    </td><td><a href="" style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
                </table>
 +
                </div>
 +
 
 +
                <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div>
 +
 
 +
                <div>
 +
 
 +
              <h4 style="margin-bottom:15px"><span><a href="" style="color:#00afd1">Part Collection 2</a></span></h4>
 +
              <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
 +
              <p><b> Fig.2 At vero eos et</b></p>
 +
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
 +
                <table class="table-striped table-hover col-md-12" style="font-family: 'Open Sans', sans-serif; font-size: 13px;padding:5px; margin-bottom:40px">
 +
                  <tr>
 +
                    <th style="padding-right:8px">Name
 +
                    </th><th style="padding-right:8px">Description
 +
                    </th><th style="padding-right:8px">Length
 +
                    </th>
 +
                  </tr>
 +
                 
 +
                  <tr>
 +
                    <td><a href="" style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
                  <tr>
 +
                    <td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
                </table>
 +
 
 +
              </div>
 +
               
 +
              <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div>
 +
 
 +
              <div>
 +
              <h4 style="margin-bottom:15px"><span><a href="" style="color:#00afd1">Part Collection 3</a></span></h4>
 +
              <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="max-width:500px">
 +
              <p><b> Fig.2 At vero eos et</b></p>
 +
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
 +
                <table class="table-striped table-hover col-md-12" style="font-family: 'Open Sans', sans-serif; font-size: 13px;padding:5px;margin-bottom:40px">
 +
                  <tr>
 +
                    <th style="padding-right:8px">
 +
                    </th><th style="padding-right:8px">Name
 +
                    </th><th style="padding-right:8px">Description
 +
                    </th><th style="padding-right:8px">Length
 +
                    </th>
 +
                  </tr>
 +
                 
 +
                  <tr>
 +
                    <td style="padding-right:8px"> A/U
 +
                    </td><td><a href="" style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
 
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
                  <tr>
 +
                    <td> A/U
 +
                    </td><td><a href=""style="color:#00afd1">xxx</a>
 +
                    </td><td>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores
 +
                    </td><td>1234
 +
                    </td>
 +
                  </tr>
 +
                </table>
 +
              </div>
 +
 
 +
              <h3 class="classic-title"><span>References</span></h3>
 +
              <p> [1] At vero eos et accusamus et iusto odio dignissimos ducimus qui 
 +
              <br> [2] At vero eos et accusamus et iusto odio dignissimos ducimus qui
 +
              <br> [3] At vero eos et accusamus et iusto odio dignissimos ducimus qui
 +
              <br> [4] At vero eos et accusamus et iusto odio dignissimos ducimus qui
 +
              <br> [5] At vero eos et accusamus et iusto odio dignissimos ducimus qui
 +
            </p>
 +
 
 +
            </div>
 +
           
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
        <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************-->
 +
<!--******************************* the only thing to CHANGE is the SHARE LINK******************************-->
 +
    <!-- Start Footer -->
 +
    <footer style="margin-top:30px">
 +
      <div class="container">
 +
        <div class="row footer-widgets">
 +
         
 +
          <!-- Start Subscribe & Social Links Widget -->
 +
                    <div class="col-md-3">
 +
                          <div class="col-md-12 footer-widget social-widget row">
 +
                            <h4>Share This<span class="head-line"></span></h4>
 +
                            <ul class="social-icons">
 +
                                <li><!--HERE need to be changed-->
 +
                                    <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking/Part_Collection">
 +
                                      <i class="fa">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                                <li><!--HERE need to be changed-->
 +
                                    <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking/Part_Collection">
 +
                                      <i class="fa">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                                <li><!--HERE need to be changed-->
 +
                                    <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking/Part_Collection">
 +
                                      <i class="fa">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                               
 +
                            </ul>
 +
                        </div>
 +
 
 +
                        <div class="col-md-12 footer-widget social-widget row">
 +
                            <h4>Follow Us<span class="head-line"></span></h4>
 +
                            <ul class="social-icons">
 +
                                <li>
 +
                                    <a class="twitter" href="https://twitter.com/iGEM_Peking"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                                <li>
 +
                                    <a class="facebook" href="https://www.facebook.com/pekingigem"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                                <li>
 +
                                    <a class="google" href="https://plus.google.com/u/0/102072923413833492667/posts"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"></i></a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </div><!-- .col-md-3 -->
 +
                    <!-- End Subscribe & Social Links Widget -->
 +
                   
 +
                  <div class="col-md-6">
 +
                        <div class="footer-widget">
 +
                        <h4>Sponsors<span class="head-line" ></span></h4>
 +
                        <ul>
 +
                            <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://dean.pku.edu.cn/pkudean/index.html"><img src="https://static.igem.org/mediawiki/2015/0/04/PKU-Administration-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.bio.pku.edu.cn/"><img src="https://static.igem.org/mediawiki/2015/9/9f/SLS-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="IMCAS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://english.im.cas.cn/"><img src="https://static.igem.org/mediawiki/2015/a/a9/IMCAS-logo.png"></a>
 +
                            </li>                           
 +
                            <li class="col-md-6" id="PKU-CQB" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://cqb.pku.edu.cn/en/"><img src="https://static.igem.org/mediawiki/2015/0/09/CQB-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="BluePha" style="margin-bottom:25px; max-width:300px">
 +
                                <a href="http://www.bluepha.com/"><img src="https://static.igem.org/mediawiki/2015/1/12/Bluepha-logo.png"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="Synbio" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.synbio-tech.com.cn/"><img src="https://static.igem.org/mediawiki/2015/7/78/Synbio-logo.png"></a>
 +
                            </li>
 +
                        </ul>
 +
                        </div>
 +
                        </div>
 +
                    <!--End sponsor Widget-->
 +
           
 +
         
 +
                  <!-- Start Contact Widget -->
 +
                    <div class="col-md-3">
 +
                        <div class="footer-widget">
 +
                        <h4>Contact us<span class="head-line" ></span></h4>
 +
                        <div class="footer-widget contact-widget" style="font-size:12px">
 +
                            <img src="https://static.igem.org/mediawiki/2015/e/e1/Peking-footer-logo-1.png" style="max-height:100px;margin-top:10px;margin-bottom:10px" class="img-responsive" alt="Peking iGEM 2015 Logo" >
 +
                           
 +
                            <ul>
 +
                                <li><span>Email:</span> pekingigem@gmail.com</li>
 +
                                <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4">2015.igem.org/Team:Peking</a></li>
 +
                                <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li>
 +
                            </ul>
 +
                        </div>
 +
                    </div><!-- .col-md-3 -->
 +
                    <!-- End Contact Widget -->
 +
 
 +
       
 +
        </div><!-- .row -->
 +
       
 +
        <!-- Start Copyright -->
 +
                <div class="copyright-section">
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <p>&copy; 2015 Peking iGEM -  All Rights Reserved</p>
 +
                        </div>
 +
                                         
 +
                    </div>
 +
                </div>
 +
                <!-- End Copyright -->
 +
       
 +
      </div>
 +
    </footer>
 +
    <!-- End Footer -->
 +
   
 +
  </div>
 +
  <!-- End Container -->
 +
 
 +
  <!-- Go To Top Link -->
 +
  <a href="#" class="back-to-top"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/06/Peking-Up.png" style="margin-top:5px; width:90%"></i></a>
 +
 
 +
  <div id="loader">
 +
    <div class="spinner">
 +
      <div class="dot1"></div>
 +
      <div class="dot2"></div>
 +
    </div>
 +
  </div>
 +
 
 +
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
 +
  <!-- Margo JS  -->
 +
  <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
    <script type="text/javascript" >
 
function menuFixed(id){
 
function menuFixed(id){
 
var obj = document.getElementById(id);
 
var obj = document.getElementById(id);
Line 24: Line 638:
 
}
 
}
 
</script>
 
</script>
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 05:50, 22 August 2015

Peking iGEM 2015

Parts

Each part give us a new experience.

Part Collection

Part Collection 1

Fig.1 At vero eos et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Name Description Length
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234

Part Collection 2

Fig.2 At vero eos et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Name Description Length
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234

Part Collection 3

Fig.2 At vero eos et

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Name Description Length
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234
A/U xxx At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores 1234

References

[1] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[2] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[3] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[4] At vero eos et accusamus et iusto odio dignissimos ducimus qui
[5] At vero eos et accusamus et iusto odio dignissimos ducimus qui

Sponsors

Contact us

Peking iGEM 2015 Logo
  • Email: pekingigem@gmail.com
  • Website: 2015.igem.org/Team:Peking
  • Address: Peking University,
    No.5 Yiheyuan Road Haidian District,
    Beijing, P.R.China 100871

© 2015 Peking iGEM - All Rights Reserved