Accordions

[vc_row][vc_column][vc_custom_heading text=”Accordions Shortcodes” use_theme_fonts=”yes” el_class=”shorter”][vc_column_text]Accordions are great to show the content of your website and can be set in different styles with Visual Composer Accordion shortcodes.[/vc_column_text][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Default” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][vc_empty_space height=”22px”][vc_separator color=”custom” gap=”tall” gradient=”yes”][vc_custom_heading text=”Colors” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_accordion type=”custom” skin=”primary”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/4″][vc_accordion type=”custom” skin=”secondary”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/4″][vc_accordion type=”custom” skin=”tertiary”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/4″][vc_accordion type=”custom” skin=”quaternary”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”22px”][vc_separator color=”custom” gap=”tall” gradient=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][vc_custom_heading text=”Small” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion size=”panel-group-sm”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/4″][vc_custom_heading text=”Default” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Large” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion size=”panel-group-lg”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.

Accordions devicePraesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height=”22px”][vc_separator color=”custom” gap=”tall” gradient=”yes”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][vc_custom_heading text=”With Icons” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion][vc_accordion_tab title=”Accordion Title 1″ show_icon=”yes” icon=”fa fa-users”][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″ show_icon=”yes” icon=”fa fa-film”][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″ show_icon=”yes” icon=”fa fa-bars”][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/3″][vc_custom_heading text=”Without Background” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion type=”without-bg”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][vc_column width=”1/3″][vc_custom_heading text=”Without Borders and Background” font_container=”tag:h4|text_align:left” use_theme_fonts=”yes”][vc_accordion type=”without-bg without-borders”][vc_accordion_tab title=”Accordion Title 1″][vc_column_text]Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien. Praesent id enim sit amet odio vulputate eleifend in in tortor. Donec tellus massa, tristique sit amet condim vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 2″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”Accordion Title 3″][vc_column_text]Donec tellus massa, tristique sit amet condimentum vel, facilisis quis sapien.[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row]