Tab 1
This content appears on tab 1.
Tab 2
This content appears on tab 2.
Tab 3
This content appears on tab 3.
Line 9: | Line 9: | ||
<div class = "main-content"> | <div class = "main-content"> | ||
− | <body | + | <body> |
<h2 class = "main-title"> Protocols </h2> | <h2 class = "main-title"> Protocols </h2> | ||
+ | <article class="tabs"> | ||
+ | |||
+ | <section id="tab1"> | ||
+ | <h2><a href="#tab1">Tab 1</a></h2> | ||
+ | <p>This content appears on tab 1.</p> | ||
+ | </section> | ||
+ | |||
+ | <section id="tab2"> | ||
+ | <h2><a href="#tab2">Tab 2</a></h2> | ||
+ | <p>This content appears on tab 2.</p> | ||
+ | </section> | ||
+ | |||
+ | <section id="tab3"> | ||
+ | <h2><a href="#tab3">Tab 3</a></h2> | ||
+ | <p>This content appears on tab 3.</p> | ||
+ | </section> | ||
+ | |||
+ | </article> | ||
</html> | </html> |