Team:Imperial/Water Report

From 2014.igem.org

(Difference between revisions)
Line 11: Line 11:
<body>
<body>
-
<!--End of Header section-->
+
<div class="content-wrapper">
-
        <div class="content-wrapper">
+
    <div class="pure-g">
-
            <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>
-
                <div class="pure-u-1-1 main">
+
                         <li><a data-scroll href="#references">References</a>
-
                    <h1>The Water Report</h1>
+
                        </li>
-
                    <div id="navWrap">
+
                    </ul>
-
                         <div id="subNav">
+
                    <br class="clearLeft" />
-
                            <ul>
+
                </div>
-
                                <li><a data-scroll href="#introduction" >Introduction</a>
+
            </div>
-
                                </li>
+
        </div>
-
                           
+
    </div>
-
                                <li><a data-scroll href="#references">References</a>
+
-
                                </li>
+
-
                            </ul>
+
-
                            <br class="clearLeft" />
+
-
                        </div>
+
-
                    </div>
+
-
+
-
                   
+
-
                    <section id="introduction">
+
-
                        <h2>Introduction</h2>
+
-
<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="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>
-
                   
 
-
                    <section id="references">
+
                </ul>
-
<h2>References</h2>
+
            </div>
-
                       
+
-
<div class="accordion">
+
-
                            <h2></h2>
+
-
                            <ol>
+
-
                            <li></li>
+
-
                            <li></li>
+
-
                            <li></li>
+
-
                            <li></li>
+
-
                            <li></li>
+
 +
        </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>
-
                        </ol>
+
    <section id="water_stress">
-
                           
+
        <h2>Water Stress - An Increasing Problem</h2>
-
                        </div>
+
        <p>TEXT HERE</p>
-
                     
+
-
                    </section>
+
-
                </div>
+
 +
    </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>
-
            </div>
+
    </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

Imperial iGEM 2014