<section>

	<!-- #section:pages/faq -->
	<div class="help-content">
		<h3 class="info-title smaller" data-id="#pages/faq">FAQ</h3>
		<div class="info-section">
		 <ul class="info-list list-unstyled">
			<li>
				FAQ page consists of <a href="#elements.tab" class="help-more">tabs</a> and 
				<a href="#elements.accordion" class="help-more">accordions</a> (bootstrap panels):
<pre data-language="html">
 <div class="tabbable">
    <ul id="myTab" class="nav nav-tabs padding-18 tab-size-bigger">
      <li class="active">
        <a href="#faq-tab-1" data-toggle="tab">
            <i class="blue ace-icon fa fa-question-circle bigger-120"></i>
            General
        </a>
      </li>
    </ul>

    <div class="tab-content no-border padding-24">
       <div class="tab-pane fade in active" id="faq-tab-1">
          <h4 class="blue">
              <i class="ace-icon fa fa-check bigger-110"></i> General Questions
          </h4>

          <div class="space-8"></div>

          <div class="panel-group accordion-style1 accordion-style2" id="faq-list-1">
              list of questions
          </div>
        </div>
    </div>
 </div>
</pre>				
			</li>
		 </ul>
		</div>
	</div>
	<!-- /section:pages/faq -->
</section>