Customization Guide

• Grid system
• Buttons
• Icons
• Tables
• Widgets
• Tabs
• Other

<div class="widget widget-tabs">
	<div class="widget-head">
		<ul>
			<li class="active"><a href="#productDescriptionTab" data-toggle="tab" class="glyphicons font"><i></i>Description</a></li>
			<li><a href="#productPhotosTab" data-toggle="tab" class="glyphicons picture"><i></i>Photos</a></li>
			<li><a href="#productAttributesTab" data-toggle="tab" class="glyphicons adjust_alt"><i></i>Custom Attributes</a></li>
			<li><a href="#productPriceTab" data-toggle="tab" class="glyphicons table"><i></i>Qty & Price</a></li>
			<li><a href="#productSeoTab" data-toggle="tab" class="glyphicons podium"><i></i>SEO</a></li>
		</ul>
	</div>
	<div class="widget-body large">
		<div class="tab-content">
		
			<!-- Description -->
			<div class="tab-pane active" id="productDescriptionTab">
				...
			</div>
			<!-- Description END -->
			
			<!-- Photos -->
			<div class="tab-pane" id="productPhotosTab">
				Photos tab content
			</div>
			<!-- Photos END -->
			
			<!-- Attributes -->
			<div class="tab-pane" id="productAttributesTab">
				Custom attributes tab content
			</div>
			<!-- Attributes END -->
			
			<!-- Price -->
			<div class="tab-pane" id="productPriceTab">
				Price & Qty tab content
			</div>
			<!-- Price END -->
			
			<!-- SEO -->
			<div class="tab-pane" id="productSeoTab">
				SEO tab content
			</div>
			<!-- SEO END -->
			
		</div>
	</div>
</div>