Team:Imperial/Water Report
From 2014.igem.org
(Difference between revisions)
Line 11: | Line 11: | ||
<body> | <body> | ||
- | < | + | <div class="content-wrapper"> |
- | + | <div class="pure-g"> | |
- | + | <div class="pure-u-1-1 main"> | |
+ | <h1>The Water Report</h1> | ||
+ | <div id="navWrap"> | ||
+ | <div id="subNav"> | ||
+ | <ul> | ||
+ | <li><a data-scroll href="#introduction">Introduction</a> | ||
+ | </li> | ||
+ | <li><a data-scroll href="#water_stress">Water Stress</a> | ||
+ | </li> | ||
+ | <li><a data-scroll href="#socioeconmic">Socioeconomic Effects</a> | ||
+ | </li> | ||
+ | <li><a data-scroll href="#sustainable">Sustainable Management</a> | ||
+ | </li> | ||
+ | <li><a data-scroll href="#decentralisation">Decentralisation</a> | ||
+ | </li> | ||
+ | <li><a data-scroll href="#wastewater">Wastwater Recycling</a> | ||
+ | </li> | ||
+ | <li><a data-scroll href="#conclusions">Conclusions</a> | ||
+ | </li> | ||
- | + | <li><a data-scroll href="#references">References</a> | |
- | + | </li> | |
- | + | </ul> | |
- | + | <br class="clearLeft" /> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <section id="overview"> |
- | + | <div class="pure-g"> | |
+ | <div class="pure-u-1-1"> | ||
+ | <h2>At a glance</h2> | ||
+ | <ul> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
- | |||
- | + | </ul> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | </div> | ||
+ | </section> | ||
+ | <section id="introduction"> | ||
+ | <h2>Introduction</h2> | ||
+ | <p>TEXT HERE</p> | ||
+ | <div id="water_use_breakdown" style="min-width: 310px; height: 400px; max-width: 900px; margin: 0 auto"></div> | ||
+ | <div id="freshwater_breakdown" style="min-width: 310px; height: 400px; max-width: 900px; margin: 0 auto"></div> | ||
+ | <div id="freshwater_per_capita" style="min-width: 310px; height: 400px; max-width: 900px; margin: 0 auto"></div> | ||
+ | </section> | ||
- | + | <section id="water_stress"> | |
- | + | <h2>Water Stress - An Increasing Problem</h2> | |
- | + | <p>TEXT HERE</p> | |
- | + | ||
- | + | ||
- | + | ||
+ | </section> | ||
+ | |||
+ | <section id="socioeconomic"> | ||
+ | <h2>Social and Economic Effects</h2> | ||
+ | <p>TEXT HERE</p> | ||
+ | </section> | ||
+ | |||
+ | <section id="sustainable"> | ||
+ | <h2>Sustainable Water Managemen></h2> | ||
+ | <p>TEXT HERE</p> | ||
- | + | </section> | |
+ | |||
+ | <section id="decentralisation"> | ||
+ | <h2>Decentralising the Water Supply</h2> | ||
+ | <p>TEXT HERE</p> | ||
+ | </section> | ||
+ | <section id="wastewater"> | ||
+ | <h2>Wastewater Recycling</h2> | ||
+ | <p>TEXT HERE</p> | ||
+ | </section> | ||
+ | <section id="conclusions"> | ||
+ | <h2>Conclusions</h2> | ||
+ | <p>TEXT HERE</p> | ||
+ | </section> | ||
+ | <section id="references"> | ||
+ | <h2>References</h2> | ||
+ | <div class="accordion"> | ||
+ | <h2></h2> | ||
+ | <ol> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | <li></li> | ||
+ | |||
+ | |||
+ | |||
+ | </ol> | ||
</div> | </div> | ||
+ | |||
+ | </section> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Imperial/Templates:footer}} | {{:Team:Imperial/Templates:footer}} |
Revision as of 02:50, 17 October 2014
The Water Report
At a glance
Introduction
TEXT HERE
Water Stress - An Increasing Problem
TEXT HERE
Social and Economic Effects
TEXT HERE
Sustainable Water Managemen>
TEXT HERE
Decentralising the Water Supply
TEXT HERE
Wastewater Recycling
TEXT HERE
Conclusions
TEXT HERE