|
|
| (198 intermediate revisions by 6 users not shown) |
| Line 1: |
Line 1: |
| | + | <!--[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"> | | <html lang="en"> |
| | <head> | | <head> |
| − | <title>Peking iGEM-Teams</title>
| + | <meta charset="utf-8"> |
| − | <meta charset="utf-8">
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015"> |
| − | <link rel="stylesheet" type="text/css"
| + | <!--add ?action=raw&ctype=text/css when using Css--> |
| − | href="https://2015.igem.org/Template:Peking/CSS?action=raw&ctype=text/css" />
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&ctype=text/css" type="text/css" media="screen"> |
| − | <style type="text/css">
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&ctype=text/css" media="screen"> |
| − | @font-face{
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&ctype=text/css" media="screen"> |
| − | font-family:"Helvetica Neue";
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&ctype=text/css" media="screen"> |
| − | src: local(Helvetica, Arial, sans-serif);
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&ctype=text/css " title="blue" media="screen" /> |
| − | font-style:regular;
| + | |
| − | }
| + | |
| | | | |
| − | #globalWrapper{
| + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
| − | font-size:14px;
| + | #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;} |
| − | } | + | #top_menu_under{font-size: 12px;} |
| − | div#content {
| + | #top_menu_14{font-size: 12px; height:18px} |
| − | width: auto
| + | #top_menu_inside li{font-size: 12px;} |
| − | }
| + | #user_item{font-size: 12px;} |
| − | | + | #content{padding:0;border:0;width:100%;} |
| − | body{
| + | .firstHeading{visibility:hidden;} |
| − | font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
| + | h2{border-bottom:none;padding-bottom:.5em;} |
| − | background-color:#ffffff;
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
| − | font-size:14px;
| + | /* to style the sidebar*/ |
| − | }
| + | @media (min-width:1024px){ |
| − | .footer{
| + | #sidebar1{position:relative;top:120px;max-width:200px;} |
| − | display:block;
| + | #sidebar2{display:none;} |
| − | background-color:#363636;
| + | #nav-top{height:88px;} |
| − | margin-left:0;
| + | } |
| − | margin-right:0;
| + | @media (max-width: 1023px){ |
| − | }
| + | #sidebar1{display:none;} |
| − | .main-container{
| + | #sidebar2{display:block;} |
| − | display:block;
| + | } |
| − | }
| + | .back-to-top{z-index:9999;} |
| − | #peking-content {
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
| − | margin-left:0;
| + | .classic-title span { |
| − | margin-right:0;
| + | position: absolute; |
| − | overflow:hidden;
| + | margin-top: -30px; |
| − | float:center;
| + | border-bottom-color: #00afd1; |
| − | background-color: #fff;
| + | |
| − | border-bottom: 0;
| + | |
| − | border-right: 0;
| + | |
| − | border-left: 0;
| + | |
| − | border-top: 0;
| + | |
| − | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*background definition--for different screen*/
| + | |
| − | @media(min-width:1201px){
| + | |
| − | .navbar-inverse{
| + | |
| − | height:17%;
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/0/09/Peking-Template-Gray-Background.png);
| + | |
| − | background-size:100% 100%;
| + | |
| − | background-repeat:no-repeat;
| + | |
| − | background-position:bottom;
| + | |
| − | border-width:0;
| + | |
| − | }
| + | |
| − | #blue-navigator{
| + | |
| − | background-image:url(https://static.igem.org/mediawiki/2015/f/fd/Peking-Template-Blue-Navigator.png);
| + | |
| − | background-size:100% 40%;
| + | |
| − | background-repeat:no-repeat;
| + | |
| − | background-position: 0% 60%;
| + | |
| − | }
| + | |
| − | #navbar-brand{
| + | |
| − | margin-top:-15%;
| + | |
| − | margin-left:25%;
| + | |
| − | display:float;
| + | |
| − | }
| + | |
| − | #footer{
| + | |
| − | margin-left:0;
| + | |
| − | margin-right:0;
| + | |
| − | background-color:#464646;
| + | |
| − | color:#FFFFFF;
| + | |
| − | background-image: url('https://static.igem.org/mediawiki/2015/9/93/Peking-Template-Blue-Background.png');
| + | |
| − | background-size: 100% 100%;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | display:block;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | @media(max-width:1201px){
| + | |
| − | .navbar-inverse{
| + | |
| − | background-color:#2980bb;
| + | |
| − | background-position:bottom;
| + | |
| − | border-width:0;
| + | |
| − | }
| + | |
| − | #blue-navigator{
| + | |
| − | background-color:transparent;
| + | |
| − | }
| + | |
| − | #navbar-brand{
| + | |
| − | margin-top:-30px;
| + | |
| − | margin-left:5%;
| + | |
| − | display:float;
| + | |
| − | }
| + | |
| − | #footer{
| + | |
| − | margin-left:0;
| + | |
| − | margin-right:0;
| + | |
| − | background-color:#2980bb;
| + | |
| − | color:#FFFFFF;
| + | |
| − | display:block;
| + | |
| − |
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media (max-width: 1200px) {
| + | |
| − | .navbar-header {
| + | |
| − | float: none;
| + | |
| − | }
| + | |
| − | .navbar-left,.navbar-right {
| + | |
| − | float: none !important;
| + | |
| − | }
| + | |
| − | .navbar-toggle {
| + | |
| − | margin-top:5%;
| + | |
| − | margin-bottom:5%;
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | .navbar-collapse {
| + | |
| − | border-top: 0px solid transparent;
| + | |
| − | box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
| + | |
| − | }
| + | |
| − | .navbar-fixed-top {
| + | |
| − | top: 0;
| + | |
| − | border-width: 0 0 0px;
| + | |
| − | }
| + | |
| − | .navbar-collapse.collapse {
| + | |
| − | display: none!important;
| + | |
| − | } | + | |
| − | .navbar-nav {
| + | |
| − | float: none!important;
| + | |
| − | margin-top: 7.5px;
| + | |
| − | }
| + | |
| − | .navbar-nav>li {
| + | |
| − | float: none;
| + | |
| − | } | + | |
| − | .navbar-nav>li>a {
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | }
| + | |
| − | .collapse.in{
| + | |
| − | display:block !important;
| + | |
| − | }
| + | |
| | } | | } |
| − | </style>
| + | .page-banner{ |
| − | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js"></script>
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?
| + | } |
| − | action=raw&ctype=text/javascript"></script>
| + | </style> |
| − | <script>
| + | |
| − | </script>
| + | |
| | </head> | | </head> |
| | + | |
| | <body> | | <body> |
| − | <!--nav bar-->
| + | <!-- Container --> |
| − | <nav class="navbar navbar-inverse navbar-fixed-top" >
| + | <div id="container"> |
| − | <div id=" blue- navigator" class="container -fluid"> | + | <!-- Start Header --> |
| − | <div class="navbar-header"> | + | <header class="clearfix"> |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
| + | <!-- Start Logo & Naviagtion --> |
| − | <span class="icon-bar"></span>
| + | <div class=" navbar navbar- default navbar-top" > |
| − | <span class="icon-bar"></span>
| + | <div class="container"> |
| − | <span class="icon-bar"></span>
| + | <div class="navbar-header" > |
| − | <span class="icon-bar"></span>
| + | <!-- Stat Toggle Nav Link For Mobiles --> |
| − | <span class="icon-bar"></span>
| + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px"> |
| − | <span class="icon-bar"></span>
| + | <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>
| + | </button> |
| − | <a id="navbar-brand"class="navbar-brand" href="2015.igem.org/Team:Peking"><img src="https://static.igem.org/mediawiki/2015/ 2/ 21/Peking- Template- Logo- White.png" height=" 650%" width="auto" ></a> | + | <!-- End Toggle Nav Link For Mobiles --> |
| − | </div>
| + | <a class="navbar-brand" href="https://2015.igem.org/Team:Peking"> |
| − | <div class=" collapse navbar-collapse " id="myNavbar" style=" margin-top: 3%; height:5%; margin-bottom: 2%;margin- left:25%;font- size:16px; "> | + | <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"> |
| − | <ul class="nav navbar-nav" > | + | </a> |
| − | <li ><a href="#">Home</a></li>
| + | </div> |
| − | <li class="dropdown">
| + | <div class="navbar- collapse collapse" style=" padding-top: 5px; padding-bottom: 0"> |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href=" #">Team <span class="caret"> </span></a> | + | <!-- Start Navigation List --> |
| − | <ul class="dropdown -menu"> | + | <ul class="nav navbar-nav navbar-right " style=" padding-bottom:15px;padding-top:10px"> |
| − | <li><a href=" #"> Members</a></li> | + | <li> |
| − | <li><a href=" #"> Attributions</a></li> | + | <a href=" https://2015.igem.org/Team :Peking/JudgingCriteria"> Achievements</a> |
| − | <li><a href=" #"> Achievement</a></li> | + | |
| − | </ul>
| + | <li><a href=" https://2015.igem.org/Team:Peking/JudgingCriteria"> Judging Criteria</a> |
| − | </li>
| + | </li> |
| − | <li class="dropdown">
| + | <li><a href=" https://2015.igem.org/Team:Peking/Parts"> Parts</a> |
| − | <a class="dropdown -toggle" data-toggle=" dropdown" href=" #"> Project <span class=" caret"></span></a> | + | </li> |
| − | <ul class="dropdown-menu">
| + | <li><a href=" https://2015.igem.org/Team:Peking/Collaborations"> Collaborations</a> |
| − | <li><a href=" #"> Page- 1</a></li> | + | </li> |
| − | <li><a href=" #"> Page-2</a></li> | + | </ul> |
| − | <li><a href=" #"> Page-3</a></li> | + | </li> |
| − | </ul>
| + | <li> |
| − | </li>
| + | <a href="https://2015.igem.org/Team:Peking/Design">Project</a> |
| − | <li class="dropdown">
| + | <ul class="dropdown"> |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href=" #"> Model <span class="caret"></span></a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> |
| − | <ul class="dropdown -menu"> | + | </li> |
| − | <li><a href=" #"> Page-1</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired<span style="text-transform:lowercase"> d</span>Cas9 Reporter</a> |
| − | <li><a href=" #"> Page-2</a></li> | + | </li> |
| − | <li><a href="#">Page-3</a></li>
| + | <li><a href=" https://2015.igem.org/Team:Peking/Design/Isothermal"> Iso- <span style="text-transform:lowercase">t</span>hermal Amplification</a> |
| − | </ul>
| + | </li> |
| − | </li>
| + | <li><a href=" https://2015.igem.org/Team:Peking/Device"> Hardware</a> |
| − | <li class="dropdown">
| + | </li> |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href=" #">Data page <span class="caret"></ span></ a> | + | <li><a href=" https://2015.igem.org/Team:Peking/Design/Speculation"> Speculation</a> |
| − | <ul class="dropdown-menu">
| + | </li> |
| − | <li><a href=" #"> Page-1</a></li> | + | </ul> |
| − | <li><a href=" #"> Page-2</a></li> | + | </li> |
| − | <li><a href=" #"> Page-3</a></li> | + | <li> |
| − | </ul>
| + | <a href=" https://2015.igem.org/Team:Peking/Modeling"> Modeling</a> |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | <li><a href=" https://2015.igem.org/Team:Peking/Modeling"> Array Design</a> |
| − | <a class=" dropdown-toggle" data-toggle="dropdown" href=" #"> Safety< span class=" caret" ></ span></a> | + | </li> |
| − | <ul class="dropdown-menu">
| + | <li><a href=" https://2015.igem.org/Team:Peking/Modeling/Analysis"> Analysis algorithm</a> |
| − | <li><a href=" #"> Page-1</a></li> | + | </li> |
| − | <li><a href=" #"> Page-2</a></li> | + | </ul> |
| − | <li><a href=" #"> Page-3</a></li> | + | </li> |
| − | </ul>
| + | <li> |
| − | </li>
| + | <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a> |
| − | <li class="dropdown">
| + | <ul class="dropdown"> |
| − | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Practices<span class="caret"></span></a>
| + | <li><a href=" https://2015.igem.org/Team:Peking/Practices"> Overview</ a> |
| − | <ul class="dropdown-menu">
| + | </li> |
| − | <li><a href="#">Page-1</a></li>
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">Facts about TB</a> |
| − | <li><a href=" #"> Page-2</a></li> | + | </li> |
| − | <li><a href="#">Page-3</a></li>
| + | <li><a href=" https://2015.igem.org/Team:Peking/Practices/Consultation"> Consultation and Interview</a> |
| − | </ul>
| + | </li> |
| − | </li>
| + | <li><a href=" https://2015.igem.org/Team:Peking/Practices/Engagement"> Public Engagement</a> |
| − | </ul>
| + | </li> |
| | + | <li><a href=" https://2015.igem.org/Team:Peking/Practices/Outreach"> Ethics and Economics Issues</a> |
| | + | </li> |
| | + | </ul> |
| | + | </li> |
| | + | <li> |
| | + | <a class=" active" href=" https://2015.igem.org/Team:Peking/Team"> Lab< /a> |
| | + | <ul> |
| | + | <li><a class="active" 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"> |
| | + | <div class="container"> |
| | + | <div class="row"> |
| | + | <div class="col-md-6"> |
| | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">T<span style="text-transform:lowercase">eam</span></h2> |
| | + | <p style="margin-top:0px;font-size:14px">Meet our awesome team.</p> |
| | + | </div> |
| | + | <div class="col-md-6"> |
| | + | <ul class="breadcrumbs"> |
| | + | <li><a href=" https://2015.igem.org/Team:Peking"> Home</a></li> |
| | + | <li>Lab</li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <!-- End Page Banner --> |
| | | | |
| − | </div>
| + | <div id="content"> |
| − | </div>
| + | <div class="container"> |
| − | </nav>
| + | <div class="row blog-page"> |
| − | <!--end of navbar-->
| + | |
| − | <!--beginning of the main container-->
| + | <!--Sidebar--> |
| − | <div id=" peking- content" class=" container- fluid row" style="margin-top: 0px; "> | + | <div class="col-md-3 sidebar left-sidebar"> |
| − | <!--------- side bar-------------->
| + | <!-- Categories Widget --> |
| − | <div class= 'col- lg- 2 col-md- 2 col- sm-3 '> | + | <div id="sidebar1"class="widget widget-categories"> |
| − | <h2 class="text-left"> Teams</h2>
| + | <h4 style="font-size:18px">T<span style="text-transform:lowercase">eam</span><span class="head-line"></span></h4> |
| − | <ul class="nav nav-tabs nav-stacked">
| + | <ul> |
| − | < li><a href= '#'> Another Link 1</a></ li> | + | <li><a href="#Team-Members">Members</a></li> |
| − | < li><a href= '#'> Another Link 2</a></ li> | + | <li><a href="#Team-Instructors">Instructors</a></li> |
| − | < li><a href= '#'> Another Link 3</a></ li> | + | </ul> |
| − | </ul>
| + | </div> |
| − | </div>
| + | <div id="sidebar2"class="widget widget-categories"> |
| − | <!--end of the side bar-->
| + | <h4 style="font-size:18px">T<span style="text-transform:lowercase">eam</span><span class="head-line"></span></h4> |
| − | <div class="col- lg- 10 col-md- 10 col- sm-9"> | + | <ul> |
| − | <div id=" article" class=" container- fluid" style="margin- right: 1em"> | + | <li><a href="#Team-Members">Members</a></li> |
| | + | <li><a href="#Team-Instructors">Instructors</a></li> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | + | <!--End sidebar--> |
| | + | <!-- Page Content --> |
| | + | <div class="col-md-9 page-content" style="text-align:justify;"> |
| | + | <div id="Team"> |
| | + | <!-- Classic Heading --> |
| | + | <div class="col-md-12" style="padding-bottom:40px"> |
| | + | <div id="myCarousel" class="carousel slide" data-ride="carousel"> |
| | + | <!-- Indicators --> |
| | + | <ol class="carousel-indicators" style="margin: 0 -30%;"> |
| | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| | + | <li data-target="#myCarousel" data-slide-to="1"></li> |
| | + | |
| | + | </ol> |
| | + | <!-- Wrapper for slides --> |
| | + | <div class="carousel-inner" role="listbox"> |
| | + | <div class="item active"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="width:100%;" alt=""> |
| | + | </div> |
| | + | |
| | + | <div class="item"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/0/09/Peking-team-about-02.jpg" style="width:100%;" alt=""> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | <!-- Left and right controls --> |
| | + | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> |
| | + | <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png" style="margin-top:700%"></span> |
| | + | <span class="sr-only">Previous</span> |
| | + | </a> |
| | + | <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> |
| | + | <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:700%"></span> |
| | + | <span class="sr-only">Next</span> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | + | <!--end of touch slider--> |
| | + | <!-- Classic Heading --> |
| | + | <div class="col-md-12" style="padding:0"> |
| | + | <h3 class="classic-title" ><span>Meet our team</span></h3> |
| | + | </div> |
| | + | <!-- Some Text --> |
| | + | <p>The team of Peking iGEM 2015, consisting of future scientists, doctors, an engineer, and an applied mathematician, has become a professional and passionate team over the past six months.</p> |
| | + | <p>On this page, you can find the information about everybody who has contributed to the project. We would like to express our special gratitude to our instructors for their continuous support and encouragement. <span id="Team-Members">Furthermore</span>, we would like to acknowledge our sponsors and all the others who provided valuable advices and essential materials to us. The following is our amazing team. </p> |
| | + | <!--Members-introduction--> |
| | + | <!-- Classic Heading --> |
| | + | <div> |
| | + | <h3 class="classic-title" style="margin-top:50px"><span>Members</span></h3> |
| | + | <!--Team-ZHANGYihao--> |
| | + | <div id="members-ZHANGYihao" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="ZHANGYihao-Peking" src="https://static.igem.org/mediawiki/2015/1/17/Peking_individual_ZHANG_Yihao.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>ZHANG Yihao</em></h4> |
| | + | <p>ZHANG Yihao, a former iGEMer of Peking 2013, is now leading the Peking iGEM team 2015. As an undergraduate from the College of Life Sciences, Yihao wants to devote all his passion and energy to the bio-entrepreneurship after his graduation next year. |
| | + | <br><br> |
| | + | Aye, aye, captain!<br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-WEIWeijia--> |
| | + | <div id="members-WEIWeijia" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="WEIWeijia-Peking" src="https://static.igem.org/mediawiki/2015/0/07/Peking_individual_WEI_Weijia.jpg"></div> |
| | + | |
| | + | <h4><em>WEI Weijia</em></h4> |
| | + | <p>WEI Weijia is an undergraduate from Wuhan University, majoring in life sciences and biotechnology. Early in the project, he was responsible for information gathering, experiment design, and lab management; then he joint the group of PC reporter and exhibited excellent executive power. <br><br><br> |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-LIHang--> |
| | + | <div id="members-LIHang" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="LIHang-Peking" src="https://static.igem.org/mediawiki/2015/0/05/Peking_individual_LI_Hang.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>LI Hang</em></h4> |
| | + | <p>LI Hang is an undergraduate from School of Physics, Peking University. |
| | + | He was responsible for designing and manufacturing the portable electronic device that convert optical signal into analogue electrical signal. |
| | + | Being enthusiastic about technology, he often plays the computer game FSX (Microsoft Flight Simulator) on PC. The most exciting part for him is to land a plane on the runway smoothly. <br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-CHENGSida--> |
| | + | <div id="members-CHENGSida" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="CHENGSida-Peking" src="https://static.igem.org/mediawiki/2015/2/25/Peking_individual_CHENG_Sida.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>CHENG Sida</em></h4> |
| | + | <p>CHENG Sida, is a junior undergraduate from Peking University, majoring in Clinical Medicine. |
| | + | He took charge of Human Practice along with YE Yixuan and LIU Dongming and also worked in the wet lab to deal with laborious molecular cloning. He enjoys the wonderful moment fighting for the same goal with those lovely fellows. He enjoys cycling, photographing and studying historical geography.<br><br><br> |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-LIJiaofeng--> |
| | + | <div id="members-LIJiaofeng" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="LIJiaofeng-Peking" src="https://static.igem.org/mediawiki/2015/c/c0/Peking_individual_LI_Jiaofeng.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>LI Jiaofeng</em></h4> |
| | + | <p>LI Jiaofeng is a junior undergraduate from Peking University, majoring in Chemistry. |
| | + | Besides working as the financial manager of the team, she is also responsible for participating in the laborious molecular cloning. She really likes listening to music and thinks deeply about it. Her favorite quote was from Romain Rolland:"There is only one heroism in the world: to see the world as it is and to love it." <br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-LIXiang--> |
| | + | <div id="members-LIXiang" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="LIXiang-Peking" src="https://static.igem.org/mediawiki/2015/b/bc/Peking_individual_LI_Xiang.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>LI Xiang</em></h4> |
| | + | <p>LI Xiang is a junior majoring in College of Chemistry and Molecular Engineering. |
| | + | He decided to take part in iGEM due to his great interest in system and synthetic biology. He was in charge of building another <i>Mycobacterium tuberculosis</i>-sensing system, including cloning and protein purification. <br><br><br> |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-LINPingping--> |
| | + | <div id="members-LINPingping" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="LINPingping-Peking" src="https://static.igem.org/mediawiki/2015/4/4c/Peking_individual_LIN_Pingping.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>LIN Pingping</em></h4> |
| | + | <p>LIN Pingping is an undergraduate majoring in clinical medicine. |
| | + | Early in the project she took the task of molecular cloning, then she was in charge of testing the luminescence intensity of split firefly luciferase fused with CRISPR system together with WANG Beining. She also analyzed the experimental data. |
| | + | She extremely appreciated iGEM where she made friends with those who are interested in synthetic biology. <br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-LIU Dongming--> |
| | + | <div id="members-LIUDongming" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="LIUDongming-Peking" src="https://static.igem.org/mediawiki/2015/b/bf/Peking_individual_LIU_Dongming.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>LIU Dongming</em></h4> |
| | + | <p>LIU Dongming is an undergraduate student majoring in clinical speciality. Unfortunately, he is just in his third year, remains a long time to be a surgeon. |
| | + | He helped to complete the plasmid construction and was responsible for the human practice. As our project aims to detect <i>Mycobacterium tuberculosis</i>, his medical background provides a clinical view . <br><br><br> |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-LIU Wenchao--> |
| | + | <div id="members-LIUWenchao" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="LIUWenchao-Peking" src="https://static.igem.org/mediawiki/2015/3/3c/Peking_individual_LIU_Wenchao.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>LIU Wenchao</em></h4> |
| | + | <p>LIU Wenchao is a junior undergraduate from Peking University, majoring in Life Science. |
| | + | She was in charge of the molecular cloning of CRISPR gRNA as well as RNA scaffold together with XU Luze in the very beginning. Then she bravely take the task of protein purification. |
| | + | She enjoys ignoring the boundary of different subjects and considering science as a whole. She always dreams of understanding life and consciousness with mathematics or physics approaches. <br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-WANG Beining--> |
| | + | <div id="members-WANGBeining" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="WANGBeining-Peking" src="https://static.igem.org/mediawiki/2015/0/02/Peking_individual_WANG_Beining.jpg" ></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>WANG Beining</em></h4> |
| | + | <p>WANG Beining is a junior undergraduate from the school of Basic Medical Sciences; her ultimate aim is to be a research-based doctor. |
| | + | During the iGEM period, she first took the task of molecular cloning, then was responsible for the measurement and data collection with LIN Pingping (Golden Pair are they two!). |
| | + | She also loves music, movies and whodunits veeeeeeeeeery much! <br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-WANGYu--> |
| | + | <div id="members-WANGYu" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="WANGYu-Peking" src="https://static.igem.org/mediawiki/2015/e/e0/Peking_individual_WANG_Yu.jpg"></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>WANG Yu</em></h4> |
| | + | <p>WANG Yu is a junior undergraduate in pharmaceutical sciences. |
| | + | Participating in plasmid construction, protein purification, and wiki building, she likes to describe the iGEM as a communicable disease with the syndrome of over-passionate and Circadian Rhythm Disorders.<br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-XULuze--> |
| | + | <div id="members-XULuze" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="XULuze-Peking" src="https://static.igem.org/mediawiki/2015/8/8d/Peking_individual_XU_Luze.jpg" ></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>XU Luze</em></h4> |
| | + | <p>XU Luze is a junior undergraduate from Peking University, majoring in Mathematics. |
| | + | His main task is computation and modeling. |
| | + | He spent most of his time on the dry lab since July, but he still took an active part in the wet lab, for his illusion to be the winner of the FTBC (filling tip box competition).<br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-YEYixuan--> |
| | + | <div id="members-YEYixuan" class="row"> |
| | + | <div class="col- md- 3 individual-picture"><img alt="YEYixuan-Peking" src="https://static.igem.org/mediawiki/2015/2/29/Peking_individual_YE_Yixuan.jpg" ></div> |
| | + | <div class="col-md-9"> |
| | + | <h4><em>YE Yixuan</em></h4> |
| | + | <p>YE Yixuan is a senior undergraduate in Peking University majoring in Public Health. She is also fascinated by Physics which is her second major. |
| | + | She was responsible for human practice and mathematical modeling. Reading is what she loves most.<br><br><br></p> |
| | + | </div> |
| | + | </div> |
| | + | <!--Team-ZHANGXiaohan--> |
| | + | <div id="members-ZHANGXiaohan" class="row"> |
| | + | <div class="col-md-3 individual-picture"><img alt="ZHANGXiaohan-Peking" src="https://static.igem.org/mediawiki/2015/9/96/Peking_individual_ZHANG_Xiaohan.jpg" ></div> |
| | + | |
| | + | <h4><em>ZHANG Xiaohan</em></h4> |
| | + | <p >ZHANG Xiaohan, Jessica, is a junior undergraduate from School of Basic Medical Sciences with a double major in economics. |
| | + | She was in charge of Conference of China iGEMer’s Committee and also helped in wiki designing and human <span id="Team-Instructors">practice</span>. <br><br><br> |
| | + | </p> |
| | + | </div> |
| | + | </div> |
| | + | </div> <!--End of Team-introduction--> |
| | + | <!--Start Instructor--> |
| | + | <div> |
| | + | <h3 class="classic-title" style="margin-top:25px"><span>Instructors</span></h3> |
| | + | <div class="row"> |
| | + | <div class="col-md-4"> |
| | + | <img alt="OUYangqi-Peking" src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg" style="max-width:150px" > |
| | + | <h4><em> OUYANG Qi</em></h4> |
| | + | </div> |
| | + | <div class="col-md-4"> |
| | + | <img alt="LOUChunbo-Peking" src="https://static.igem.org/mediawiki/2015/8/84/Peking_individual_LOU_Chunbo.jpg"style="max-width:150px" > |
| | + | <h4><em> LOU Chunbo</em></h4> |
| | + | </div> |
| | + | <div class="col-md-4"> |
| | + | <img alt="ZHANGHaoqian-Peking" src="https://static.igem.org/mediawiki/2015/0/0a/Peking_individual_ZHANG_Haoqian.jpg"style="max-width:150px" > |
| | + | <h4><em> ZHANG Haoqian</em></h4> |
| | + | </div> |
| | + | </div> |
| | + | <!--End Instructor--> |
| | + | </div> |
| | | | |
| − | <!-- picture slide show-->
| |
| − | <div id="slideshow" class="carousel slide" style="height:80%; width:auto; margin-right:1em">
| |
| − | <ol class="carousel-indicators">
| |
| − | <li data-target="#slideshow" data-slide-to="0" class="active"></li>
| |
| − | <li data-target="#slideshow" data-slide-to="1"></li>
| |
| − | </ol>
| |
| − | <div class="carousel-inner">
| |
| − | <div class="item active" style="background:url(Peking_GroupPhoto.jpg);background-size:cover;">
| |
| − | <img src="Peking_GroupPhoto.jpg" height="607px" width="1080px" alt="">
| |
| − | </div>
| |
| − | <div class="item" style="background:url(Peking2014wcg_Membersall.jpg);background-size:cover;">
| |
| − | <img src="Peking2014wcg_Membersall.jpg" height="607px" alt="">
| |
| − | </div>
| |
| − | </div>
| |
| − | <a class="left carousel-control" href="#slideshow" data-slide="prev">‹</a>
| |
| − | <a class="right carousel-control" href="#slideshow" data-slide="next">›</a>
| |
| − | </div>
| |
| − | <!--end of slide show-->
| |
| − | <!--begining of introduction-->
| |
| − | <div id="team description" class="text-left" style="margin-left:5%; margin-top:1.5em; width:90%">
| |
| − | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.<p>
| |
| − | </div>
| |
| − | <h2 class="page-header"> Members</h2>
| |
| − | <div id="members" class="container-fluid">
| |
| − | <div id="members-3" class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − | <!--zhangyihao-->
| |
| − | <div id="zhangyihao" class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/1/17/Peking_individual_ZHANG_Yihao.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>ZHANG Yihao</em></h3>
| |
| − | <p>ZHANG Yihao, a former iGEMer of Peking 2013, is now leading the Peking iGEM team 2015. Coming from the College of Life Sciences, Yihao wants to devote all his passion and energy to this year's project, before his graduation next summer. <br><br>He participates in designing of the project, takes charge of troubleshooting, and arranges all the experimental schedule, making sure that the whole lab function smoothly and head in the right direction. <br><br>Aye, aye, captain!</p>
| |
| − | </div>
| |
| − | <!--WEIWEIJIA-->
| |
| − | <div id="weiweijia" class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/0/07/Peking_individual_WEI_Weijia.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>WEI Weijia</em></h3>
| |
| − | <p>WEI Weijia is a graduate of Wuhan University, majoring in life sciences and biotechnology. <br><br>Early in the project, he is responsible for gathering plasmids information, designing of some of the clones, and seeking appropriate substrates; Then he is commit to ameliorate the detection system, that's to say, to enhance the sensitivity as well as to reduce the difficulty of detection. <br><br>Sometimes he helps to prepare some consumables, sometimes he helps his companions to finish their experiments.</p>
| |
| − | </div>
| |
| − | <!--LIHANG-->
| |
| − | <div id="lihang" class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/0/05/Peking_individual_LI_Hang.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LI Hang</em></h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="members-3" class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − | <!--CHENGSIDA-->
| |
| − | <div id="chengsida" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/2/25/Peking_individual_CHENG_Sida.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>CHENG Sida</em></h3>
| |
| − | <p>CHENG Sida, is a junior at Peking University majoring in Clinical Medicine. <br><br>He is in charge of Human Practice along with Ye Yixuan and Liu Dongming and also works in the wet lab to construct and prepare variable plasmids. He enjoys the wonderful moment fighting with those lovely fellows in synthetic life world. Outside of the lab, he enjoys cycling, photographing and studying historical geography. <br><br>As Hsi Muren said “What I can leave on the earth is only their view of my back since I have been marching toward the horizontal”<br><br>iGEMer, go!go!go!</p>
| |
| − | </div>
| |
| − | <!--LIJIAOFENG-->
| |
| − | <div id="lijiaofeng" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/c0/Peking_individual_LI_Jiaofeng.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LI Jiaofeng</em></h3>
| |
| − | <p>LI JIAOFENG is a junior in Peking University majoring in Chemistry. She tends to believe life is an amazing thing, that’s why she took part in the competition. <br><br>She is responsible for some primer design of the cloning as well as the construction of the plasmids. She really likes listening to music and thinks deeply on it. <br><br>Her favourite words wrote by Romain Rolland is that there is only one heroism in the world: to see the world as it is and to love it.</p>
| |
| − | </div>
| |
| − | <!--LIXIANG-->
| |
| − | <div id="lixiang" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/b/bc/Peking_individual_LI_Xiang.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LI Xiang</em></h3>
| |
| − | <p>LI Xiang is a junior majoring in college of chemistry and molecular engineering. He is also interesting in mathematics and life science. <br><br>He decided to take part in iGEM with his great interest in system and synthetic biology. He is in charge of designing another kind of <i>Mycobacterium tuberculosis</i> sensing system, including constructing plasmids and purifying proteins. <br><br>During this period, he improved his molecular biology experimenting skills, acquired much knowledge of system and synthetic biology, and got lots of fun in it.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="members-3" class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − | <!--LINPINGPING-->
| |
| − | <div id="linpingping" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/4/4c/Peking_individual_LIN_Pingping.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LIN Pingping</em></h3>
| |
| − | <p>LIN Pingping is majoring in clinical medicine. <br><br>Early in the project she undertook the task of molecular cloning and works in wet lab, while later she was in charge of testing the fluorescence intensity of split firefly luciferase fused with CRISPR system together with WANG Beining, another tester in the team. She also dealt with the statistics of those tests. <br><br>She extremely appreciated iGEM which gave her the chance to master lots of skills and to make friends with those who are all interested in synthetic biology. </p>
| |
| − | </div>
| |
| − | <!--LIUDONGMING-->
| |
| − | <div id="liudongming" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/b/bf/Peking_individual_LIU_Dongming.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LIU Dongming</em></h3>
| |
| − | <p>LIU Dongming is an eight-academic year student of clinical speciality in Peking University. Unfortunately, he is just in his third year, remaining a long time to be a surgeon. <br><br>He helps to accomplish the plasmid construction of the detecting target, and is responsible for human practice. As our project aims to detect <i>Mycobacterium tuberculosis</i>, his medical background provides a clinical point of view for the diagnostic method. <br><br>He loves Chinese calligraphy and is very interested in classic Chinese literature. The whole team is worried about 'his patients' in the future, for he's easily excited about any of the funny things around him.</p>
| |
| − | </div>
| |
| − | <!--LIUWENCHAO-->
| |
| − | <div id="liuwenchao" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/3/3c/Peking_individual_LIU_Wenchao.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LIU Wenchao</em></h3>
| |
| − | <p>LIU Wenchao is a junior at Peking University majoring in Life Science. <br><br>She is in charge of molecular cloning of CRISPR gRNA as well as RNA scaffold together with XU Luze at the very beginning. Lately she is working on protein purification of dCas9 fusion protein with WANG Yu and LI Xiang. <br><br>She enjoys considering science as a whole and ignores the boundary of different subjects. She always dreams of understanding life and consciousness with mathematics or physics approaches. She has been to several labs including IMCAS in order to utilize the equipment, which leave her fantastic memories (except the irregular take-outs!). </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="members-3" class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − | <!--WANGBEINING-->
| |
| − | <div id="wangbeining" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/0/02/Peking_individual_WANG_Beining.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>WANG Beining</em></h3>
| |
| − | <p>WANG Beining is a junior from the school of Basic Medical Sciences. Although majoring in clinical medicine, her ultimate aim is to be a research-based doctor. <br><br>During the iGEM period, she firstly undertook the task of cloning for dCas9-luciferase part, then in the summer time responsible for the characterization of CRISPR-Luciferase system via Microplate Reader with LIN Pingping (Golden Pair are they two for the tests!). <br><br>She also loves music, movies and whodunits veeeeeeeeeery much! Pursuing freedom & truth and believing in optimism, she is on her way ever.</p>
| |
| − | </div>
| |
| − | <!--WANGYU-->
| |
| − | <div id="wangyu" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/e/e0/Peking_individual_WANG_Yu.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>WANG Yu</em></h3>
| |
| − | <p>WANG Yu is a junior in pharmaceutical sciences. <br><br>Participating in plasmids construction, protein purification, and wiki designing and building, she likes to describe the iGEM as a communicable disease with syndrome of over-passionate and Circadian Rhythm Disorders.</p>
| |
| − | </div>
| |
| − | <!--XULUZE-->
| |
| − | <div id="xuluze" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/8/8d/Peking_individual_XU_Luze.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>XU Luze</em></h3>
| |
| − | <p>XU Luze is a junior from Peking University majoring in Mathematics. <br><br>His main work is programming to search for the suitable guide sequences. However, early on in the project he undertook the task of constructing the nucleic acid detection system and the target plasmids with LIU Wenchao. Though he made some mistakes, he got the fundamental skills in molecular biological techniques gradually during the cooperation. <br><br>He spent most of his time on dry lab since July, but he still took an active part in the wet lab, for his illusion to be the winner of the FTBC (filling tip box competition). </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="members-3" class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − | <!--Yeyixuan-->
| |
| − | <div id="yeyixuan" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/2/29/Peking_individual_YE_Yixuan.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>YE Yixuan</em></h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
| |
| − | </div>
| |
| − | <!--ZHANGXIAOHAN-->
| |
| − | <div id="xhangxiaohan" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/9/96/Peking_individual_ZHANG_Xiaohan.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>ZHANG Xiaohan</em></h3>
| |
| − | <p>ZHANG Xiaohan, Jessica, is a junior from PKU School of Basic Medical Sciences with a double major in economics. <br><br>She is in charge of Conference of China iGEMer’s Committee and also helps in team designing and human practice. <br><br>Having a deeper understanding of human behaviour, whether in its metabolism or from macroscopic view, attracts her so much. Also, novels and movies gives her wonderful imagine for it.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <hr>
| |
| − | <h2 class="page-header">Instructors</h2>
| |
| − | <div id="instructors" class="container-fluid">
| |
| − | <!--OUYANG-->
| |
| − | <div id="members-3" class="row col-lg-12 col-md-12 col-sm-12 col-xs-12">
| |
| − | <div id="ouyangqi" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>OUYANG Qi</em></h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
| |
| − | </div>
| |
| − | <!--louchunbo-->
| |
| − | <div id="louchunbo" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/8/84/Peking_individual_LOU_Chunbo.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>LOU Chunbo</em></h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
| |
| − | </div>
| |
| − | <!--ZHANGXIAOHAN-->
| |
| − | <div id="zhanghaoqian" class="col-lg-4 col-md-4 col-sm-12">
| |
| − | <div class="individual_picture">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/0/0a/Peking_individual_ZHANG_Haoqian.jpg" width=95% height=auto >
| |
| − | </div>
| |
| − | <h3><em>ZHANG Haoqian</em></h3>
| |
| − | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
| |
| | | | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | </div> |
| − | <hr>
| + | </div> |
| − | <div style="margin-top: 1em"> | + | </div> |
| − | <ul class="pager" style="margin-top:1em"> | + | </div> |
| − | <li class=" previous"><a href=" #"> Previous</a></li> | + | </div> |
| − | <li class=" next"><a href=" #"> Next</a></li> | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
| | + | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| | + | <!-- Start Footer --> |
| | + | <footer style="margin-top:30px; padding:0"> |
| | + | <div class="container" > |
| | + | <div class="row footer-widgets" style="padding:0:margin:0"> |
| | + | |
| | + | <!-- Start Subscribe & Social Links Widget --> |
| | + | <div class="col-md-3"> |
| | + | <div class="col-md-12 footer-widget social-widget row" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| | + | <h4>Share This<span class="head-line"></span></h4> |
| | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
| | + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking"> |
| | + | <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 style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--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"> |
| | + | <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 style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed--> |
| | + | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking"> |
| | + | <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" style=" padding-top:0:padding-bottom:0;margin-top: 0;margin-bottom:0" > |
| | + | <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| | + | <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 style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| | + | <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 style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| | + | <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> | | </ul> |
| | </div> | | </div> |
| − | | + | </div> |
| − | <table class='col-lg-12 col-md-12 col-sm-12 text-center' >
| + | <!--End sponsor Widget--> |
| − | <tr>
| + | |
| − | <td>
| + | |
| − | <A HREF="javascript:javascript:history.go(-1)">
| + | <!-- Start Contact Widget --> |
| − | <img src="https://static.igem.org/mediawiki/2015/5/52/Peking-Sharebox-Facebook-Logo.png"
| + | <div class="col-md-3"> |
| − | height = "20pt" />
| + | <div class="footer-widget" style="padding:0:margin:0" > |
| − | </A>
| + | <h4>Contact us<span class="head-line" ></span></h4> |
| − | <A HREF="javascript:javascript:history.go(-1)">
| + | <div class="footer-widget contact-widget"> |
| − | <img src="https://static.igem.org/mediawiki/2015/ 3/ 3b/Peking- Sharebox- Twitter- Logo.png" | + | <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" > |
| − | height = "20pt" />
| + | |
| − | </A>
| + | <ul style="font-size:12px;color:#b4b4b4"> |
| − | <A HREF="javascript:javascript:history.go(-1)">
| + | <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&Subject=Hello&Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</li> |
| − | <img src="https://static.igem.org/mediawiki/2015/f/f2/Peking-Sharebox-Like.png"
| + | <li><span>Website:</span> <a href="2015.igem.org/Team:Peking" style="color:#b4b4b4"> 2015.igem.org/Team:Peking</a></li> |
| − | height = "20pt" />
| + | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> |
| − | </A>
| + | </ul> |
| − | <A HREF="javascript:javascript:history.go(-1)">
| + | </div> |
| − | <img src="https://static.igem.org/mediawiki/2015/b/bc/Peking-Sharebox-Google-Plus-Logo.png"
| + | </div><!-- .col-md-3 --> |
| − | height = "20pt" />
| + | <!-- End Contact Widget --> |
| − | </A>
| + | |
| − | <A HREF="javascript:javascript:history.go(-1)">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2015/2/21/Peking-Sharebox-Wechat-Logo.png"
| + | |
| − | height = "20pt" />
| + | |
| − | </A>
| + | |
| − | </td>
| + | |
| − |
| + | |
| − | </tr>
| + | |
| − | </table>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| | | | |
| − | </div>
| + | |
| | + | </div><!-- .row --> |
| | + | |
| | + | <!-- Start Copyright --> |
| | + | <div class="copyright-section"> |
| | + | <div class="row"> |
| | + | <div class="col-md-12" style="padding:0;margin:0;height:30px"> |
| | + | <p class="text-center">© 2015 Peking iGEM - All Rights Reserved. Based on <a href="http://getbootstrap.com/"style="color:#b4b4b4">Bootstrap</a> and Margo template.</p> |
| | + | </div> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | <!-- End Copyright --> |
| | + | |
| | + | </div> |
| | + | </footer> |
| | + | <!-- End Footer --> |
| | + | |
| | + | </div> |
| | + | <!-- End Container --> |
| | + | |
| | + | <!-- Go To Top Link --> |
| | + | <a href="#" class="back-to-top" style="z-index:9999"><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> |
| | | | |
| | | | |
| − | </div>
| + | <!-- add ?action=raw&ctype=text/javascript when using Js--> |
| − | </div>
| + | <!-- Margo JS --> |
| − |
| + | <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script> |
| − | <!--end of the main container-->
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&ctype=text/javascript"></script> |
| − | <!--beginning of the footer-->
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> |
| − | <div class="container-fluid" style="margin-top:30px; padding:0;">
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&ctype=text/javascript"></script> |
| − |
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> |
| − | <div id="footer" class="row-fluid col-lg-12 col-md-12 col-sm-12 col-xs-12" style="">
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script> |
| − | <p class="text-center" style="font-size:14px"> Copyright: Peking iGEM 2015 Based on <a href="http://getbootstrap.com/" style="color:#ffffff;">Bootstrap</a></p>
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script> |
| − | <div id="Peking University-logo" class="col-lg-3 col-md-3 col-sm-3 col-xs-9" style="padding-top:0; padding-left:0; padding-right:0;">
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script> |
| − | <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" style="margin:0;">
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script> |
| − | <img src="https://static.igem.org/mediawiki/2015/8/89/Peking-Acknowledgement-Logo-Peking-Logo.png" alt="Logo of Peking University" width="100%">
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> |
| − | </div>
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script> |
| − | <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9" style="margin:0;">
| + | <script type="text/javascript" > |
| − | <img src="https://static.igem.org/mediawiki/2015/e/e8/Peking-Acknowledgement-Logo-Peking_Administration-Title.png" alt="Office of Educational Administration" width="54%">
| + | function menuFixed(id){ |
| − | <a href="http://dean.pku.edu.cn/pkudean/index.html"><p style="font-size:12px;color:#FFFFFF;">Office of Educational Administration,<br>Peking University</p></a>
| + | var obj = document.getElementById(id); |
| − | </div>
| + | var _getHeight = obj.offsetTop; |
| − | </div>
| + | |
| − | <div id="CQB-logo" class="col-lg-3 col-md-3 col-sm-3 col-xs-9" style="padding-top:0; padding-left:0; padding-right:0;">
| + | window.onscroll = function(){ |
| − | <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
| + | changePos(id,_getHeight); |
| − | <img src="https://static.igem.org/mediawiki/2015/4/47/Peking-Acknowledgement-Logo-QBC-Logo.png" alt="Center for Quantitative Biology" width="100%">
| + | } |
| − | </div>
| + | } |
| − | <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
| + | function changePos(id,height){ |
| − | <img src="https://static.igem.org/mediawiki/2015/f/fd/Peking-Acknowledgement-Logo-QBC-Title.png" alt="Center for Quantitative Biology" width="85%">
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| − | <a href="http://cqb.pku.edu.cn/en/"><p style="font-size:12px;color:#FFFFFF;">Center for Quantitative Biology, <br>Peking University</p></a>
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
| − | </div>
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| − | </div>
| + | var w = window.innerWidth; |
| − | <div id="IMCAS" class="col-lg-3 col-md-3 col-sm-3 col-xs-9" style="padding-top:0; padding-left:0; padding-right:0;">
| + | if(w>=1024){ |
| − | <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 260){ |
| − | <img src="https://static.igem.org/mediawiki/2015/3/39/Peking-Acknowledgement-Logo-IMCAS-Logo.png" alt="Institute of Microbiology, Chinese Academy of Sciences" width="100%">
| + | $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");} |
| − | </div>
| + | } |
| − | <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
| − | <img src="https://static.igem.org/mediawiki/2015/4/4e/Peking-Acknowledgement-Logo-IMCAS-Title.png" alt="Institute of Microbiology, Chinese Academy of Sciences" width="85%">
| + | }else{ |
| − | <a href="http://english.im.cas.cn/"><p style="font-size:12px;color:#FFFFFF">Institute of Microbiology, <br>Chinese Academy of Sciences</p></a>
| + | obj.style.position = 'fixed'; |
| − | </div>
| + | } |
| − | </div>
| + | } |
| − | <div id="CCME" class="col-lg-3 col-md-3 col-sm-3 col-xs-9" style="padding-top:0; padding-left:0; padding-right:0;">
| + | </script> |
| − | <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2015/8/89/Peking-Acknowledgement-Logo-Peking-Logo.png" alt="College of Chemistry and Molecular Engineering" width="100%">
| + | <script type="text/javascript"> |
| − | </div>
| + | window.onload = function(){ |
| − | <div class="col-lg-9 col-md-9 col-sm-9 col-xs-9">
| + | menuFixed('sidebar1'); |
| − | <img src="https://static.igem.org/mediawiki/2015/c/cb/Peking-Acknowledgement-Logo-CCME-Title.png" alt="College of Chemistry and Molecular Engineering" width="100%">
| + | } |
| − | <a href="http://www.chem.pku.edu.cn/index.php?styleid=2"><p style="font-size:12px;color:#FFFFFF;">College of Chemistry and Molecular Engineering, Peking University</p></a>
| + | </script> |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end of the footer-->
| + | |
| | | | |
| | + | |
| | </body> | | </body> |
| | + | </html> |
