Team:Hong Kong HKUST/astrid

From 2014.igem.org

(Difference between revisions)
Line 178: Line 178:
<body>
<body>
   <div class="tabs">
   <div class="tabs">
-
     <a data-toggle="tab1">Tab1</a>
+
     <a data-toggle="tab1">HKUST</a>
-
     <a data-toggle="tab2">Tab2</a>
+
     <a data-toggle="tab2">Students</a>
-
     <a data-toggle="tab3">Tab3</a>
+
     <a data-toggle="tab3">Advisers</a>
-
    <a data-toggle="tab4">Tab4</a>
+
-
    <a data-toggle="tab5">Tab5</a>
+
   </div>
   </div>
<div class="tabContent">   
<div class="tabContent">   
Line 201: Line 199:
   </div>
   </div>
    
    
-
  <div id="tab4">
+
 
-
    <h5>Tab4</h5>
+
-
    <p>Nulla varius sit amet augue vel consequat. Aenean faucibus vehicula interdum. Integer eleifend, lectus eget vulputate feugiat, nibh nulla congue ipsum, eu mattis tortor nulla vitae diam. Maecenas rutrum risus non libero ullamcorper, nec vehicula sapien tincidunt. </p>
+
-
  </div>
+
-
 
+
-
  <div id="tab5">
+
-
    <h5>Tab5</h5>
+
-
    <p>Suspendisse vulputate ornare dui, sed luctus est mattis nec. Curabitur ut dolor eleifend, vulputate purus et, ullamcorper tortor. In posuere ultricies lectus. Vestibulum vitae odio ut est sagittis porta. </p>
+
-
  </div>
+
    
    
</div>
</div>

Revision as of 13:59, 23 September 2014

HTML5 jQuery Tabs
Tab1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eget sollicitudin nibh. Duis semper, diam sed iaculis dictum, libero erat molestie dui, ac suscipit felis leo sed ipsum.

Tab2

Donec pellentesque sapien neque, ac lobortis erat facilisis quis. Praesent faucibus arcu eros. Proin id tortor euismod, vulputate neque id, placerat nunc.

Tab3

Duis justo mi, egestas euismod placerat a, eleifend vitae lacus. Integer non odio nec libero lacinia vulputate. Phasellus ante lectus, congue vel volutpat vitae, dictum quis est.