|
|
Line 512: |
Line 512: |
| content: "\e059"; | | content: "\e059"; |
| } | | } |
− | .glyphicon-picture:before { | + | .glyphicon.responsiveture:before { |
| content: "\e060"; | | content: "\e060"; |
| } | | } |
Line 6,840: |
Line 6,840: |
| } | | } |
| | | |
| + | .responsive div.img { |
| + | margin: 5px; |
| + | border: 1px solid #ccc; |
| + | float: left; |
| + | width: 180px; |
| + | } |
| + | |
| + | .responsive div.img:hover { |
| + | border: 1px solid #777; |
| + | } |
| + | |
| + | .responsive div.img img { |
| + | width: 100%; |
| + | height: auto; |
| + | } |
| + | |
| + | .responsive div.desc { |
| + | padding: 15px; |
| + | text-align: center; |
| + | } |
| .footer{ | | .footer{ |
| z-index:99999; | | z-index:99999; |
Line 6,944: |
Line 6,964: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="intro row">
| + | |
− | <div class="Project col-md-2">
| + | |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/a/a1/T--GreatBay_China--HomelogoProject.png">
| + | |
− |
| + | |
− | <h5>
| + | |
− | Metabolic engineering can be more than providing biofuels, medicines and fragrance. It does provide solutions to social issues! Here we envision the application of nepetalactone in stray cats rescue by employing Value Sensitive Design, making the use of synthetic biology readily comprehensible to the public.
| + | |
| | | |
− | </h5>
| |
− | </div>
| |
− | <div class="Modeling col-md-2 col-md-offset-1">
| |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/1/16/T--GreatBay_China--HomelogoModel.png">
| |
− | <img wideth="200px" src="https://static.igem.org/mediawiki/2018/c/c6/T--GreatBay_China--HomelogoModelling2.png">
| |
− | <h5>
| |
− | Modeling tools aid in the rational design and make the engineered system predictable. Visit this page to take a closer look.
| |
| | | |
− | </h5>
| + | <div class="row"> |
− | </div>
| + | <div class="responsive"> |
− | | + | <div class="img"> |
− | <div class="Parts col-md-2">
| + | <a target="_blank" href="http://static.runoob.com/images/demo/demo1.jpg"> |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/1/1f/T--GreatBay_China--HomelogoParts.png">
| + | <img src="http://static.runoob.com/images/demo/demo1.jpg" alt="图片文本描述" width="300" height="200"> |
− |
| + | </a> |
− | <h5>
| + | <div class="desc">这里添加图片文本描述</div> |
− | We have fantastic parts and we want to share them with the entire iGEM community! Explore our basic parts, composite parts and a brand
| + | </div> |
− | | + | </div> |
− | </h5>
| + | |
− | </div>
| + | <div class="responsive"> |
− | </div>
| + | <div class="img"> |
− |
| + | <a target="_blank" href="http://static.runoob.com/images/demo/demo2.jpg"> |
− | <div class="intro row">
| + | <img src="http://static.runoob.com/images/demo/demo2.jpg" alt="图片文本描述" width="300" height="200"> |
− | <div class="Safety col-md-2">
| + | </a> |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/b/bc/T--GreatBay_China--HomelogoSafety.png">
| + | <div class="desc">这里添加图片文本描述</div> |
− | <h5>
| + | </div> |
− | Safety has been a crucial concern throughout our project. See our creative approaches to lab safety and biosecurity on Safety page.
| + | </div> |
− | </h5>
| + | |
− | </div>
| + | <div class="responsive"> |
− | <div class="Team col-md-2">
| + | <div class="img"> |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/f/f8/T--GreatBay_China--HomelogoTeam.png">
| + | <a target="_blank" href="http://static.runoob.com/images/demo/demo3.jpg"> |
− | <h5>
| + | <img src="http://static.runoob.com/images/demo/demo3.jpg" alt="图片文本描述" width="300" height="200"> |
− | GreatBay_China 2018 consists of 13 students and 7 high schools, 1 instructor, 5 advisors and 2 PIs. Get to know about these lovely people! Also see attributions and collaborations here.
| + | </a> |
− | </h5>
| + | <div class="desc">这里添加图片文本描述</div> |
− | </div>
| + | </div> |
− | | + | </div> |
− | <div class="Judging col-md-2">
| + | |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/2/2f/T--GreatBay_China--Judging.png">
| + | <div class="responsive"> |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/d/d3/T--GreatBay_China--HomelogoJudging2.png">
| + | <div class="img"> |
− | <h5>
| + | <a target="_blank" href="http://static.runoob.com/images/demo/demo4.jpg"> |
− | This is a special page to help judges on evaluating the project. Let us show you why we deserve medals and awards.
| + | <img src="http://static.runoob.com/images/demo/demo4.jpg" alt="图片文本描述" width="300" height="200"> |
− | </h5>
| + | </a> |
− | </div>
| + | <div class="desc">这里添加图片文本描述</div> |
− | | + | </div> |
− | <div class="Human_Practices col-md-2">
| + | </div> |
− | <img width="200px" src="https://static.igem.org/mediawiki/2018/9/98/T--GreatBay_China--HomelogoHP.png">
| + | </div> |
− | <h5>
| + | |
− | Apart from the lab, we reached out to the community in many ways. We have met lovely people and here is our stories.
| + | |
− |
| + | |
− | </br></br></br></br></br></br></br></br></br>
| + | |
− | </h5>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | </div>
| + | |
| | | |
| | | |