Difference between revisions of "Team:UCL/James/Demonstrate"

(Created page with "{{UCL/jamesy-template}} <html> </html>")
 
 
Line 1: Line 1:
 
{{UCL/jamesy-template}}
 
{{UCL/jamesy-template}}
 +
 
<html>
 
<html>
 +
    <body>
 +
        <div id="main-container" class="container-fluid">
 +
            <div class="container-fluid page-heading"
 +
                style="background-image: url(https://static.igem.org/mediawiki/2015/6/61/Ox_biofilmdrawing.jpeg)">
 +
                <h3>Title</h3>
 +
            </div>
 +
            <div class="container-fluid">
 +
                <div class="row">
 +
                    <div class="col-md-9">
 +
                        <div class="section" id="overview">
 +
                            <div class="slim">
 +
                                <h2>One</h2>
 +
                                <p>
 +
                                    Text here.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="section-spacer"></div>
 +
                        <div class="section" id="problem">
 +
                            <div class="slim">
 +
                                <h2>Two</h2>
 +
                                <ul>
 +
                                    <li>List.</li>
 +
                                    <li>List.</li>
 +
                                    <li>List.</li>
 +
                                    <li>List.</li>
 +
                                    <li>List.</li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
 +
                        <div class="section-spacer"></div>
 +
                        <div class="section" id="antibio">
 +
                            <div class="slim">
 +
                                <h2>Three</h2>
 +
                                <p>
 +
                                    Text.
 +
                                </p>
 +
                                <div class="quote quote-full">
 +
                                    <p>
 +
                                        "Quote"
 +
                                    </p>
 +
                                    <h3>Joe Bloggs</h3>
 +
                                </div>
 +
                                <p>
 +
                                    Text.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                        <div class="section-spacer"></div>
 +
                        <div class="section" id="biofilms">
 +
                            <div class="slim">
 +
                                <h2>Four.</h2>
 +
                                <div class="image image-full">
 +
                                    <img src="http://www.kidzone.ws/geography/alberta/images/great-horned-owl.jpg"/>
 +
                                    <p>
 +
                                        Caption.
 +
                                    </p>
 +
                                </div>
  
 +
                            </div>
 +
                        </div>
 +
                        <div class="section-spacer"></div>
 +
                        <div class="section" id="solution">
 +
                            <div class="slim">
 +
                                <h2>Five</h2>
 +
                                <p>Text.</p>
 +
                            </div>
 +
                            <div id="solution-overview">
 +
                                <div class="slim">
 +
                                    <h3>Five (a)</h3>
 +
                                    <p>
 +
                                        Text.
 +
                                    </p>
 +
                                </div>
 +
                            </div>
 +
                            <div id="solution-degrading-biofilm">
 +
                                <div class="slim">
 +
                                    <h3>Five (b)</h3>
 +
                                    <p>Text.</p>
 +
                                </div>
 +
                            </div>
 +
                            <div id="solution-killing-bacteria">
 +
                                <div class="slim">
 +
                                    <h3>Five (c)</h3>
 +
                                    <p>
 +
                                        Text.
 +
                                    </p>
 +
                                    <div id="solution-killing-bacteria-art175">
 +
                                        <h4>Five (c) (i)</h4>
 +
                                        <p>
 +
                                            Text.
 +
                                        </p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="section-spacer"></div>
 +
                            <div id="references">
 +
                                <h2>References</h2>
 +
                                <ol class="references">
 +
                                    <li>Reference one.</li>
 +
                                </ol>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-3 contents-sidebar">
 +
                        <ul id="sidebar" class="nav nav-stacked">
 +
                            <li><a href="#overview">One</a></li>
 +
                            <li><a href="#problem">Two</a></li>
 +
                            <li><a href="#antibio">Three</a></li>
 +
                            <li><a href="#biofilms">Four</a></li>
 +
                            <li>
 +
                                <a href="#solution">Five</a>
 +
                                <ul class="nav nav-stacked">
 +
                                    <li><a href="#solution-overview">a</a></li>
 +
                                    <li><a href="#solution-degrading-biofilm">b</a></li>
 +
                                    <li>
 +
                                        <a href="#solution-killing-bacteria">c</a>
 +
                                        <ul class="nav nav-stacked">
 +
                                            <li><a href="#solution-killing-bacteria-art175">i</a></li>
 +
                                        </ul>
 +
                                    </li>
 +
                                </ul>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="container-fluid">
 +
                <div class="row" id="foot">
 +
                    <div class="col-md-12">
 +
                        <ul>
 +
                            <li><a href="https://www.google.com"><i class="fa fa-twitter"></i></a></li>
 +
                            <li><a href="https://www.google.com"><i class="fa fa-facebook"></i></a></li>
 +
                            <li><a href="https://www.google.com"><i class="fa fa-youtube"></i></a>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                    <div class="col-md-12">
 +
                        <p>
 +
                            Footer.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
    </body>
 
</html>
 
</html>

Latest revision as of 20:15, 16 August 2016

Title

One

Text here.

Two

  • List.
  • List.
  • List.
  • List.
  • List.

Three

Text.

"Quote"

Joe Bloggs

Text.

Four.

Caption.

Five

Text.

Five (a)

Text.

Five (b)

Text.

Five (c)

Text.

Five (c) (i)

Text.

References

  1. Reference one.