Team:ZJU-China/Design

From 2014.igem.org

(Difference between revisions)
Line 7: Line 7:
<div class="zju_frame">
<div class="zju_frame">
-
<p class="cutline">&nbsp;</p>
+
<div class="zju_sec">
 +
<ul class="tabs">
 +
    <li><a class="active" href="#tab1">Step 1</a></li>
 +
    <li><a class="" href="#tab2">Step 2</a></li>
 +
    <li><a class="" href="#tab3">Step 3</a></li>
 +
</ul>
 +
<div style="display: block;" id="tab1" class="tabs">
 +
    <p>Add content here!</p>
 +
    <p>Tab 1</p>
 +
</div>
 +
<div style="display: none;" id="tab2" class="tabs">
 +
    <p>Add content here!</p>
 +
    <p>Tab 2</p>
 +
</div>
 +
<div style="display: none;" id="tab3" class="tabs">
 +
    <p>Add content here!</p>
 +
    <p>Tab 2</p>
 +
</div>
 +
</div>
<div class="zju_sec">
<div class="zju_sec">
     <!--Put content here -->
     <!--Put content here -->
Line 13: Line 31:
</div>
</div>
-
<p class="cutline">&nbsp;</p>
 
</div>
</div>
</html>
</html>

Revision as of 17:34, 15 October 2014

Add content here!

Tab 1

Put content here!