Layouts
Color Style

Which theme color you want to use? Here are some predefined colors.

  • 1
  • 2
  • 3
  • 4
Patterns for boxed version

You can choose between five patterns

  • 1
  • 2
  • 3
  • 4
  • 5

Accordions

Contact us today for free consultation +00 45 8574 5896 254

accordion default

Accordions default style

This is Mixed, professional HTML5 template made to fit any business purpose. With it's clean and modern design it will attract your visitors attention in seconds. You can choose wide or boxed layout, one page design or multi page design, creative or business layout, color style and much more.

There are several accordion and toggle styles you can use on your pages. This is simple example of accordion default style with icon. Default color is very easy to change, simply change hex value in default-color css file. It's really easy and user friendly.

You can also put images in your accordion element. It's simple and looks very nice. You can see this type of example on faq page or on this page.

This is example of accordion with custom icons. You can choose any icon from font awesome or linecons. Simply use class of an icon you like to use in your accordion. You can use the same icon every time or choose different ones.

There are a wide arrange of styles you can achieve for accordion. You can use simple default style, small title accordions, with or without custom icon, in any color you can imagine.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

accordion alternative

Accordions Simple Design

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

accordion alternative

Accordions FAQ Style

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.

Integer tempus auctor tincidunt. Nam iaculis, quam non sodales elementum, metus neque euismod justo, id auctor purus elit quis orci. Aenean hendrerit odio a lacus sodales, , at blandit velit placerat. Etiam facilisis lorem ac dui euismod blandit.