<div class="bootstrap-yop wrap">
	<div id="icon-options-general" class="icon32"></div>
	<h1>
		<i class="fa fa-bar-chart" aria-hidden="true"></i>
		Help & Support
	</h1>
	<div id="poststuff">
		<div id="post-body" class="metabox-holder addban">
			<!-- main content -->
			<div class="row">
				<div class="col-md-4">
					<i class="fa fa-question-circle fa-5x pull-left" aria-hidden="true"></i>
					<h2>
						F.A.Q.
					</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio.
					</p>
				</div>
				<div class="col-md-4">
					<i class="fa fa-phone-square fa-5x pull-left" aria-hidden="true"></i>
					<h2>
						Live Chat
					</h2>
					<p>
						Only for [PRO] users with a dedicated support contract.
					</p>
				</div>
				<div class="col-md-4">
					<i class="fa fa-thumb-tack fa-5x pull-left" aria-hidden="true"></i>
					<h2>
						Submit a ticket
					</h2>
					<p>
						Only for [PRO] users.
					</p>
				</div>
			</div>
			<br class="clear">
		</div>
	</div>
</div>