Team:Waterloo

From 2014.igem.org

(Difference between revisions)
Line 31: Line 31:
-
<h1>Heading</h1>
+
-
 
+
-
<!--Content below images-->
+
-
<div class="content">
+
-
<ul class="tabs">
+
-
<li><a href="#view0">Instructions Tab</a></li>
+
-
<li><a href="#view1">Tab 1</a></li>
+
-
<li><a href="#view2">Tab 2</a></li>
+
-
<li><a href="#view3">Tab 3</a></li>
+
-
</ul>
+
-
<div class="tabcontents">
+
-
                        <div class="anchor" id="view0" style="padding-top:50px;">
+
-
<div class="subheading">Instructions for Tabs<br><br></div>
+
-
In the file, use the 'find' function to search for "Content below images." Below this line, the code for the different tabs begin.
+
-
Between the 'ul' tags, there is a list with the tab names. Change the tabs to list them in order. Under the '/ul' tag and within the 'tabcontents' div, include other divs with the ids in the list of tabs. Between these divs, add the information that you would like displayed when the corresponding tab is selected.
+
-
 
+
-
Note: The epidemiology map is shown in 'Tab 1'
+
-
</div>
+
-
<div class="anchor" id="view1">
+
-
<div class="subheading">Tab 1<br><br></div>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
<iframe src="http://mapsengine.google.com/map/embed?mid=ztrZ1qkPPbZo.kq_MwB1YDonc" width="640" height="480"></iframe>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
content 1 <br>
+
-
</div>
+
-
<div class="anchor" id="view2">
+
-
<div class="subheading">Tab2<br><br></div>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
content 2 <br>
+
-
</div>
+
-
<div class="anchor" id="view3">
+
-
<div class="subheading">Tab 3<br><br></div>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
content 3 <br>
+
-
</div>
+
-
</div>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

Revision as of 21:16, 16 October 2014

Waterloo iGem 2014 Team

Title

The issue:

So here's what happened ...lalala ...and then he did this and that and the bacteria just went BAM! and nobody knew what to do and yeaaaa...

Our solution:

...and here enters Suzie ...YAY!

Retrieved from "http://2014.igem.org/Team:Waterloo"