Component

[vc_row ses_title=”Accordions” ses_icon=”list” layout=”component_sec” ses_class=”contain darkbg”][vc_column width=”1/2″][vc_accordion id=”accordion1″ title=”Accordion style 1″][vc_accordion_tab title=”Cu luptatum gloriatur per vis harum” parentid=”accordion1″][vc_column_text]

Lorem ipsum dolor sit amet, ad eos aperiri voluptatum. Ut nisl disputando has, sit causae dolorum ei, vim choro corpora ei. Vel nobis putent praesent ne, conceptam eloquentiam te vix.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Natum fierent sensibus ex eos inimicus” parentid=”accordion1″][vc_column_text]

Prodesset maiestatis at eos, rebum offendit ad usu. Pri aeque viris referrentur an, vel soleat mucius scribentur te, eu saepe convenire his.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”At his illud facilisi conclusionemque” parentid=”accordion1″][vc_column_text]

Ut nisl disputando has, sit causae dolorum ei, vim choro corpora ei. Vel nobis putent praesent ne, conceptam eloquentiam te vix. Prodesset maiestatis at eos, rebum offendit ad usu.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Menandri argumentum ad qui” parentid=”accordion1″][vc_column_text]

Vel nobis putent praesent ne, conceptam eloquentiam te vix. Prodesset maiestatis at eos, rebum offendit ad usu. Pri aeque viris referrentur an, vel soleat mucius scribentur te.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Per an aeterno neglegentur his” parentid=”accordion1″][vc_column_text]

Has tation tractatos appellantur ad, apeirian philosophia est ei. Vis cu solum euismod partiendo. Id labitur commune perfecto pro, in mel solum nostrud. Eum iusto omittam appareat te.

[/vc_column_text][/vc_accordion_tab][/vc_accordion][vc_column_text]

<div class="accordion style1 clearfix" id="accordion1">
	<div class="accordion-group">
		<div class="accordion-heading">										
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1">
				<i class="icon-chevron-sign-down"></i> Cu luptatum gloriatur per vis harum
			</a>
		</div>
		<div id="collapse1" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]
			</div>
		</div>
	</div>
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse2">
				<i class="icon-chevron-sign-down"></i> Natum fierent sensibus ex eos inimicus
			</a>
		</div>
		<div id="collapse2" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]													
			</div>
		</div>
	</div>
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse3">
				<i class="icon-chevron-sign-down"></i> At his illud facilisi conclusionemque
			</a>
		</div>
		<div id="collapse3" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]												
			</div>
		</div>
	</div>	
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse4">
				<i class="icon-chevron-sign-down"></i> Menandri argumentum ad qui
			</a>
		</div>
		<div id="collapse4" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]												
			</div>
		</div>
	</div>	
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse5">
				<i class="icon-chevron-sign-down"></i> Per an aeterno neglegentur his
			</a>
		</div>
		<div id="collapse5" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]											
			</div>
		</div>
	</div>								
</div>

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_accordion collapsible=”yes” id=”accordion2″ style=”style2″ title=”Accordion style 2″][vc_accordion_tab title=”Cu luptatum gloriatur per vis harum” parentid=”accordion2″][vc_column_text]

Lorem ipsum dolor sit amet, ad eos aperiri voluptatum. Ut nisl disputando has, sit causae dolorum ei, vim choro corpora ei. Vel nobis putent praesent ne, conceptam eloquentiam te vix.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Natum fierent sensibus ex eos inimicus” parentid=”accordion2″][vc_column_text]

Prodesset maiestatis at eos, rebum offendit ad usu. Pri aeque viris referrentur an, vel soleat mucius scribentur te, eu saepe convenire his.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”At his illud facilisi conclusionemque” parentid=”accordion2″][vc_column_text]

Ut nisl disputando has, sit causae dolorum ei, vim choro corpora ei. Vel nobis putent praesent ne, conceptam eloquentiam te vix. Prodesset maiestatis at eos, rebum offendit ad usu.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Menandri argumentum ad qui” parentid=”accordion2″][vc_column_text]

Vel nobis putent praesent ne, conceptam eloquentiam te vix. Prodesset maiestatis at eos, rebum offendit ad usu. Pri aeque viris referrentur an, vel soleat mucius scribentur te.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Per an aeterno neglegentur his” parentid=”accordion2″][vc_column_text]

Has tation tractatos appellantur ad, apeirian philosophia est ei. Vis cu solum euismod partiendo. Id labitur commune perfecto pro, in mel solum nostrud. Eum iusto omittam appareat te.

[/vc_column_text][/vc_accordion_tab][/vc_accordion][vc_column_text]

<div class="accordion style2 clearfix" id="accordion2">
	<div class="accordion-group">
		<div class="accordion-heading">										
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse1">
				<i class="icon-chevron-sign-down"></i> Cu luptatum gloriatur per vis harum
			</a>
		</div>
		<div id="collapse1" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]
			</div>
		</div>
	</div>
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse2">
				<i class="icon-chevron-sign-down"></i> Natum fierent sensibus ex eos inimicus
			</a>
		</div>
		<div id="collapse2" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]													
			</div>
		</div>
	</div>
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse3">
				<i class="icon-chevron-sign-down"></i> At his illud facilisi conclusionemque
			</a>
		</div>
		<div id="collapse3" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]												
			</div>
		</div>
	</div>	
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse4">
				<i class="icon-chevron-sign-down"></i> Menandri argumentum ad qui
			</a>
		</div>
		<div id="collapse4" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]												
			</div>
		</div>
	</div>	
	<div class="accordion-group">
		<div class="accordion-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse5">
				<i class="icon-chevron-sign-down"></i> Per an aeterno neglegentur his
			</a>
		</div>
		<div id="collapse5" class="accordion-body collapse">
			<div class="accordion-inner">
				[...]											
			</div>
		</div>
	</div>								
</div>

[/vc_column_text][/vc_column][/vc_row][vc_row ses_title=”Tabs” ses_icon=”list-alt” layout=”component_sec” ses_class=”contain darkbg”][vc_column width=”1/2″][vc_tabs interval=”15″ title=”Tab style 1″][vc_tab title=”Tab panel 1″ tab_id=”1415583986-1-74″][vc_column_text]

Eu atqui liber recusabo his

Vide debet no vix. Eu atqui liber recusabo his, ut fugit minimum has, ut sed temporibus complectitur. Usu te populo nonumes, no est eirmod explicari. In blandit voluptua urbanitas vim, vix eu summo nihil convenire. Eu vis veri fierent noluisse, vis an euismod sententiae, cibo oratio ei sed. Nostro probatus tacimates vis in his habeo.

[/vc_column_text][/vc_tab][vc_tab title=”Tab panel 2″ tab_id=”1415583986-2-89″][vc_column_text]

Inermis instructior vim in

Inermis instructior vim in, vel et clita praesent, nam legere postea in. Te inimicus consequat nam. Mei summo diceret vituperatoribus ex, ut torquatos pro. Ne qui admodum aliquando, viderer instructior in eos pericula appellantur referrentur vix. Inermis instructior vim in, vel et clita praesent, nam legere postea in. Te inimicus consequat nam. Mei summo diceret vituperatoribus ex, ut torquatos pro. Ne qui admodum aliquando.

[/vc_column_text][/vc_tab][vc_tab title=”Tab panel 3″ tab_id=”1415584217858-2-10″][vc_column_text]

Omnium dolores oporteat no usu

Omnium dolores oporteat no usu. Id dicta ubique sit, labore iriure voluptua mei ut. Pro ei probatus comprehensam conclusionemque, ea labore utroque comprehensam nec. Eu purto posidonium sit, an vim nonumy indoctum. Duo salutandi interpretaris te, purto feugait at his. Et vix graeci suavitate expetendis. Nec alii mutat harum at, legimus evertitur at eum. Sumo antiopam moderatius vim ea, clita discere fuisset ex ius.

[/vc_column_text][/vc_tab][/vc_tabs][vc_column_text]

<div class="tabbable style1">
	<ul class="nav nav-tabs tabber">
		<li class="active"><a data-toggle="tab" href="#tab1">Tab panel 1</a></li>
		<li><a data-toggle="tab" href="#tab2">Tab panel 2</a></li>
		<li><a data-toggle="tab" href="#tab3">Tab panel 3</a></li>					
	</ul>
	<div class="tab-content">
		<div id="tab1" class="tab-pane active">
			[...]
		</div>
		<div id="tab2" class="tab-pane">
			[...]
		</div>
		<div id="tab3" class="tab-pane">
			[...]
		</div>						
	</div>
</div>

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_tabs interval=”0″ style=”style2″ title=”Tab style 2″][vc_tab title=”Tab panel 1″ tab_id=”1415584258639-0-5″][vc_column_text]

Eu atqui liber recusabo his

Vide debet no vix. Eu atqui liber recusabo his, ut fugit minimum has, ut sed temporibus complectitur. Usu te populo nonumes, no est eirmod explicari. In blandit voluptua urbanitas vim, vix eu summo nihil convenire. Eu vis veri fierent noluisse, vis an euismod sententiae, cibo oratio ei sed. Nostro probatus tacimates vis in his habeo.

[/vc_column_text][/vc_tab][vc_tab title=”Tab panel 2″ tab_id=”1415584258938-0-6″][vc_column_text]

Inermis instructior vim in

Inermis instructior vim in, vel et clita praesent, nam legere postea in. Te inimicus consequat nam. Mei summo diceret vituperatoribus ex, ut torquatos pro. Ne qui admodum aliquando, viderer instructior in eos pericula appellantur referrentur vix. Inermis instructior vim in, vel et clita praesent, nam legere postea in. Te inimicus consequat nam. Mei summo diceret vituperatoribus ex, ut torquatos pro. Ne qui admodum aliquando.

[/vc_column_text][/vc_tab][vc_tab title=”Tab panel 3″ tab_id=”1415584259234-0-1″][vc_column_text]

Omnium dolores oporteat no usu

Omnium dolores oporteat no usu. Id dicta ubique sit, labore iriure voluptua mei ut. Pro ei probatus comprehensam conclusionemque, ea labore utroque comprehensam nec. Eu purto posidonium sit, an vim nonumy indoctum. Duo salutandi interpretaris te, purto feugait at his. Et vix graeci suavitate expetendis. Nec alii mutat harum at, legimus evertitur at eum. Sumo antiopam moderatius vim ea, clita discere fuisset ex ius.

[/vc_column_text][/vc_tab][/vc_tabs][vc_column_text]

<div class="tabbable style2">
	<ul class="nav nav-tabs tabber">
		<li class="active"><a data-toggle="tab" href="#tab4">Tab panel 1</a></li>
		<li><a data-toggle="tab" href="#tab5">Tab panel 2</a></li>
		<li><a data-toggle="tab" href="#tab6">Tab panel 3</a></li>					
	</ul>
	<div class="tab-content">
		<div id="tab4" class="tab-pane active">
			[...]
		</div>
		<div id="tab5" class="tab-pane">
			[...]
		</div>
		<div id="tab6" class="tab-pane">
			[...]
		</div>						
	</div>
</div>

[/vc_column_text][/vc_column][/vc_row][vc_row ses_title=”Alert” ses_icon=”list” layout=”component_sec” ses_class=”contain colorbg”][vc_column width=”1/2″][vc_message color=”alert-warning” close=”yes”]Example alert warningUbique denique accumsan deseruisse argumentum.[/vc_message][vc_column_text]

<div class="alert alert-warning">
	<button type="button" class="close" data-dismiss="alert">×</button>
	<strong>Example alert warning</strong><br />
	[...]
</div>

[/vc_column_text][vc_message color=”alert-danger” close=”yes”]Example alert dangerUbique denique accumsan deseruisse argumentum.[/vc_message][vc_column_text]

<div class="alert alert-danger">
	<button type="button" class="close" data-dismiss="alert">×</button>
	<strong>Example alert danger</strong><br />
	[...]
</div>

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_message color=”alert-info” close=”yes”]Example alert infoUbique denique accumsan deseruisse argumentum.[/vc_message][vc_column_text]

<div class="alert alert-info">
	<button type="button" class="close" data-dismiss="alert">×</button>
	<strong>Example alert info</strong><br />
	[...]
</div>

[/vc_column_text][vc_message color=”alert-success” close=”yes”]Example alert successUbique denique accumsan deseruisse argumentum.[/vc_message][vc_column_text]

<div class="alert alert-success">
	<button type="button" class="close" data-dismiss="alert">×</button>
	<strong>Example alert success</strong><br />
	[...]
</div>

[/vc_column_text][/vc_column][/vc_row][vc_row ses_title=”Button” ses_icon=”th” layout=”component_sec” ses_class=”contain colorbg” el_class=”marginbot10″][vc_column width=”1/4″ el_class=”text-center”][vc_column_text]Small buttonclass="btn btn-default btn-sm"[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Small button class="btn btn-flat btn-sm"[/vc_column_text][/vc_column][vc_column width=”1/4″ el_class=”text-center”][vc_column_text]Default button
class="btn btn-default"[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Default button class="btn btn-flat"[/vc_column_text][/vc_column][vc_column width=”1/4″ el_class=”text-center”][vc_column_text]Middle button
class="btn btn-default btn-md"[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Middle button class="btn btn-flat btn-md"[/vc_column_text][/vc_column][vc_column width=”1/4″ el_class=”text-center”][vc_column_text]Large button class="btn btn-default btn-lg"[/vc_column_text][vc_empty_space height=”20px”][vc_column_text]Large button class="btn btn-flat btn-lg"[/vc_column_text][/vc_column][/vc_row]