Please wait...

Try Bacotna with other template and color skins
Index variants
Color options

Components accordion

  1. Home
  2. Components
  3. Accordion
Accordion default

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Shortcode 
<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading" id="heading1">
			<h6 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#panel1" >
					Collapsible Group Item 1 
				</a>
			</h6>
		</div>
		<div id="panel1" class="panel-collapse collapse in">
			<div class="panel-body">
				<p>[...] </p>
			</div>
		</div>
	</div>
</div>
Accordion flat

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Shortcode 
<div class="panel-group" id="accordion">
	<div class="panel panel-flat">
		<div class="panel-heading" id="heading1">
			<h6 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#panel1" >
					Collapsible Group Item 1 
				</a>
			</h6>
		</div>
		<div id="panel1" class="panel-collapse collapse in">
			<div class="panel-body">
				<p>[...] </p>
			</div>
		</div>
	</div>
</div>
Accordion linner

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Shortcode 
<div class="panel-group" id="accordion">
	<div class="panel panel-linner">
		<div class="panel-heading" id="heading1">
			<h6 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#panel1" >
					Collapsible Group Item 1 
				</a>
			</h6>
		</div>
		<div id="panel1" class="panel-collapse collapse in">
			<div class="panel-body">
				<p>[...] </p>
			</div>
		</div>
	</div>
</div>
Accordion with icon

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Oporteat urbanitas est et, possit menandri pertinax at quo. Epicurei volutpat ad vim, at dictas offendit lucilius vis, tollit partiendo ei sea. Debet choro vituperatoribus quo ne. No vide omnium probatus vix, duo an audire percipit inciderint.

Shortcode 
<div class="panel-group" id="accordion">
	<div class="panel panel-icon">
		<div class="panel-heading" id="heading1">
			<h6 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#panel1" >
					Collapsible Group Item 1 
				</a>
			</h6>
		</div>
		<div id="panel1" class="panel-collapse collapse in">
			<div class="panel-body">
				<p>[...] </p>
			</div>
		</div>
	</div>
</div>