HTML - Page Component - Tabbed - HTML Snipplr Social Repository

Revision: 67821

at October 31, 2014 01:11 by madebycrunch

Initial Code

<!-- TABBED -->
<div class="page_component tabbed">
	<nav class="tabs">
		<ul>
			<li><a href="#tab-name-1"><span>Tab 1</span></a></li>
			<li><a href="#tab-name-2"><span>Tab 2</span></a></li>
			<li><a href="#tab-name-3"><span>Tab 3</span></a></li>
		</ul>
	</nav>
	<div class="panes">
		<div id="tab-name-1" class="pane">

			<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>

		</div>
		<div id="tab-name-2" class="pane">

			<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>

		</div>
		<div id="tab-name-3" class="pane">

			<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>

		</div>
	</div>
</div>
<!--// TABBED -->

Initial URL

Initial Description

HTML - Page Component - Tabbed

Initial Title

HTML - Page Component - Tabbed

Initial Tags

Initial Language

HTML

Choose a language for easy browsing: