|
|
Line 97: |
Line 97: |
| <ul class="dropdown"> | | <ul class="dropdown"> |
| <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><a href="#">Background</a>
| |
| </li> | | </li> |
| <li><a href="#">CRIPSR</a> | | <li><a href="#">CRIPSR</a> |
Line 161: |
Line 159: |
| <div class="row"> | | <div class="row"> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
− | <h2 style="font-size:18px"><b>Collaborations</b></h2> | + | <h2><b>Collaborations</b></h2> |
− | <p style="font-size:14px">Science is a collaborative endeavor.</p> | + | <p >Science is a collaborative endeavor.</p> |
| </div> | | </div> |
| <div class="col-md-6"> | | <div class="col-md-6"> |
Line 184: |
Line 182: |
| <!-- Categories Widget --> | | <!-- Categories Widget --> |
| <div class="widget widget-categories"> | | <div class="widget widget-categories"> |
− | <h4 style="font-size:16px">Collaborations <span class="head-line"></span></h4> | + | <h4 style="font-size:18px">Collaborations <span class="head-line"></span></h4> |
− | <ul style="font-size:14px"> | + | <ul style="font-size:16px"> |
| <li> | | <li> |
| <a href="#CCiiC">CCiC</a> | | <a href="#CCiiC">CCiC</a> |
Line 200: |
Line 198: |
| <div id="collaborations"> | | <div id="collaborations"> |
| <!-- Classic Heading --> | | <!-- Classic Heading --> |
− | <h3 class="classic-title" id="CCiC"><span>CCiC-Conference of China iGEMer's Commitee</span></h3> | + | <div id="CCiC"> |
− | <p> you can: Improve the function of another team's BioBrick Part or Device; Characterize another team's part ; Debug a construct ; Model or simulating another team's system ; Test another team's software; Help build and test another team's hardware project; Mentor a high-school team</p> | + | <div id="CCiC-banner"class="col-md-12" style="margin-bottom:30px;margin-top:0"> |
− | <!--annother type of touch slider--> | + | <img src="https://static.igem.org/mediawiki/2015/7/78/Peking-Collaborations-CCiC-Pic1.JPG"style="margin:10px"/> |
− | <div id="CCiC-carousel" class="carousel slide col-md-9" data-ride="carousel"> | + | </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"> |
| + | <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> |
| + | <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;"/> |
| + | </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> |
| + | |
| + | <!--BluePHA--> |
| + | <div class="row" id="Collaborations-BluePHA"> |
| + | <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"/> |
| + | <h5><strong><i>ZHANG Haoqian</i></strong></h5> |
| + | <p>Former leader of Peking iGEM 2010, Co-founder of BluePHA</p> |
| + | |
| + | </div> |
| + | <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"/> |
| + | <h5><strong><i>LI Teng</i></strong></h5> |
| + | <p>Former leader of Tsinghua iGEM 2010, Co-founder of BluePHA</p> |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| + | <!-- End of BluePHA--> |
| + | |
| + | |
| + | |
| + | <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 --> | | <!-- Indicators --> |
| <ol class="carousel-indicators"> | | <ol class="carousel-indicators"> |
Line 210: |
Line 248: |
| <li data-target="#myCarousel" data-slide-to="2"></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="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> | | </ol> |
| | | |
Line 215: |
Line 256: |
| <div class="carousel-inner" role="listbox"> | | <div class="carousel-inner" role="listbox"> |
| <div class="item active"> | | <div class="item active"> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="width:100%;" alt=""> | + | <img src="https://static.igem.org/mediawiki/2015/0/04/Peking-Collaborations-CCiC-Slide1.jpg" style="width:100%;" alt=""> |
− | <div class="carousel-caption" style="color:#ffffff;text-shadow:0">
| + | |
− | <h4 style="color:#ffffff;text-shadow:0">blablabla</h4>
| + | |
− | <p style="color:#ffffff;text-shadow:0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. </p>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
| <div class="item"> | | <div class="item"> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg"style="width:100%;" alt=""> | + | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide2.jpg"style="width:100%;" alt=""> |
− | <div class="carousel-caption" style="color:#ffffff;text-shadow:0">
| + | |
− | <h4 style="color:#ffffff;text-shadow:0 0 0">blablabla</h4>
| + | |
− | <p style="color:#ffffff;text-shadow:0 0 0 ">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. </p>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
| <div class="item"> | | <div class="item"> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="width:100%;" alt=""> | + | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide3.jpg" style="width:100%;" alt=""> |
− | <div class="carousel-caption" style="color:#ffffff;text-shadow:0">
| + | |
− | <h4 style="color:#ffffff;text-shadow:0 0 0" >blablabla</h4>
| + | |
− | <p style="color:#ffffff;text-shadow:0 0 0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. </p>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
| <div class="item"> | | <div class="item"> |
− | <img src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg" style="width:100%;" alt=""> | + | <img src="https://static.igem.org/mediawiki/2015/a/a8/Peking-Collaborations-CCiC-Slide4.jpg" style="width:100%;" alt=""> |
− | <div class="carousel-caption">
| + | </div> |
− | <h4 style="color:#ffffff;text-shadow:0 0 0">blablabla</h4>
| + | <div class="item"> |
− | <p style="color:#ffffff;text-shadow:0 0 0">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. </p>
| + | <img src="https://static.igem.org/mediawiki/2015/f/f4/Peking-Collaborations-CCiC-Slide5.jpg" style="width:100%;" alt=""> |
− | </div> | + | </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> |
Line 249: |
Line 283: |
| <!-- Left and right controls --> | | <!-- Left and right controls --> |
| <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> | | <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:450%"></span> | + | <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> | | <span class="sr-only">Previous</span> |
| </a> | | </a> |
| <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> | | <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:450%"></span> | + | <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> | | <span class="sr-only">Next</span> |
| </a> | | </a> |
Line 259: |
Line 293: |
| <!--end of touch slider--> | | <!--end of touch slider--> |
| | | |
− | <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> |
| + | |
| + | |
| + | |
| + | <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> |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| <!--divider--> | | <!--divider--> |