|
|
| 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/CSS?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"> |
| − | <!-- Font Awesome CSS V -->
| |
| − | <!--<link rel="stylesheet" href="https://2015.igem.org/Template:Peking/CSS/Font?action=raw&ctype=text/css" type="text/css" media="screen">-->
| |
| − | <!-- Margo CSS Styles V-->
| |
| | <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/CSS/Style?action=raw&ctype=text/css" media="screen"> |
| − | <!-- Responsive CSS Styles -->
| |
| | <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/CSS/Responsive?action=raw&ctype=text/css" media="screen"> |
| − | <!-- Css3 Transitions Styles -->
| |
| | <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/CSS/Animate?action=raw&ctype=text/css" media="screen"> |
| − | <!-- Color CSS Styles -->
| |
| | <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?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*/ |
| − | #content{ | + | #content{padding:0;border:0;width:100%;} |
| − | padding:0;
| + | .firstHeading{visibility:hidden;} |
| − | border:0;
| + | h2{border-bottom:none;padding-bottom:.5em;} |
| − | width:100%;
| + | .carousel-control.left, .carousel-control.right {background-image:none;} |
| − | }
| + | /*universal style*/ |
| − | .firstHeading{ | + | @media (min-width:1024px){ |
| − | visibility:hidden;
| + | |
| − | }
| + | |
| − | h2{ | + | |
| − | border-bottom:none;
| + | |
| − | padding-bottom:.5em;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .carousel-control.left, .carousel-control.right { | + | |
| − | background-image: none
| + | |
| − | }
| + | |
| − | /* to style the team page*/
| + | |
| − | .individual-picture{
| + | |
| − | max-width:200px;margin-top:5px; margin-bottom:10px;
| + | |
| − | }
| + | |
| − | @media (min-width:1024px){
| + | |
| | #sidebar1{position:relative;top:120px;} | | #sidebar1{position:relative;top:120px;} |
| | #sidebar2{display:none;} | | #sidebar2{display:none;} |
| | #nav-top{height:88px;} | | #nav-top{height:88px;} |
| − |
| |
| | } | | } |
| | @media (max-width: 1023px){ | | @media (max-width: 1023px){ |
| | #sidebar1{display:none;} | | #sidebar1{display:none;} |
| | #sidebar2{display:block;} | | #sidebar2{display:block;} |
| | + | } |
| | + | .back-to-top{z-index:9999;} |
| | + | /* to style the collaborations page*/ |
| | + | </style> |
| | + | </head> |
| | | | |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <!--[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 --> |
| | <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="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: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> |
| − | <i class="fa"><img style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i> | + | <!-- End Toggle Nav Link For Mobiles --> |
| − | </button>
| + | <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> |
| − | <!-- 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 " id="nav-top" style="padding-bottom:15px;padding-top:10px">
| + | |
| − | <!--<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>
| + | |
| − | <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>
| + | |
| − | <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> |
| − | <!-- End Header Logo & Naviagtion --> | + | <div class="navbar-collapse collapse" style="padding-top:5px;padding-bottom:0"> |
| − |
| + | <!-- Start Navigation List --> |
| − | </header>
| + | <ul class="nav navbar-nav navbar-right " id="nav-top" style="padding-bottom:15px;padding-top:10px"> |
| − | <!-- End Header Section -->
| + | <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="#">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" style="background-color:#e0e0e0;margin-top:1%;margin-bottom:20px;"> |
| | <div class="container"> | | <div class="container"> |
| Line 181: |
Line 116: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <!-- End Page Banner -->
| + | <!-- End Page Banner --> |
| | | | |
| − | <!-- Start Content -->
| + | <!-- Start Content --> |
| − | | + | <div id="content"> |
| − | | + | |
| − | <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"> |
| − | <!-- Categories Widget --> | + | <!-- sidebar for large screen --> |
| | <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">Collaborations <span class="head-line"></span></h4> |
| | <ul> | | <ul> |
| − | <li> | + | <li><a href="#CCiC">CCiC</a></li> |
| − | | + | <li><a href="#xxxx">xxxx?</a></li> |
| − | </li>
| + | </ul> |
| − | <li>
| + | |
| − | <a href="#xxxx">xxxx?</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">Collaborations <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> |
| − | | + | <li><a href="#xxxx">xxxx?</a></li> |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#xxxx">xxxx?</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"> |
| − | <div id="collaborations"> | + | <div id="collaborations"><!-- 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> |
| − | | + | <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 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 <a href="">HZAU, 2014</a>. More than 300 iGEMers have attended this year’s conference. </p> |
| Line 232: |
Line 156: |
| | </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="">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 238: |
Line 161: |
| | <img class="text-center" src="https://static.igem.org/mediawiki/2015/e/ea/Peking-Collaborations-CCiC-ZHANGHaoqian.gif" style="margin:20px; max-width:200px"/> | | <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<br>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:200px"/> | | <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<br>Co-founder of BluePHA</p> | + | <p>Former leader of Tsinghua iGEM 2010<br>Co-founder of BluePHA</p> |
| | </div> | | </div> |
| − | </div> | + | </div><!-- End of BluePHA--> |
| − |
| + | </div> |
| − | </div>
| + | <div class="col-md-12" style="margin-bottom:20px; margin-top:0"> |
| − | <!-- End of BluePHA-->
| + | <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--> |
| − | <div class="col-md-12" style="margin-bottom:20px; margin-top:0"> | + | <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> |
| − | | + | <!-- Indicators --> |
| − | <img class="col-md-12" src="https://static.igem.org/mediawiki/2015/6/6d/Peking-Collaborations-CCiC-Pic3.jpg" style="margin-bottom:20px"/> | + | <ol class="carousel-indicators"> |
| − | <p>CCIC Peking 2015 seek to establish a sustained platform for Chinese iGEM teams to communicate with each other.</p> | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| − | <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> | + | <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> |
| − | <!--slider-->
| + | <li data-target="#myCarousel" data-slide-to="4"></li> |
| − | <!--annother type of touch slider-->
| + | <li data-target="#myCarousel" data-slide-to="5"></li> |
| − | <div id="myCarousel" class="carousel slide col-md-12" data-ride="carousel" style="margin-top:20px"> | + | <li data-target="#myCarousel" data-slide-to="6"></li> |
| − | <!-- Indicators -->
| + | </ol> |
| − | <ol class="carousel-indicators"> | + | <!-- Wrapper for slides --> |
| − | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | <div class="carousel-inner" role="listbox"> |
| − | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | <div class="item active"> |
| − | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | <img src="https://static.igem.org/mediawiki/2015/0/04/Peking-Collaborations-CCiC-Slide1.jpg" style="width:100%;" alt=""> |
| − | <li data-target="#myCarousel" data-slide-to="3"></li>
| + | </div> |
| − | <li data-target="#myCarousel" data-slide-to="4"></li>
| + | |
| − | <li data-target="#myCarousel" data-slide-to="5"></li>
| + | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide2.jpg"style="width:100%;" alt=""> |
| − | <li data-target="#myCarousel" data-slide-to="6"></li>
| + | </div> |
| − | </ol>
| + | |
| − | | + | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide3.jpg" style="width:100%;" alt=""> |
| − | <!-- Wrapper for slides -->
| + | </div> |
| − | <div class="carousel-inner" role="listbox"> | + | |
| − | <div class="item active"> | + | <img src="https://static.igem.org/mediawiki/2015/a/a8/Peking-Collaborations-CCiC-Slide4.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> |
| − | </div>
| + | |
| − | | + | <img src="https://static.igem.org/mediawiki/2015/f/f4/Peking-Collaborations-CCiC-Slide5.jpg" style="width:100%;" alt=""> |
| − | | + | </div> |
| − | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide2.jpg"style="width:100%;" alt=""> | + | |
| − | </div>
| + | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-Collaborations-CCiC-Slide6.jpg" style="width:100%;" alt=""> |
| − | | + | </div> |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/2015/5/59/Peking-Collaborations-CCiC-Slide3.jpg" style="width:100%;" alt=""> | + | <img src="https://static.igem.org/mediawiki/2015/f/fe/Peking-Collaborations-CCiC-Slide7.jpg" style="width:100%;" alt=""> |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/2015/a/a8/Peking-Collaborations-CCiC-Slide4.jpg" style="width:100%;" alt=""> | + | |
| − | </div>
| + | |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/2015/f/f4/Peking-Collaborations-CCiC-Slide5.jpg" style="width:100%;" alt=""> | + | |
| − | </div>
| + | |
| − | | + | |
| − | <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-Collaborations-CCiC-Slide6.jpg" style="width:100%;" alt=""> | + | |
| − | </div>
| + | |
| − | | + | |
| − | <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> |
| − |
| |
| − |
| |
| − |
| |
| − | <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="#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"> |
| − | <!--divider-->
| + | <span class="glyphicon" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png" style="margin-top:700%"></span> |
| − | <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div> | + | <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> |
| | + | <!--divider--> |
| | + | <div class="hr5" style="margin-top:25px;margin-bottom:45px"></div> |
| | <h3 class="classic-title" id="xxxx"><span>xxxxx?</span></h3> | | <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> |
| Line 364: |
Line 253: |
| | <div class="container"> | | <div class="container"> |
| | <div class="row footer-widgets"> | | <div class="row footer-widgets"> |
| − |
| |
| | <!-- Start Subscribe & Social Links Widget --> | | <!-- Start Subscribe & Social Links Widget --> |
| | <div class="col-md-3"> | | <div class="col-md-3"> |
| Line 463: |
Line 351: |
| | <div class="row"> | | <div class="row"> |
| | <div class="col-md-6"> | | <div class="col-md-6"> |
| − | <p>© 2015 Peking iGEM - All Rights Reserved. Based on Bootstrap and Margo template.</p> | + | <p>© 2015 Peking iGEM - All Rights Reserved. Based on <a href="getbootstrap.com">Bootstrap</a> and Margo template.</p> |
| | </div> | | </div> |
| | | | |
| Line 478: |
Line 366: |
| | | | |
| | <!-- 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" 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> |
| | | | |
| | <div id="loader"> | | <div id="loader"> |
