Advanced Search

HTML - Page Component - Tabbed

/ Published in: HTML
Save to your folder(s)
HTML - Page Component - Tabbed

Expand | Embed | Plain Text

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.