HTML - Page Component - Tabbed


/ Published in: HTML
Save to your folder(s)

HTML - Page Component - Tabbed


Copy this code and paste it in your HTML
  1. <!-- TABBED -->
  2. <div class="page_component tabbed">
  3. <nav class="tabs">
  4. <ul>
  5. <li><a href="#tab-name-1"><span>Tab 1</span></a></li>
  6. <li><a href="#tab-name-2"><span>Tab 2</span></a></li>
  7. <li><a href="#tab-name-3"><span>Tab 3</span></a></li>
  8. </ul>
  9. </nav>
  10. <div class="panes">
  11. <div id="tab-name-1" class="pane">
  12.  
  13. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
  14.  
  15. </div>
  16. <div id="tab-name-2" class="pane">
  17.  
  18. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
  19.  
  20. </div>
  21. <div id="tab-name-3" class="pane">
  22.  
  23. <p>3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.</p>
  24.  
  25. </div>
  26. </div>
  27. </div>
  28. <!--// TABBED -->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.