You can create color based accordion with html support instantly. Plus toggles are also provided to suit all your needs.

[power_title color=”#11d8d1″ ]Default Accordion[/power_title][ioa_accordion width=”][section title=’About Limitless’ color=” background=” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’Tons of Options’ color=” background=” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’So Cool’ color=” background=” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’More Text’ color=” background=” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][/ioa_accordion]

[power_title color=”#7bb6dc” ]Color Based Accordion ![/power_title][ioa_accordion width=”][section title=’Section 1′ color=’#ffffff’ background=’#45d2fb’ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’Section 2′ color=’#ffffff’ background=’#40c3e9′ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’Section 3′ color=’#ffffff’ background=’#3fb8db’ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’Section 4′ color=’#ffffff’ background=’#38a9c9′ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][section title=’Section 5′ color=’#ffffff’ background=’#3190ac’ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/section][/ioa_accordion]

[divider type=”double” vspace=”30px” hspace=”20%” /]

[power_title color=”#787d7d” ]Toggles[/power_title]

[toggle title=”Toggle Title” collapse=”true” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/toggle][toggle title=”Toggle Title” collapse=”false”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/toggle][toggle title=”Toggle Title” collapse=”true” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/toggle]

[power_title color=”#787d7d” ]FAQ[/power_title]

[toggle title=”Toggle Title” collapse=”true” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/toggle][toggle title=”Toggle Title” collapse=”false”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/toggle][toggle title=”Toggle Title” collapse=”true” ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque.[/toggle]

[power_title color=”#787d7d” ]About Theme[/power_title]

[ioa_accordion width=”][section title=’Step 1′ color=’#ffffff’ background=’#d17d00′ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque[/section][section title=’Step 2′ color=’#ffffff’ background=’#8ac953′ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque[/section][section title=’Step 3′ color=’#ffffff’ background=’#d1d100′ ]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel consectetur ipsum. Nam lobortis aliquet nunc sit amet hendrerit. Nulla vitae arcu lectus. Aliquam ac ullamcorper neque[/section][/ioa_accordion]

 

Leave a Comment