Tab Slides

HTML Structure

<div class="tabWrap">
<div class="featureButtons">
   <button class="tablink" onclick="return false;"><h2>Feature Title</h2></button>
   <!-- Copy/paste button.tabLink and contents for more buttons of the same type -->
</div> <!-- end featureButtons -->

<div class="featureWrapper divided tabSlides">
	<div class="feature">
	
		<div class="image">
			<img src="theme/features/feature1.jpg" alt="" />
		</div><!--End image -->
		
		<div class="text">
			<h2>Feature Title</h2>
			<!-- Rich text. This is the ONLY area where text elements may be added/edited. --> 
			<p>Feature content</p>
			<a href="" class="more"> <!-- a.more link text is hard-coded as "Read more". For custom link text or additional links, add more <a> tags within the rich text area WITHOUT the class "more" -->
				<span>Read more</span>
			</a>
		</div><!-- End text -->
		
</div><!-- End feature -->
<!-- Copy/paste div.feature and contents for more features of the same type -->

</div><!-- End featureWrapper -->
</div><!-- End tabWrap -->