[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading delimiter_settings=»border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;» delimiter_margin=»margin-top:25px;margin-bottom:0px;» subtitle_google_fonts=»yes» subtitle_custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal» style=»style_02″ title=»Layout variations» subtitle=»Use accordion module to display the needed content at a time.» title_font_options=»tag:h2″ subtitle_font_options=»tag:h3|font_size:15|line_height:35″]About Accordion[/dfd_heading]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″]
[dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]

Short Description

[/dfd_heading]

Add accordion module and set its decoration. You may configure the active tab and set autoslideshow, if needed from its options. There’s possibility to add various modules into Accordions, what allows to use them on various pages.

[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»15″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»15″ screen_tablet_spacer_size=»15″ screen_mobile_spacer_size=»35″][announcement align=»align-center» icon=»dfd-icon-code» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» dark_bg=»off» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Square Background; Layout — n/a; Inside opstions — custom colors;[/announcement]
[videoplayer main_style=»style-2″ main_layout=»layout-4″ title=»Watch module video» subtitle=»Use 1080p for better quaity.» video_link=»https://www.youtube.com/watch?v=1iqE8R5d3qI» title_font_options=»tag:div|font_size:15″ subtitle_font_options=»tag:div» fill_color_start=»#e52c27″ fill_color_end=»#c2171d» bg_radius=»8″ icon_color=»#ffffff»]
[dfd_single_image image=»16075″ upload_image=»11499″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»100″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»100″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»35″]
[dfd_accordion active_section=»1″ border_radius=»2″ tab_background=»#2d2d2d» tab_hover_background=»#424242″ active_tab_background=»#f4f4f4″ border_color_active=»#f4f4f4″ font_size=»14″ tab_hover_text_color=»#ffffff» tab_text_color=»#dddddd» tab_active_color_text=»#3a3a3a» underline=»on» icon_color=»#878787″ icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 3

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 4

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]
[dfd_accordion style=»style-6″ active_section=»1″ tab_background=»#ffffff» active_tab_background=»#3a3a3a» border_color_radius=»#e8e8e8″ border_color_active=»#3a3a3a» font_size=»14″ tab_hover_text_color=»#3a3a3a» tab_active_color_text=»#efefef» icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 3

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 4

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»90″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»90″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»40″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading delimiter_settings=»border-bottom-style:dotted;|border-bottom-width:1px;|width:650px;|border-bottom-color:#d3d3d3;» delimiter_margin=»margin-top:25px;margin-bottom:0px;» subtitle_google_fonts=»yes» subtitle_custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20regular%3A400%3Anormal» style=»style_02″ title=»Layout variations» subtitle=»Lorem ipsum dolor sit amet, consectetur.» title_font_options=»tag:h2″ subtitle_font_options=»tag:h3|font_size:15|line_height:35″]Module variations[/dfd_heading]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]01 — Square Bordered.[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»35″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″]
[dfd_single_image image=»16074″ upload_image=»11499″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][announcement align=»align-center» icon=»dfd-icon-code» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» dark_bg=»off» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Square Bordered; Layout — default; Inside opstions — custom icons;[/announcement]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»80″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»50″]
[dfd_accordion style=»style-1″ active_section=»1″ font_size=»14″ icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]02 — Square Background.[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»35″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″]
[dfd_single_image image=»16075″ upload_image=»11499″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][announcement align=»align-center» icon=»dfd-icon-code» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» dark_bg=»off» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Square Background; Layout — default; Inside opstions — custom icons;[/announcement]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»80″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»50″]
[dfd_accordion active_section=»1″ font_size=»14″ icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]03 — Round Bordered.[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»35″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″]
[dfd_single_image image=»16076″ upload_image=»11499″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][announcement align=»align-center» icon=»dfd-icon-code» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» dark_bg=»off» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Round Bordered; Layout — default; Inside opstions — custom icon;[/announcement]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»80″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»50″]
[dfd_accordion style=»style-3″ active_section=»1″ font_size=»14″ icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]04 — Round Background.[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»35″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″]
[dfd_single_image image=»16077″ upload_image=»11499″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][announcement align=»align-center» icon=»dfd-icon-code» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» dark_bg=»off» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Round Background; Layout — default; Inside opstions — custom icon;[/announcement]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»80″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»50″]
[dfd_accordion style=»style-4″ active_section=»1″ font_size=»14″ icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»60″ screen_tablet_spacer_size=»40″ screen_mobile_spacer_size=»40″][dfd_heading style=»style_02″ title=»01. Layout variations» title_font_options=»tag:h5|font_style_underline:1″ subtitle_font_options=»tag:h3|font_size:20″]05 — Square Underline.[/dfd_heading][dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»35″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»35″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″]
[dfd_single_image image=»16078″ upload_image=»11499″]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»25″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»25″ screen_tablet_spacer_size=»20″ screen_mobile_spacer_size=»20″][announcement align=»align-center» icon=»dfd-icon-code» use_google_fonts=»yes» custom_fonts=»font_family:Lora%3Aregular%2Citalic%2C700%2C700italic|font_style:400%20italic%3A400%3Aitalic» dark_bg=»off» main_style=»style-1″ main_layout=»layout-3″ font_options=»font_size:15″ icon_size=»19″ icon_color=»#262626″]Style — Square Underline; Layout — default; Inside opstions — custom icon;[/announcement]
[dfd_spacer screen_wide_resolution=»1280″ screen_wide_spacer_size=»80″ screen_normal_resolution=»1024″ screen_tablet_resolution=»800″ screen_mobile_resolution=»480″ screen_normal_spacer_size=»80″ screen_tablet_spacer_size=»60″ screen_mobile_spacer_size=»50″]
[dfd_accordion style=»style-6″ active_section=»1″ font_size=»14″ icon_size=»14″]

Section 1

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

Section 2

Nulla interdum arcu turpis, nec tempor ipsum molestie eget. Etiam varius velit dictum ligula tempus accumsan. Aenean finibus nibh eu ex dignissim tempor. Praesent velit est, varius vitae magna ut, maximus vulputate massa. Vestibulum quis tempus turpis. Sed iaculis urna orci, nec laoreet urna blandit vitae. In laoreet, dolor tempus tincidunt congue, turpis arcu feugiat mauris, non pharetra odio arcu eu tellus.

[/dfd_accordion]