Difference between revisions of "Template:Groningen/Design"
JacquesHille (Talk | contribs) |
JacquesHille (Talk | contribs) |
||
| Line 19: | Line 19: | ||
<div align="center"> | <div align="center"> | ||
<img src="https://static.igem.org/mediawiki/2018/archive/8/84/20180627155313%21T--Groningen--Logo.png" width="40%" height="auto"> | <img src="https://static.igem.org/mediawiki/2018/archive/8/84/20180627155313%21T--Groningen--Logo.png" width="40%" height="auto"> | ||
| − | + | </div> | |
| − | + | <div class="clear extra_space"></div> | |
| + | <!-- BEGIN CONTENT ---------------------------------------------------> | ||
| + | <div class="col l8 m8 s12"> | ||
| + | <h1> Design </h1> | ||
| + | <div id="HP-Timeline"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/2/27/T--Groningen--2018_designpage_setup.png" alt="" class="responsive-img"> | ||
| + | <a style="top: 3.05%; left: 42.96%;" class="modal-trigger tree_block" href="#footprint"></a> | ||
| + | <a style="top: 6.23%; left: 67%;" class="modal-trigger tree_block" href="#katjeloos"></a> | ||
| + | <a style="top: 4.6%; left: 74.1%;" class="modal-trigger tree_block" href="#karinree"></a> | ||
| + | <a style="top: 8.15%; left: 12.1%;" class="modal-trigger tree_block" href="#avantium"></a> | ||
| + | <a style="top: 86.45%; left: 40.91%;" class="modal-trigger tree_block_big" href="#endproduct"></a> | ||
| + | </div> | ||
| + | <!-- HIER ALLE (POP-UP) MODALS--> | ||
| + | <div id="footprint" class="modal" style="z-index: 1003;"> | ||
| + | <div class="modal-content"> | ||
| + | <h4>Carbon footprint analysis</h4> | ||
| + | <p> | ||
| + | To find whether our technology actually was a a benefit for the world, and see how much better it would become, we did a Carbon Footprint Analysis. In collaboration with Tjerk Douma, we calculated in all the energy it would cost to create StyGreen compared to syrene. See <a target="_blank" href="Human_Practices#carbonfootprint">here</a> how we did that. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- EINDE CONTENT ---------------------------------------------------> | ||
| + | |||
<div class="clear extra_space"></div> | <div class="clear extra_space"></div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 11:33, 15 October 2018
