|
|
| (82 intermediate revisions by 6 users not shown) |
| Line 3: |
Line 3: |
| | <html lang="en"> | | <html lang="en"> |
| | <head> | | <head> |
| − |
| |
| − | <!-- Define Charset -->
| |
| | <meta charset="utf-8"> | | <meta charset="utf-8"> |
| − |
| |
| − | <!-- Responsive Metatag -->
| |
| | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> | | <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"> | | <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015"> |
| − |
| |
| | <!--add ?action=raw&ctype=text/css when using Css--> | | <!--add ?action=raw&ctype=text/css when using Css--> |
| | + | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&ctype=text/css" type="text/css" media="screen"> |
| | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&ctype=text/css" media="screen"> |
| | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&ctype=text/css" media="screen"> |
| | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&ctype=text/css" media="screen"> |
| | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&ctype=text/css " title="blue" media="screen" /> |
| | | | |
| − | <!-- Bootstrap CSS V --> | + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
| − | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?action=raw&ctype=text/css" type="text/css" media="screen">
| + | #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;} |
| − | <!-- Font Awesome CSS V -->
| + | #top_menu_14{font-size: 12px; height:18px} |
| − | <!--<link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS/Font?action=raw&ctype=text/css" type="text/css" media="screen">-->
| + | #top_menu_inside li{font-size: 12px;} |
| − | <!-- Margo CSS Styles V-->
| + | #user_item{font-size: 12px;} |
| − | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&ctype=text/css" media="screen">
| + | #content{padding:0;border:0;width:100%;} |
| − | <!-- Responsive CSS Styles -->
| + | .firstHeading{visibility:hidden;} |
| − | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&ctype=text/css" media="screen">
| + | h2{border-bottom:none;padding-bottom:.5em;} |
| − | <!-- Css3 Transitions Styles -->
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
| − | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen">
| + | /* to style the sidebar*/ |
| − | <!-- Color CSS Styles -->
| + | @media (min-width:1024px){ |
| − | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" />
| + | #sidebar1{position:relative;top:120px;max-width:200px;} |
| − |
| + | #sidebar2{display:none;} |
| − | <style type="text/css">
| + | #nav-top{height:88px;} |
| − | /*get rid of the annoying iGEM style*/ | + | } |
| − | #content{
| + | @media (max-width: 1023px){ |
| − | padding:0;
| + | #sidebar1{display:none;} |
| − | border:0;
| + | #sidebar2{display:block;} |
| − | width:100%;
| + | } |
| − | }
| + | .back-to-top{z-index:9999;} |
| − | .firstHeading{ | + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
| − | visibility:hidden;
| + | .classic-title span { |
| − | }
| + | position: absolute; |
| − | h2{ | + | margin-top: -30px; |
| − | border-bottom:none;
| + | border-bottom-color: #00afd1; |
| − | padding-bottom:.5em;
| + | } |
| − |
| + | .page-banner{ |
| − | }
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
| − | .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;
| + | |
| − | }
| + | |
| − |
| + | |
| | </style> | | </style> |
| − |
| + | </head> |
| | | | |
| − | <!--[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> | | <body> |
| | <!-- Container --> | | <!-- Container --> |
| | <div id="container"> | | <div id="container"> |
| − |
| + | <!-- Start Header --> |
| − | <!-- Start Header -->
| + | |
| − | <div class="hidden-header"></div>
| + | |
| | <header class="clearfix"> | | <header class="clearfix"> |
| − |
| |
| | <!-- Start Logo & Naviagtion --> | | <!-- Start Logo & Naviagtion --> |
| | <div class="navbar navbar-default navbar-top"> | | <div class="navbar navbar-default navbar-top"> |
| Line 72: |
Line 56: |
| | <div class="navbar-header" > | | <div class="navbar-header" > |
| | <!-- Stat Toggle Nav Link For Mobiles --> | | <!-- Stat Toggle Nav Link For Mobiles --> |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="marginn-top:20px"> | + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px"> |
| | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> | | <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> |
| | <!-- End Toggle Nav Link For Mobiles --> | | <!-- End Toggle Nav Link For Mobiles --> |
| − | <a class="navbar-brand" href="2015.igem.org/Team:Peking"> | + | <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"> | | <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> | | </a> |
| | </div> | | </div> |
| | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> | | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> |
| − |
| |
| | <!-- Start Navigation List --> | | <!-- Start Navigation List --> |
| − | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px ;height:88px;padding-top:10px"> | + | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;padding-top:10px"> |
| | <li> | | <li> |
| − | <a href="">Home</a> | + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="">Achievements</a>
| + | |
| | <ul class="dropdown"> | | <ul class="dropdown"> |
| − | <li><a href="#">Judging Criteria</a> | + | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
| | </li> | | </li> |
| − | <li><a href="#">Parts</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| | </li> | | </li> |
| − | <li><a href="#">Collaborations</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#">Project</a> | + | <a href="https://2015.igem.org/Team:Peking/Design">Project</a> |
| | <ul class="dropdown"> | | <ul class="dropdown"> |
| − | <li><a href="#">Overview</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> |
| | </li> | | </li> |
| − | <li><a href="#">CRIPSR</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired<span style="text-transform:lowercase"> d</span>Cas9 Reporter</a> |
| | </li> | | </li> |
| − | <li><a href="#">Isothermal PCR</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a> |
| | </li> | | </li> |
| − | <li><a href="#">B. subtillis</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> |
| | </li> | | </li> |
| − | <li><a href="#">Device</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#">Modelling</a> | + | <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a> |
| | <ul class="dropdown"> | | <ul class="dropdown"> |
| − | <li><a href="#">Link 1</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> |
| | </li> | | </li> |
| − | <li><a href="#">Link 2</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a href="#">Human Practice</a> | + | <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a> |
| | <ul class="dropdown"> | | <ul class="dropdown"> |
| − | <li><a href="#">Link 1</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
| | </li> | | </li> |
| − | <li><a href="#">Link 2</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">Facts about TB</a> |
| | + | </li> |
| | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a> |
| | </li> | | </li> |
| − | <li><a href="#">Link 3</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| | </li> | | </li> |
| − | <li><a href="#">Link 4</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issues</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| | </li> | | </li> |
| | <li> | | <li> |
| − | <a class="active" href="#">Lab</a> | + | <a class="active" href="https://2015.igem.org/Team:Peking/Team">Lab</a> |
| − | <ul class="dropdown"> | + | <ul> |
| − | <li><a class="active" href="#">Team</a> | + | <li><a class="active" href="https://2015.igem.org/Team:Peking/Team">Team</a> |
| | </li> | | </li> |
| − | <li><a href="#">Notebook</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a> |
| | </li> | | </li> |
| − | <li><a href="#">Attributions</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a> |
| | </li> | | </li> |
| − | <li><a href=" #">Safety</a> | + | <li><a href=" https://2015.igem.org/Team:Peking/Safety">Safety</a> |
| | </li> | | </li> |
| | </ul> | | </ul> |
| Line 160: |
Line 142: |
| | | | |
| | <!-- Start Page Banner --> | | <!-- Start Page Banner --> |
| − | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%"> | + | <div class="page-banner"> |
| | <div class="container"> | | <div class="container"> |
| | <div class="row"> | | <div class="row"> |
| | <div class="col-md-6"> | | <div class="col-md-6"> |
| − | <h2><b>Team</b></h2> | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">T<span style="text-transform:lowercase">eam</span></h2> |
| − | <p style="font-size:14px">Meet our awesome team.</p> | + | <p style="margin-top:0px;font-size:14px">Meet our awesome team.</p> |
| | </div> | | </div> |
| | <div class="col-md-6"> | | <div class="col-md-6"> |
| | <ul class="breadcrumbs"> | | <ul class="breadcrumbs"> |
| − | <li><a href="#">Home</a></li> | + | <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> |
| | <li>Lab</li> | | <li>Lab</li> |
| | </ul> | | </ul> |
| Line 177: |
Line 159: |
| | </div> | | </div> |
| | <!-- End Page Banner --> | | <!-- End Page Banner --> |
| − |
| + | |
| − |
| + | |
| − | <!-- Start Content -->
| + | |
| − | | + | |
| | <div class="container"> | | <div class="container"> |
| | <div class="row blog-page"> | | <div class="row blog-page"> |
| Line 187: |
Line 167: |
| | <div class="col-md-3 sidebar left-sidebar"> | | <div class="col-md-3 sidebar left-sidebar"> |
| | <!-- Categories Widget --> | | <!-- Categories Widget --> |
| − | <div class="widget widget-categories"> | + | <div id="sidebar1"class="widget widget-categories"> |
| − | <h4 style="font-size:18px">Team <span class="head-line"></span></h4>
| + | <h4 style="font-size:18px">T<span style="text-transform:lowercase">eam</span><span class="head-line"></span></h4> |
| − | <ul style="font-size:16px"> | + | |
| − | <li>
| + | <li><a href="#Team-Members">Members</a></li> |
| − | <a href="#Team-Members">Members</a> | + | <li><a href="#Team-Instructors">Instructors</a></li> |
| − | </li>
| + | </ul> |
| − | <li>
| + | </div> |
| − | <a href="#Team-Instructors">Instructors</a> | + | <div id="sidebar2"class="widget widget-categories"> |
| − | </li>
| + | <h4 style="font-size:18px">T<span style="text-transform:lowercase">eam</span><span class="head-line"></span></h4> |
| − | <li>
| + | <ul> |
| − | <a href="#Team- Sponsors"> Sponsors</a> | + | <li><a href="#Team- Members"> Members</a></li> |
| − | </li>
| + | <li><a href="#Team- Instructors"> Instructors</a></li> |
| − | <li>
| + | |
| − | <a href="#Team- Acknowledgement"> Acknowledgement</a> | + | |
| − | </li>
| + | |
| | </ul> | | </ul> |
| | </div> | | </div> |
| | </div> | | </div> |
| | <!--End sidebar--> | | <!--End sidebar--> |
| − |
| + | <!-- Page Content --> |
| − | <!-- Page Content -->
| + | <div class="col-md-9 page-content" style="text-align:justify;"> |
| − | <div class="col-md-9 page-content"> | + | |
| − | <div id="team-introduction">
| + | |
| − | <!--annother type of touch slider-->
| + | |
| − | <div id="myCarousel" class="carousel slide" data-ride="carousel">
| + | |
| − | <!-- Indicators -->
| + | |
| − | <ol class="carousel-indicators">
| + | |
| − | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | |
| − | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | |
| − | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | |
| − | <li data-target="#myCarousel" data-slide-to="3"></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/08/Peking-team-about-01.jpg"style="width:100%;" alt="">
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="item">
| + | |
| − | <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/08/Peking-team-about-01.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>
| + | |
| − | <!--end of touch slider-->
| + | |
| | <!-- Classic Heading --> | | <!-- Classic Heading --> |
| − | <h3 class="classic-title"><span>Meet our team</span></h3> | + | <div class="col-md-12" style="padding-bottom:40px"> |
| − |
| + | <div id="myCarousel" class="carousel slide" data-ride="carousel"> |
| − | <!-- Some Text -->
| + | <!-- Indicators --> |
| − | <p>The Peking iGEM 2015 Team, consists of future biologists, doctors, chemical biologists, physicist, and applied mathematician, has grown into a professional and passionate team over past six months.</p>
| + | <ol class="carousel-indicators" style="margin: 0 -30%;"> |
| − | <p>On this page, you can find out the information about everyone who has contributed to the project. We would like to express our special thanks of gratitude to our instructors for their continued support and encouragement. Furthermore, we would also like to acknowledge with much appreciation to all the others who provided valuable advice and essential materials such as plasmids and strains for the project. Last but not least, many thanks go to all our team members, who have invested their full effort in completing the project.</p>
| + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| − |
| + | <li data-target="#myCarousel" data-slide-to="1"></li> |
| − | <!--Members-introduction-->
| + | |
| − | <!-- Classic Heading --> | + | </ol> |
| − | | + | <!-- Wrapper for slides --> |
| − | <h3 class="classic-title"><span>Members</span></h3>
| + | <div class=" carousel- inner" role="listbox"> |
| − |
| + | <div class="item active"> |
| − | <!--Team-ZHANGYihao-->
| + | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="width:100%;" alt=""> |
| − | <div id="members-ZHANGYihao" class="row">
| + | </div> |
| − | < 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">
| + | <div class="item"> |
| − | <h4><em>ZHANG Yihao</em></h4>
| + | <img src="https://static.igem.org/mediawiki/2015/0/09/Peking-team-about-02.jpg" style="width:100%;" alt=""> |
| − | <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>
| + | </div> |
| − | 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>
| + | |
| − | Aye, aye, captain!</p>
| + | </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> |
| − | <!--Team-WEIWeijia--> | + | </div> |
| − | <div id="members-WEIWeijia" class="row"> | + | <!--end of touch slider--> |
| − | <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> | + | <!-- Classic Heading --> |
| − | | + | <div class="col-md-12" style="padding:0"> |
| − | <h4><em>WEI Weijia</em></h4>
| + | <h3 class="classic-title" ><span>Meet our team</span></h3> |
| − | <p>WEI Weijia is a graduate of Wuhan University, majoring in life sciences and biotechnology. | + | </div> |
| − | <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.
| + | <!-- Some Text --> |
| − | <br>Sometimes he helps to prepare some consumables, sometimes he helps his companions to finish their experiments.</p>
| + | <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> |
| − | </div>
| + | <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> | | </div> |
| | <!--Team-LIHang--> | | <!--Team-LIHang--> |
| | <div id="members-LIHang" class="row"> | | <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-3 individual-picture"><img alt="LIHang-Peking" src="https://static.igem.org/mediawiki/2015/0/05/Peking_individual_LI_Hang.jpg"></div> |
| − | | + | |
| − | <h4><em>LI Hang</em></h4>
| + | <h4><em>LI Hang</em></h4> |
| − | <p>LI Hang is a undergraduate from Physics school of Peking University. | + | <p>LI Hang is an undergraduate from School of Physics, Peking University. |
| − | <br>He is responsible for designing and manufacturing devices for detecting DNA and RNA inside samples. There are two devices designed by him, one is for detecting analogue electric signal and another one is for detecting optical signal.
| + | He was responsible for designing and manufacturing the portable electronic device that convert optical signal into analogue electrical signal. |
| − | <br>He is a person enthusiastic about technology who has a strong belief that developments in technology can change our life and make our life better and better. He often plays the computer game FSX (Microsoft Flight Simulator) on PC. He likes flying very much. The most exciting thing for him is to land a plane on the runway smoothly. </p>
| + | 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> |
| | </div> | | </div> |
| | <!--Team-CHENGSida--> | | <!--Team-CHENGSida--> |
| | <div id="members-CHENGSida" class="row"> | | <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-3 individual-picture"><img alt="CHENGSida-Peking" src="https://static.igem.org/mediawiki/2015/2/25/Peking_individual_CHENG_Sida.jpg"></div> |
| − | | + | |
| − | <h4><em>CHENG Sida</em></h4>
| + | <h4><em>CHENG Sida</em></h4> |
| − | <p>CHENG Sida, is a junior at Peking University majoring in Clinical Medicine. | + | <p>CHENG Sida, is a junior undergraduate from Peking University, majoring in Clinical Medicine. |
| − | <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.
| + | 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> |
| − | <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”
| + | </p> |
| − | <br>iGEMer, go! go! go!</p>
| + | </div> |
| − | </div>
| + | |
| | </div> | | </div> |
| | <!--Team-LIJiaofeng--> | | <!--Team-LIJiaofeng--> |
| − | <div id="members-LIJiaofeng" class="row"> | + | <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-3 individual-picture"><img alt="LIJiaofeng-Peking" src="https://static.igem.org/mediawiki/2015/c/c0/Peking_individual_LI_Jiaofeng.jpg"></div> |
| − | | + | |
| − | <h4><em>LI Jiaofeng</em></h4>
| + | <h4><em>LI Jiaofeng</em></h4> |
| − | <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> | + | <p>LI Jiaofeng is a junior undergraduate from Peking University, majoring in Chemistry. |
| − | 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>
| + | 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> |
| − | 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> |
| − | </div>
| + | |
| | </div> | | </div> |
| | <!--Team-LIXiang--> | | <!--Team-LIXiang--> |
| | <div id="members-LIXiang" class="row"> | | <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-3 individual-picture"><img alt="LIXiang-Peking" src="https://static.igem.org/mediawiki/2015/b/bc/Peking_individual_LI_Xiang.jpg"></div> |
| − | | + | |
| − | <h4><em>LI Xiang</em></h4>
| + | <h4><em>LI Xiang</em></h4> |
| − | <p>LI Xiang is a junior majoring in college of chemistry and molecular engineering. He is also interesting in mathematics and life science.<br> | + | <p>LI Xiang is a junior majoring in College of Chemistry and Molecular Engineering. |
| − | 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>
| + | 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> |
| − | During this period, he improved his molecular biology experimental skills, acquired much knowledge of system and synthetic biology, and got lots of fun in it.</p>
| + | </p> |
| − | </div>
| + | </div> |
| | </div> | | </div> |
| | <!--Team-LINPingping--> | | <!--Team-LINPingping--> |
| | <div id="members-LINPingping" class="row"> | | <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-3 individual-picture"><img alt="LINPingping-Peking" src="https://static.igem.org/mediawiki/2015/4/4c/Peking_individual_LIN_Pingping.jpg"></div> |
| − | | + | |
| − | <h4><em>LIN Pingping</em></h4>
| + | <h4><em>LIN Pingping</em></h4> |
| − | <p>LIN Pingping is majoring in clinical medicine. | + | <p>LIN Pingping is an undergraduate majoring in clinical medicine. |
| − | <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.
| + | 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. |
| − | <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>
| + | She extremely appreciated iGEM where she made friends with those who are interested in synthetic biology. <br><br><br></p> |
| − | </div>
| + | </div> |
| | </div> | | </div> |
| | <!--Team-LIU Dongming--> | | <!--Team-LIU Dongming--> |
| | <div id="members-LIUDongming" class="row"> | | <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-3 individual-picture"><img alt="LIUDongming-Peking" src="https://static.igem.org/mediawiki/2015/b/bf/Peking_individual_LIU_Dongming.jpg"></div> |
| − | | + | |
| − | <h4><em>LIU Dongming</em></h4>
| + | <h4><em>LIU Dongming</em></h4> |
| − | <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> | + | <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 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.
| + | 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> |
| − | <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> |
| − | </p>
| + | |
| | </div> | | </div> |
| − | </div>
| + | </div> |
| − | <!--Team-LIU Wenchao-->
| + | <!--Team-LIU Wenchao--> |
| − | <div id="members-LIUWenchao" class="row"> | + | <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-3 individual-picture"><img alt="LIUWenchao-Peking" src="https://static.igem.org/mediawiki/2015/3/3c/Peking_individual_LIU_Wenchao.jpg"></div> |
| − | | + | |
| − | <h4><em>LIU Wenchao</em></h4>
| + | <h4><em>LIU Wenchao</em></h4> |
| − | <p>LIU Wenchao is a junior at Peking University majoring in Life Science. | + | <p>LIU Wenchao is a junior undergraduate from Peking University, majoring in Life Science. |
| − | <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.
| + | 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. |
| − | <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!).
| + | 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> |
| − | </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 from the school of Basic Medical Sciences. Although majoring in clinical medicine, her ultimate aim is to be a research-based doctor.
| + | |
| − | <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>She also loves music, movies and whodunits veeeeeeeeeery much! Pursuing freedom & truth and believing in optimism, she is on her way ever.
| + | |
| − | </p>
| + | |
| | </div> | | </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> | | </div> |
| | <!--Team-WANGYu--> | | <!--Team-WANGYu--> |
| − | <div id="members-WANGYu" class="row"> | + | <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-3 individual-picture"><img alt="WANGYu-Peking" src="https://static.igem.org/mediawiki/2015/e/e0/Peking_individual_WANG_Yu.jpg"></div> |
| − | | + | |
| | <h4><em>WANG Yu</em></h4> | | <h4><em>WANG Yu</em></h4> |
| − | | + | <p>WANG Yu is a junior undergraduate in pharmaceutical sciences. |
| − | WANG Yu is a junior 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> |
| − | <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.
| + | </div> |
| − | </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | <!--Team-XULuze--> | | <!--Team-XULuze--> |
| − | <div id="members-XULuze" class="row"> | + | <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-3 individual-picture"><img alt="XULuze-Peking" src="https://static.igem.org/mediawiki/2015/8/8d/Peking_individual_XU_Luze.jpg" ></div> |
| − | | + | |
| | <h4><em>XU Luze</em></h4> | | <h4><em>XU Luze</em></h4> |
| − | | + | <p>XU Luze is a junior undergraduate from Peking University , majoring in Mathematics. |
| − | XU Luze is a junior from Peking University majoring in Mathematics.
| + | His main task is computation and modeling. |
| − | <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.
| + | 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> |
| − | <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).
| + | </div> |
| − | </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | <!--Team-YEYixuan--> | | <!--Team-YEYixuan--> |
| | <div id="members-YEYixuan" class="row"> | | <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-3 individual-picture"><img alt="YEYixuan-Peking" src="https://static.igem.org/mediawiki/2015/2/29/Peking_individual_YE_Yixuan.jpg" ></div> |
| − | | + | |
| | <h4><em>YE Yixuan</em></h4> | | <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. |
| − | YE Yixuan is a senior in Peking University majoring in Public Health. She is also fascinated by Physics which is her second major. <br>
| + | She was responsible for human practice and mathematical modeling. Reading is what she loves most.<br><br><br></p> |
| − | And now she is responsible for human practice and part of the construction of the mathematical model. Reading is what she loves most.
| + | </div> |
| − | </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | <!--Team-ZHANGXiaohan--> | | <!--Team-ZHANGXiaohan--> |
| − | <div id="members-ZHANGXiaohan" class="row"> | + | <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> | + | <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> | | <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. |
| − | ZHANG Xiaohan, Jessica, is a junior from PKU 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> |
| − | <br>She is in charge of Conference of China iGEMer’s Committee and also helps in team designing and human practice.
| + | </p> |
| − | <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.
| + | </div> |
| − | </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | </div> <!--End of Team-introduction-->
| + | </div> <!--End of Team-introduction--> |
| − |
| + | <!--Start Instructor--> |
| − | <!--Start Instructor-->
| + | |
| − | <div id="Team-Instructors"> | + | <h3 class="classic-title" style="margin-top:25px"><span>Instructors</span></h3> |
| − | <h3 class="classic-title" style="margin-top:25px"><span>Instructors</span></h3>
| + | |
| − | | + | |
| − | | + | <img alt="OUYangqi-Peking" src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg" style="max-width: 150px" > |
| − | <img alt="OUYangqi-Peking" src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg" style="max-width: 200px" > | + | <h4><em> OUYANG Qi</em></h4> |
| − | <h4><em> OU Yangqi</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:200px" >
| + | |
| − | <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:200px" >
| + | |
| − | <h4><em> ZHANG Haoqian</em></h4>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--End Instructor-->
| + | |
| − |
| + | |
| − | <!--Start Sponsors-->
| + | |
| − | <div id="Team-Sponsors">
| + | |
| − | <h3 class="classic-title" style="margin-top:25px"><span>Sponsors</span></h3>
| + | |
| − | </div>
| + | |
| − | <!--End Sponsors-->
| + | |
| − |
| + | |
| − | <!--Start Acknowledgement-->
| + | |
| − | <div id="Team-Acknowledgement">
| + | |
| − | <h3 class="classic-title" style="margin-top:25px"><span>Acknowledgement</span></h3>
| + | |
| − | </div>
| + | |
| − | <!--End Acknowledgement-->
| + | |
| − | <!-- End Page Content-->
| + | |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </div>
| + | <img alt="LOUChunbo-Peking" src="https://static.igem.org/mediawiki/2015/8/84/Peking_individual_LOU_Chunbo.jpg"style="max-width:150px" > |
| − | </div>
| + | <h4><em> LOU Chunbo</em></h4> |
| − | </div>
| + | </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> | | </div> |
| − | <!-- End Content --> | + | |
| − | <!-- Start Footer --> | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
| | + | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| | <!-- Start Footer --> | | <!-- Start Footer --> |
| − | <footer> | + | <footer style="margin-top:30px; padding:0"> |
| − | <div class="container"> | + | <div class="container" > |
| − | <div class="row footer-widgets"> | + | <div class="row footer-widgets" style="padding:0:margin:0"> |
| | | | |
| | <!-- Start Subscribe & Social Links Widget --> | | <!-- Start Subscribe & Social Links Widget --> |
| | <div class="col-md-3"> | | <div class="col-md-3"> |
| − | <div class="col-md-12 footer-widget social-widget row"> | + | <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> | | <h4>Share This<span class="head-line"></span></h4> |
| − | <ul class="social-icons"> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| − | <li> | + | <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=2015.igem.org/Team:Peking /Team"><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> | + | <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> |
| − | <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=2015.igem.org/Team:Peking /Team"><i class="fa"><img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"></i></a> | + | <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> |
| − | <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=2015.igem.org/Team:Peking /Team"><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> | + | <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> | | </li> |
| | | | |
| Line 479: |
Line 438: |
| | <div class="col-md-12 footer-widget social-widget row"> | | <div class="col-md-12 footer-widget social-widget row"> |
| | <h4>Follow Us<span class="head-line"></span></h4> | | <h4>Follow Us<span class="head-line"></span></h4> |
| − | <ul class="social-icons"> | + | <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"> |
| − | <li> | + | <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> | | <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> |
| − | <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> | | <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> |
| − | <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> | | <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> | | </li> |
| Line 524: |
Line 483: |
| | <!-- Start Contact Widget --> | | <!-- Start Contact Widget --> |
| | <div class="col-md-3"> | | <div class="col-md-3"> |
| − | <div class="footer-widget"> | + | <div class="footer-widget" style="padding:0:margin:0" > |
| | <h4>Contact us<span class="head-line" ></span></h4> | | <h4>Contact us<span class="head-line" ></span></h4> |
| − | <div class="footer-widget contact-widget" style="font-size:12px"> | + | <div class="footer-widget contact-widget"> |
| | <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" > | | <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> | + | <ul style="font-size:12px;color:#b4b4b4"> |
| − | <li><span>Email:</span> pekingigem@gmail.com</li> | + | <li><span>Email:</span> <a href="Mailto:pekingigem@gmail.com&Subject=Hello&Body=Hi, Peking iGEM!"style="color:#b4b4b4">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>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> | | <li><span>Address:</span> Peking University, <br>No.5 Yiheyuan Road Haidian District, <br>Beijing, P.R.China 100871</li> |
| | </ul> | | </ul> |
| Line 544: |
Line 503: |
| | <div class="copyright-section"> | | <div class="copyright-section"> |
| | <div class="row"> | | <div class="row"> |
| − | <div class="col-md-6"> | + | <div class="col-md-12" style="padding:0;margin:0;height:30px"> |
| − | <p>© 2015 Peking iGEM - All Rights Reserved</p> | + | <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> |
| | | | |
| Line 560: |
Line 519: |
| | | | |
| | <!-- Go To Top Link --> | | <!-- 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> | + | <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 id="loader"> |
| Line 568: |
Line 527: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| + | |
| | + | |
| | <!-- add ?action=raw&ctype=text/javascript when using Js--> | | <!-- add ?action=raw&ctype=text/javascript when using Js--> |
| | <!-- Margo JS --> | | <!-- Margo JS --> |
| Line 575: |
Line 535: |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&ctype=text/javascript "></script> |
| | <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?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> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&ctype=text/javascript"></script> |
| − |
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&ctype=text/javascript"></script>
| + | |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&ctype=text/javascript"></script> |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&ctype=text/javascript"></script> |
| − |
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&ctype=text/javascript"></script>
| + | |
| | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&ctype=text/javascript"></script> |
| − |
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script> |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&ctype=text/javascript"></script>
| + | <script type="text/javascript" > |
| − | | + | function menuFixed(id){ |
| | + | var obj = document.getElementById(id); |
| | + | var _getHeight = obj.offsetTop; |
| | + | |
| | + | window.onscroll = function(){ |
| | + | changePos(id,_getHeight); |
| | + | } |
| | + | } |
| | + | function changePos(id,height){ |
| | + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| | + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
| | + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| | + | var w = window.innerWidth; |
| | + | if(w>=1024){ |
| | + | if($(window).scrollTop() + $(window).height() > $(document).height() - 260){ |
| | + | $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");} |
| | + | } |
| | + | if(scrollTop < height){ obj.style.position = 'relative'; |
| | + | }else{ |
| | + | obj.style.position = 'fixed'; |
| | + | } |
| | + | } |
| | + | </script> |
| | + | |
| | + | <script type="text/javascript"> |
| | + | window.onload = function(){ |
| | + | menuFixed('sidebar1'); |
| | + | } |
| | + | </script> |
| | + | |
| | + | |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
