[ux_banner height="338px" bg="20" bg_overlay="rgba(0, 0, 0, 0.41)"]

[text_box]

<h3 class="uppercase"><strong>Accordion element</strong></h3>
<p class="lead">Create beautiful accordion sections. You can add any element to the accordion panels.</p>

[/text_box]

[/ux_banner]
[title style="center" text="Simple accordion"]

[row]

[col span__sm="12"]

[accordion]

[accordion-item title="Accordion Title"]

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

[/accordion-item]
[accordion-item title="Accordion Item 1 Title"]

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

[/accordion-item]
[accordion-item title="Accordion Item 2 Title"]

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

[/accordion-item]
[accordion-item title="Add any element to accordion"]

[blog_posts style="normal" columns="3" image_height="56.25%"]

[button text="Click me!" style="outline"]


[/accordion-item]

[/accordion]

[/col]

[/row]