Accordion

<div class="panel-acc panel-group panel-group-v1 panel-group-icon-v1 icon-right" id="accordion-icon-right">
  <div class="panel panel-default panel-collapse-in">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-right" href="#content-icon-right-1">
          Frequently asked questions
        </a>
      </h4>
    </div>
    <div id="content-icon-right-1" class="panel-collapse collapse in">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-right" href="#content-icon-right-2">
        How can i set my theme ?
        </a>
      </h4>
    </div>
    <div id="content-icon-right-2" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-right" href="#content-icon-right-3">
          Responsive HTML5
        </a>
      </h4>
    </div>
    <div id="content-icon-right-3" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-acc panel-group panel-group-v1 panel-group-icon-v1 icon-left" id="accordion-icon-left">
  <div class="panel panel-default panel-collapse-in">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-left" href="#content-icon-left-1">
          Frequently asked questions
        </a>
      </h4>
    </div>
    <div id="content-icon-left-1" class="panel-collapse collapse in">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-left" href="#content-icon-left-2">
        How can i set my theme ?
        </a>
      </h4>
    </div>
    <div id="content-icon-left-2" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-left" href="#content-icon-left-3">
          Responsive HTML5
        </a>
      </h4>
    </div>
    <div id="content-icon-left-3" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-acc panel-group panel-group-v1 panel-group-icon-v2 icon-right" id="accordion-icon-v2-right">
  <div class="panel panel-default panel-collapse-in">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-v2-right" href="#content-icon-v2-right-1">
          Frequently asked questions
        </a>
      </h4>
    </div>
    <div id="content-icon-v2-right-1" class="panel-collapse collapse in">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-v2-right" href="#content-icon-v2-right-2">
        How can i set my theme ?
        </a>
      </h4>
    </div>
    <div id="content-icon-v2-right-2" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-v2-right" href="#content-icon-v2-right-3">
          Responsive HTML5
        </a>
      </h4>
    </div>
    <div id="content-icon-v2-right-3" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
</div>

<div class="panel-acc panel-group panel-group-v1 panel-group-icon-v2 icon-left" id="accordion-icon-v2-left">
  <div class="panel panel-default panel-collapse-in">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-v2-left" href="#content-icon-v2-left-1">
          Frequently asked questions
        </a>
      </h4>
    </div>
    <div id="content-icon-v2-left-1" class="panel-collapse collapse in">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-v2-left" href="#content-icon-v2-left-2">
        How can i set my theme ?
        </a>
      </h4>
    </div>
    <div id="content-icon-v2-left-2" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion-icon-v2-left" href="#content-icon-v2-left-3">
          Responsive HTML5
        </a>
      </h4>
    </div>
    <div id="content-icon-v2-left-3" class="panel-collapse collapse">
      <div class="panel-body">
        <p class="text-theme">...</p>
      </div>
    </div>
  </div>
</div>