|
|
(42 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--> |
− | <!-- Bootstrap CSS V -->
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&ctype=text/css" type="text/css" media="screen"> |
− | <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS?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"> |
− | <!-- Font Awesome CSS V -->
| + | <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" href="https://2015.igem.org/Template:Peking/CSS/Font?action=raw&ctype=text/css" type="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"> |
− | <!-- Margo CSS Styles V-->
| + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&ctype=text/css " title="blue" media="screen" /> |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Style?action=raw&ctype=text/css" media="screen"> | + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
− | <!-- Responsive CSS Styles -->
| + | #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;} |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Responsive?action=raw&ctype=text/css" media="screen"> | + | #top_menu_under{font-size: 12px;} |
− | <!-- Css3 Transitions Styles -->
| + | #top_menu_14{font-size: 12px; height:18px} |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/CSS/Animate?action=raw&ctype=text/css" media="screen"> | + | #top_menu_inside li{font-size: 12px;} |
− | <!-- Color CSS Styles -->
| + | #user_item{font-size: 12px;} |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue?action=raw&ctype=text/css " title="blue" media="screen" /> | + | #content{padding:0;border:0;width:100%;} |
− |
| + | .firstHeading{visibility:hidden;} |
− | <style type="text/css"> | + | h2{border-bottom:none;padding-bottom:.5em;} |
− | /*get rid of the annoying iGEM style*/
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
− | #content{ | + | /* to style the sidebar*/ |
− | padding:0;
| + | @media (min-width:1024px){ |
− | border:0;
| + | #sidebar1{position:relative;top:120px;max-width:200px;} |
− | width:100%;
| + | #sidebar2{display:none;} |
− | }
| + | #nav-top{height:88px;} |
− | .firstHeading{ | + | } |
− | visibility:hidden;
| + | @media (max-width: 1023px){ |
− | }
| + | #sidebar1{display:none;} |
− | h2{ | + | #sidebar2{display:block;} |
− | border-bottom:none;
| + | } |
− | padding-bottom:.5em;
| + | .back-to-top{z-index:9999;} |
− |
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
− | }
| + | .classic-title span { |
− | .carousel-control.left, .carousel-control.right {
| + | position: absolute; |
− | background-image: none
| + | margin-top: -30px; |
− | }
| + | border-bottom-color: #00afd1; |
− | /* to style the team page*/ | + | } |
− | .individual-picture{ | + | .page-banner{ |
− | max-width:200px;margin-top:5px; margin-bottom:10px;
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
− | }
| + | } |
− |
| + | |
| </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 67: |
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> |
Line 76: |
Line 65: |
| </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="https://2015.igem.org/Team:Peking">Home</a>
| |
− | </li>
| |
− | <li>
| |
| <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> | | <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> |
| <ul class="dropdown"> | | <ul class="dropdown"> |
| <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">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 class="active" href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> | | <li><a class="active" href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
Line 98: |
Line 83: |
| <li><a href="https://2015.igem.org/Team:Peking/Design">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><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a> |
| </li> | | </li> |
− | <li><a href="#">B. subtillis</a> | + | <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
− | </li>
| + | |
− | <li><a href="#">Device</a>
| + | |
| </li> | | </li> |
| </ul> | | </ul> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="https://2015.igem.org/Team:Peking/Modeling">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="https://2015.igem.org/Team:Peking/Practices">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> |
Line 155: |
Line 141: |
| | | |
| <!-- Start Page Banner --> | | <!-- Start Page Banner --> |
− | <div class="page-banner" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;"> | + | <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>Collaborations</b></h2> | + | <h2 style="font-size:20px; margin-bottom:5px; padding-bottom:0">Collaborations</h2> |
− | <p >Science is a collaborative endeavor.</p> | + | <p style="margin-top:0px;font-size:14px">Science is a collaborative endeavor.</p> |
| </div> | | </div> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
| <ul class="breadcrumbs"> | | <ul class="breadcrumbs"> |
| <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> | | <li><a href="https://2015.igem.org/Team:Peking">Home</a></li> |
− | <li>Achievements</li> | + | <li>Practices</li> |
| </ul> | | </ul> |
| </div> | | </div> |
Line 173: |
Line 159: |
| <!-- End Page Banner --> | | <!-- End Page Banner --> |
| | | |
− | <!-- Start Content -->
| + | <div id="content"> |
− | <div id="content">
| + | |
| <div class="container"> | | <div class="container"> |
| <div class="row blog-page"> | | <div class="row blog-page"> |
Line 181: |
Line 166: |
| <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">Collaborations <span class="head-line"></span></h4> | + | <h4 style="font-size:18px">A<span style="text-transform:lowercase">chievements</span> <span class="head-line"></span></h4> |
− | <ul style="font-size:16px"> | + | <ul> |
| <li> | | <li> |
− | <a href="#CCiiC">CCiC</a> | + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
| </li> | | </li> |
| <li> | | <li> |
− | <a href="#xxxx">xxxx?</a> | + | <a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| </li> | | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Collaborations" style="color:#00afd1">Collaborations</a> |
| + | </li> |
| + | |
| + | </ul> |
| + | </div> |
| + | <div id="sidebar2"class="widget widget-categories"> |
| + | <h4 style="font-size:18px">A<span style="text-transform:lowercase">chievements</span> <span class="head-line"></span></h4> |
| + | <ul> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Collaborations" style="color:#00afd1">Collaborations</a> |
| + | </li> |
| + | |
| </ul> | | </ul> |
| </div> | | </div> |
Line 195: |
Line 199: |
| <!--End sidebar--> | | <!--End sidebar--> |
| <!-- Page Content --> | | <!-- Page Content --> |
− | <div class="col-md-9 page-content"> | + | <div class="col-md-9 page-content" style="text-align:justify;"> |
− | <div id="collaborations"> | + | <div id="Design"> |
| <!-- Classic Heading --> | | <!-- Classic Heading --> |
− | <div id="CCiC">
| + | <div id="CCiC"> |
− | <div id="CCiC-banner"class="col-md-12" style="margin-bottom:30px;margin-top:0">
| + | <div id="CCiC-banner"class="col-md-12" style="margin-bottom:30px;margin-top:0"> |
− | <img src="https://static.igem.org/mediawiki/2015/7/78/Peking-Collaborations-CCiC-Pic1.JPG"style="margin:10px"/>
| + | <img src="https://static.igem.org/mediawiki/2015/7/78/Peking-Collaborations-CCiC-Pic1.JPG"style="margin:10px"/> |
| + | </div> |
| + | <div class="col-md-12"> |
| + | <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Conference of China iGEMer Committee(CCiC)</span></h3> |
| </div> | | </div> |
− |
| |
− | <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Conference of China iGEMer Committee(CCiC) and Meet up in Peking University</span></h3>
| |
− |
| |
| <div style="margin-top:30px; margin-bottom:0"> | | <div style="margin-top:30px; margin-bottom:0"> |
− | <p> From August 14th to 15th, Conference of China iGEMer Committee (CCiC) was held in the School of Life Sciences, Peking University. 34 teams from all over China accepted our invitation, a markedly increase in the number as well as the kind of teams compared with the 1st CCIC held by <a href="">HZAU, 2014</a>. More than 300 iGEMers have attended this year’s conference. </p> | + | <p> From August 14th to 15th, Conference of China iGEMer Committee (CCiC) was held in the School of Life Sciences, Peking University. 34 teams from all over China accepted our invitation, a markedly increase in the number as well as the kind of teams compared with the 1st CCiC held by <span style="color:#00afd1">HZAU, 2014</span>. More than 300 iGEMers have attended this year’s conference. </p> |
| <div class="col-md-12 text-center"> | | <div class="col-md-12 text-center"> |
| <img class="text-center" src="https://static.igem.org/mediawiki/2015/8/8d/Peking-Collaborations-CCiC-Pic2.JPG" style="margin:10px;"/> | | <img class="text-center" src="https://static.igem.org/mediawiki/2015/8/8d/Peking-Collaborations-CCiC-Pic2.JPG" style="margin:10px;"/> |
| </div> | | </div> |
− | <p>In the opening ceremony on August 14th, we invited two special guests, ZHANG Haoqian and LI Teng to give the keynote speech. Both of them are co-founders of <a href="">BluePHA</a>, an iGEM startup in China. More importantly, they are also the team leaders of Peking and Tsinghua iGEM 2010 team respectively. As predecessors in synthetic biology field, they shared their iGEM experiences, along with their opinions on the prospects of synthetic biology. Furthermore, they encouraged young scholars to study deeply in this area and fight for great achievements in the future.</p> | + | <p>In the opening ceremony on August 14th, we invited two special guests, ZHANG Haoqian and LI Teng to give the keynote speech. Both of them are co-founders of <a href="http://www.bluepha.com/"style="color:#00afd1">BluePHA</a>, an iGEM startup in China. More importantly, they are also the team leaders of Peking and Tsinghua iGEM 2010 team respectively. As predecessors in synthetic biology field, they shared their iGEM experiences, along with their opinions on the prospects of synthetic biology. Furthermore, they encouraged young scholars to study deeply in this area and fight for great achievements in the future.</p> |
− | | + | |
| <!--BluePHA--> | | <!--BluePHA--> |
| <div class="row" id="Collaborations-BluePHA"> | | <div class="row" id="Collaborations-BluePHA"> |
| <div class="col-md-6 text-center"> | | <div class="col-md-6 text-center"> |
− | <img class="text-center" src="https://static.igem.org/mediawiki/2015/e/ea/Peking-Collaborations-CCiC-ZHANGHaoqian.gif" style="margin:20px; max-width:250px"/> | + | <img class="text-center" src="https://static.igem.org/mediawiki/2015/e/ea/Peking-Collaborations-CCiC-ZHANGHaoqian.gif" style="margin:20px; max-width:200px"/> |
| <h5><strong><i>ZHANG Haoqian</i></strong></h5> | | <h5><strong><i>ZHANG Haoqian</i></strong></h5> |
− | <p>Former leader of Peking iGEM 2010, Co-founder of BluePHA</p>
| + | <p>Former leader of Peking iGEM 2010<br>Co-founder of BluePHA</p> |
− |
| + | |
| </div> | | </div> |
| <div class="col-md-6 text-center"> | | <div class="col-md-6 text-center"> |
− | <img class="text-center" src="https://static.igem.org/mediawiki/2015/9/9b/Peking-Collaborations-CCiC-LITeng.gif" style="margin:20px; max-width:250px"/> | + | <img class="text-center" src="https://static.igem.org/mediawiki/2015/9/9b/Peking-Collaborations-CCiC-LITeng.gif" style="margin:20px; max-width:200px"/> |
| <h5><strong><i>LI Teng</i></strong></h5> | | <h5><strong><i>LI Teng</i></strong></h5> |
− | <p>Former leader of Tsinghua iGEM 2010, Co-founder of BluePHA</p>
| + | <p>Former leader of Tsinghua iGEM 2010<br>Co-founder of BluePHA</p> |
| + | </div> |
| + | </div><!-- End of BluePHA--> |
| + | </div> |
| + | <div class="col-md-12" style="margin-bottom:20px; margin-top:0"> |
| + | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Collaborations-CCiC-Pic3.jpg" style="margin-bottom:20px"/> |
| + | <p>CCiC Peking 2015 seeks to establish a sustained platform for Chinese iGEM teams to communicate with each other.</p> |
| + | <p>With excellent and attractive presentation, all the teams get numerous responses from others, including suggestions on the thoughts of experiments, heated discussions on pathway design, and reflections on safety and application. All teams' posters were exhibited in the hall, to facilitate the idea exchange of participants in an open environment. In the tea break, team members could present their projects to other participants who had an interest, and this has aroused passionate discussions among them. Problems and solutions on experiments can be easily shared in front of a poster, with data and diagrams showed on it.</p> |
| + | <!--slider--> |
| + | <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> |
| + | <!-- 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> |
| + | <li data-target="#myCarousel" data-slide-to="2"></li> |
| + | <li data-target="#myCarousel" data-slide-to="3"></li> |
| + | <li data-target="#myCarousel" data-slide-to="4"></li> |
| + | <li data-target="#myCarousel" data-slide-to="5"></li> |
| + | <li data-target="#myCarousel" data-slide-to="6"></li> |
| + | </ol> |
| + | <!-- Wrapper for slides --> |
| + | <div class="carousel-inner" role="listbox"> |
| + | <div class="item active"> |
| + | <img src="https://static.igem.org/mediawiki/2015/0/04/Peking-Collaborations-CCiC-Slide1.jpg" style="width:100%;" alt=""> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide2.jpg"style="width:100%;" alt=""> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide3.jpg" style="width:100%;" alt=""> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/a/a8/Peking-Collaborations-CCiC-Slide4.jpg" style="width:100%;" alt=""> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/f/f4/Peking-Collaborations-CCiC-Slide5.jpg" style="width:100%;" alt=""> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-Collaborations-CCiC-Slide6.jpg" style="width:100%;" alt=""> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/f/fe/Peking-Collaborations-CCiC-Slide7.jpg" style="width:100%;" alt=""> |
| </div> | | </div> |
| </div> | | </div> |
− | | + | <!-- Left and right controls --> |
− | </div> | + | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> |
− | <!-- End of BluePHA--> | + | <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--> |
| + | </div> |
| + | <div class="col-md-12" style="margin-bottom:40px; margin-top:0"> |
| + | <p>Modern technology makes information acquisition more convenient, but there is no other way better than face-to-face communication. The conference provided teams with an opportunity to learn about each other. Meaningful exchanges in ideas enhanced the efficiency of problem solving. That’s why we tried our best to make a relaxing and pleasure atmosphere for participants, by providing delicious snacks and conference meals.</p> |
| + | <p>Attendance of CCiC helped all the teams acquire both reflections and inspiration from communicating, and improved the projects in the end. All in all, we believe that the conference will make a significant improvement for all CCiC attendees in the Giant Jamboree.</p> |
| + | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/d/da/Peking-Collaborations-CCiC-Combine4.jpg"> |
| + | </div> |
| + | </div> |
| + | <div> |
| + | <div class="col-md-12"><h3 class="classic-title" id="communication" style="margin-top:50px;"><span>Communications</span></h3></div> |
| + | <p>In addition to the Conference of China iGEMer held by Peking iGEM Team, we also attempted to communicate with other teams by various kinds of activities. <br/>In April of 2015, the iGEM team of Ocean University of China (OUC) came to Peking University to take part in our discussions. At that time, both teams of PKU and OUC just had the core ideas of the project, with many details to be considered. Through the presentation of our idea and the brain storming, their participation has brought us some new ideas. <br/>From May 16<sup>th</sup> to 17<sup>th</sup>, ZHANG Haoqian, our team instructor, visited Zhejiang University and gave their iGEM team members a speech about his insights into iGEM. As a predecessor, he shared his iGEM experience with the new iGEM team of Zhejiang University. The subsequent academic exchange between Zhang and the whole team has brought the talks to an end. Besides, having been invited as an instructor for the iGEM teams of several high schools in Hangzhou, he came to Hangzhou Technological Museum to provide theoretical and experimental references for them. |
| + | </p> |
| + | <!--slider--> |
| + | <div id="myCarousel1" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px;margin-bottom:30px"> |
| + | <!-- Indicators --> |
| + | <ol class="carousel-indicators" style="margin: 0 -30%;"> |
| + | <li data-target="#myCarousel1" data-slide-to="0" class="active"></li> |
| + | <li data-target="#myCarousel1" 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/b/bd/Peking-Collaborations-communication-1.jpg" alt=""></a> |
| + | </div> |
| + | <div class="item"> |
| + | <img src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Collaborations-communication-2.jpg" alt=""></a> |
| + | </div> |
| + | |
| | | |
− |
| |
− |
| |
− | <div class="col-md-12" style="margin-bottom:20px; margin-top:0">
| |
− |
| |
− | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Collaborations-CCiC-Pic3.jpg" style="margin-bottom:20px"/>
| |
− | <p>CCIC Peking 2015 seek to establish a sustained platform for Chinese iGEM teams to communicate with each other.</p>
| |
− | <p>With excellent and attractive presentation, all the teams get numerous responses from others, including suggestions on the thought of experiments, heated discussions on path design, and reflections on safety and application. All teams’posters were exhibited in the hall, to facilitate the idea exchange of participants in an open environment. In the tea break, team members could present their projects to other participants who had an interest, and this has aroused passionate discussions among them. Problems and solutions on experiments can be easily shared in front of a poster, with data and diagrams showed on it.</p>
| |
− |
| |
− |
| |
− | <!--slider-->
| |
− | <!--annother type of touch slider-->
| |
− | <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px">
| |
− | <!-- 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>
| |
− | <li data-target="#myCarousel" data-slide-to="4"></li>
| |
− | <li data-target="#myCarousel" data-slide-to="5"></li>
| |
− | <li data-target="#myCarousel" data-slide-to="6"></li>
| |
− | </ol>
| |
− |
| |
− | <!-- Wrapper for slides -->
| |
− | <div class="carousel-inner" role="listbox">
| |
− | <div class="item active">
| |
− | <img src="https://static.igem.org/mediawiki/2015/0/04/Peking-Collaborations-CCiC-Slide1.jpg" style="width:100%;" alt="">
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide2.jpg"style="width:100%;" alt="">
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide3.jpg" style="width:100%;" alt="">
| |
− | </div>
| |
− |
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2015/a/a8/Peking-Collaborations-CCiC-Slide4.jpg" style="width:100%;" alt="">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2015/f/f4/Peking-Collaborations-CCiC-Slide5.jpg" style="width:100%;" alt="">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-Collaborations-CCiC-Slide6.jpg" style="width:100%;" alt="">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2015/f/fe/Peking-Collaborations-CCiC-Slide7.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-->
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <div class="col-md-12" style="margin-bottom:40px; margin-top:0">
| |
− | <p>Modern technology makes information acquisition more convenient, but there is no other way better than face-to-face communication. The conference provided teams with an opportunity to learn about each other. Meaningful exchanges in ideas enhanced the efficiency of problem solving. That’s why we tried our best to make a relaxing and pleasure atmosphere for participants, by providing delicious snacks and conference meals.</p>
| |
− | <p>Attendance of CCIC helped all the teams acquire both reflections and inspiration from communicating, and improved the projects in the end. All in all, we believe that the conference will make a significant improvement for all CCiC attendees in the Giant Jamboree.</p>
| |
− |
| |
− |
| |
− | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/d/da/Peking-Collaborations-CCiC-Combine4.jpg">
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
| </div> | | </div> |
− | | + | <!-- Left and right controls --> |
| + | <a class="left carousel-control" href="#myCarousel1" 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="#myCarousel1" 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--> |
| + | </div> |
| + | </div> |
| | | |
| | | |
| | | |
| | | |
− |
| |
− | <!--divider-->
| |
− | <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div>
| |
− | <h3 class="classic-title" id="xxxx"><span>xxxxx?</span></h3>
| |
− | <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
| |
− | <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
| |
− | <div class="row">
| |
− | <div class="col-md-6">
| |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="margin:20px;"/>
| |
− | <p class="text-center">blablabla<p>
| |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="margin:20px;"/>
| |
− | <p class="text-center">blablabla<p>
| |
− | </div>
| |
| </div> | | </div> |
| </div> | | </div> |
Line 336: |
Line 329: |
| </div> | | </div> |
| </div> | | </div> |
− | </div> | + | |
| + | |
| + | |
| <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> | | <!--FOOTER************FOOTER*******************FOOTER***************FOOTER************--> |
| <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> | | <!--******************************* the only thing to CHANGE is the SHARE LINK******************************--> |
| <!-- Start Footer --> | | <!-- Start Footer --> |
− | <footer style="margin-top:30px"> | + | <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><!--HERE need to be changed--> | + | <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/Collaborations"> | + | <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;"> |
Line 356: |
Line 351: |
| </a> | | </a> |
| </li> | | </li> |
− | <li><!--HERE need to be changed--> | + | <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/Collaborations"> | + | <a class="facebook"target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;"> |
Line 363: |
Line 358: |
| </a> | | </a> |
| </li> | | </li> |
− | <li><!--HERE need to be changed--> | + | <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/Collaborations"> | + | <a class="google"target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking"> |
| <i class="fa"> | | <i class="fa"> |
| <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> | | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;"> |
Line 376: |
Line 371: |
| <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 421: |
Line 416: |
| <!-- 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 441: |
Line 436: |
| <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 457: |
Line 452: |
| | | |
| <!-- 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 465: |
Line 460: |
| </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 479: |
Line 475: |
| <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> |