|
|
(30 intermediate revisions by 5 users not shown) |
Line 7: |
Line 7: |
| <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/CSS?action=raw&ctype=text/css" type="text/css" media="screen"> | + | <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/CSS/Style?action=raw&ctype=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/CSS/Responsive?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/CSS/Animate?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?action=raw&ctype=text/css " title="blue" 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" /> |
− | <style type="text/css"> | + | <style type="text/css">/*get rid of the annoying iGEM style*/ |
− | /*get rid of the annoying iGEM style*/
| + | #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;} |
− | #content{padding:0;border:0;width:100%;} | + | #top_menu_under{font-size: 12px;} |
| + | #top_menu_14{font-size: 12px; height:18px} |
| + | #top_menu_inside li{font-size: 12px;} |
| + | #user_item{font-size: 12px;} |
| + | #content{padding:0;border:0;width:100%;} |
| .firstHeading{visibility:hidden;} | | .firstHeading{visibility:hidden;} |
| h2{border-bottom:none;padding-bottom:.5em;} | | h2{border-bottom:none;padding-bottom:.5em;} |
− | .carousel-control.left, .carousel-control.right {background-image:none;}
| + | .carousel-control.left, .carousel-control.right{background-image: none} |
− | /*universal style*/
| + | /* to style the sidebar*/ |
− | @media (min-width:1024px){
| + | @media (min-width:1024px){ |
− | #sidebar1{position:relative;top:120px;} | + | #sidebar1{position:relative;top:120px;max-width:200px;} |
| #sidebar2{display:none;} | | #sidebar2{display:none;} |
| #nav-top{height:88px;} | | #nav-top{height:88px;} |
Line 27: |
Line 31: |
| #sidebar1{display:none;} | | #sidebar1{display:none;} |
| #sidebar2{display:block;} | | #sidebar2{display:block;} |
− | } | + | } |
| .back-to-top{z-index:9999;} | | .back-to-top{z-index:9999;} |
− | /* to style the collaborations page*/
| + | ul.dropdown{margin-left: 0px; margin-top: 0px;} |
− | p > a{color:#00afd1;}
| + | .classic-title span { |
− | </style>
| + | position: absolute; |
| + | margin-top: -30px; |
| + | border-bottom-color: #00afd1; |
| + | } |
| + | .page-banner{ |
| + | background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px; |
| + | } |
| + | |
| + | </style> |
| </head> | | </head> |
| | | |
Line 37: |
Line 49: |
| <!-- Container --> | | <!-- Container --> |
| <div id="container"> | | <div id="container"> |
− | <!-- Start Header -->
| + | <!-- Start Header --> |
| <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"> |
− | <div class="container">
| + | <div class="container"> |
− | <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="margin-top:20px"><i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i></button>
| + | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px"> |
− | <!-- End Toggle Nav Link For Mobiles -->
| + | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> |
− | <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" title="Peking iGEM 2015 Home" style="height:55px;margin-top:7px"></a>
| + | </button> |
| + | <!-- End Toggle Nav Link For Mobiles --> |
| + | <a class="navbar-brand" href="https://2015.igem.org/Team:Peking"> |
| + | <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px"> |
| + | </a> |
| + | </div> |
| + | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> |
| + | <!-- Start Navigation List --> |
| + | <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;padding-top:10px"> |
| + | <li> |
| + | <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a> |
| + | <ul class="dropdown"> |
| + | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a> |
| + | </li> |
| + | <li><a class="active" href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Design">Project</a> |
| + | <ul class="dropdown"> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired<span style="text-transform:lowercase"> d</span>Cas9 Reporter</a> |
| + | </li> |
| + | <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><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a> |
| + | <ul class="dropdown"> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis algorithm</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a> |
| + | <ul class="dropdown"> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a> |
| + | </li> |
| + | <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><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issues</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | <li> |
| + | <a href="https://2015.igem.org/Team:Peking/Team">Lab</a> |
| + | <ul> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a> |
| + | </li> |
| + | <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a> |
| + | </li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | <!-- End Navigation List --> |
| + | </div> |
| + | </div> |
| </div> | | </div> |
− | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> | + | <!-- End Header Logo & Naviagtion --> |
− | <!-- Start Navigation List -->
| + | |
− | <ul class="nav navbar-nav navbar-right " id="nav-top" style="padding-bottom:15px;padding-top:10px">
| + | </header> |
− | <li>
| + | <!-- End Header Section --> |
− | <a class="active" href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
| + | |
− | <ul class="dropdown">
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a></li>
| + | |
− | <li><a href="#">Parts</a></li>
| + | |
− | <li><a class="active" href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
| + | |
− | <ul class="dropdown">
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a></li>
| + | |
− | <li><a href="#">CRIPSR</a></li>
| + | |
− | <li><a href="#">Isothermal PCR</a></li>
| + | |
− | <li><a href="#">B. subtillis</a></li>
| + | |
− | <li><a href="#">Device</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Modeling">Modelling</a>
| + | |
− | <ul class="dropdown">
| + | |
− | <li><a href="#">Link 1</a></li>
| + | |
− | <li><a href="#">Link 2</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Practices">Practice</a>
| + | |
− | <ul class="dropdown">
| + | |
− | <li><a href="#">Link 1</a></li>
| + | |
− | <li><a href="#">Link 2</a></li>
| + | |
− | <li><a href="#">Link 3</a></li>
| + | |
− | <li><a href="#">Link 4</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://2015.igem.org/Team:Peking/Team">Lab</a>
| + | |
− | <ul class="dropdown">
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a></li>
| + | |
− | <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul><!-- End Navigation List -->
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div><!-- End Header Logo & Naviagtion -->
| + | |
− | </header> <!-- End Header Section --> | + | |
| | | |
− | <!-- Start Page Banner --> | + | <!-- 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 117: |
Line 157: |
| </div> | | </div> |
| </div> | | </div> |
− | <!-- 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">
| + | |
− | <!--Sidebar-->
| + | <!--Sidebar--> |
| <div class="col-md-3 sidebar left-sidebar"> | | <div class="col-md-3 sidebar left-sidebar"> |
− | <!-- sidebar for large screen --> | + | <!-- Categories Widget --> |
− | <div id="sidebar1" 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> | | <ul> |
− | <li><a href="#CCiC">CCiC</a></li> | + | <li> |
− | <li><a href="#xxxx">xxxx?</a></li>
| + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
− | </ul>
| + | </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> |
| </div> | | </div> |
− | <!--sidebar for small screen-->
| + | <div id="sidebar2"class="widget widget-categories"> |
− | <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> |
− | <h4 style="font-size:18px">Collaborations <span class="head-line"></span></h4> | + | <ul> |
− | <ul>
| + | <li> |
− | <li><a href="#CCiC">CCiC</a></li> | + | <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a> |
− | <li><a href="#xxxx">xxxx?</a></li>
| + | </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> |
| </div> | | </div> |
| <!--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"><!-- Classic Heading --> | + | <div id="Design"> |
− | <div id="CCiC">
| + | <!-- Classic Heading --> |
| + | <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> |
| + | <div class="col-md-12"> |
| <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Conference of China iGEMer Committee(CCiC)</span></h3> | | <h3 class="classic-title" id="CCiC" style="margin-top:50px"><span>Conference of China iGEMer Committee(CCiC)</span></h3> |
| + | </div> |
| <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"> |
Line 173: |
Line 231: |
| <div class="col-md-12" style="margin-bottom:20px; margin-top:0"> | | <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"/> | | <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>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 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> | + | <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--> | | <!--slider--> |
| <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> | | <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> |
| <!-- Indicators --> | | <!-- Indicators --> |
− | <ol class="carousel-indicators"> | + | <ol class="carousel-indicators" style="margin: 0 -30%;"> |
| <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| <li data-target="#myCarousel" data-slide-to="1"></li> | | <li data-target="#myCarousel" data-slide-to="1"></li> |
Line 224: |
Line 282: |
| <div class="col-md-12" style="margin-bottom:40px; margin-top:0"> | | <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>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> | + | <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"> | | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/d/da/Peking-Collaborations-CCiC-Combine4.jpg"> |
| </div> | | </div> |
| </div> | | </div> |
− | <!--divider--> | + | <div> |
− | <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div> | + | <div class="col-md-12"><h3 class="classic-title" id="communication" style="margin-top:50px;"><span>Communications</span></h3></div> |
− | <h3 class="classic-title" id="xxxx"><span>xxxxx?</span></h3>
| + | <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>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> |
− | <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>
| + | <!--slider--> |
− | <div class="row">
| + | <div id="myCarousel1" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px;margin-bottom:30px"> |
− | <div class="col-md-6"> | + | <!-- Indicators --> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="margin:20px;"/> | + | <ol class="carousel-indicators" style="margin: 0 -30%;"> |
− | <p class="text-center">blablabla<p>
| + | <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> |
− | <div class="col-md-6"> | + | <div class="item"> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="margin:20px;"/>
| + | <img src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Collaborations-communication-2.jpg" alt=""></a> |
− | <p class="text-center">blablabla<p>
| + | |
| </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> |
| + | |
| + | |
| + | |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 247: |
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 266: |
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 273: |
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 286: |
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 331: |
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> <a href="Mailto:pekingigem@gmail.com&Subject=Hello&Body=Hi, Peking iGEM!"style="color:#b4b4b4">pekingigem@gmail.com</a></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 351: |
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. Based on <a href="getbootstrap.com">Bootstrap</a> and Margo template.</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 367: |
Line 452: |
| | | |
| <!-- Go To Top Link --> | | <!-- Go To Top Link --> |
− | <a href="#" class="back-to-top" id="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 375: |
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 389: |
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" > |
− | <script type="text/javascript" >
| + | |
| function menuFixed(id){ | | function menuFixed(id){ |
| var obj = document.getElementById(id); | | var obj = document.getElementById(id); |
Line 400: |
Line 485: |
| } | | } |
| function changePos(id,height){ | | function changePos(id,height){ |
− | var obj = document.getElementById(id); | + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop-150; | + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
− | if(scrollTop < height){ | + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
− | obj.style.position = 'relative'; | + | 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{ | | }else{ |
| obj.style.position = 'fixed'; | | obj.style.position = 'fixed'; |
Line 415: |
Line 505: |
| } | | } |
| </script> | | </script> |
− |
| + | |
| + | |
| | | |
| </body> | | </body> |
| </html> | | </html> |