Tabs test:

    First tab

    lorem ipsum just for show off

    Active tab

     lorem ipsum just for show off. It’s active. lorem ipsum just for show off. It’s active.lorem ipsum just for show off. It’s active.lorem ipsum just for show off. It’s active.

 

Accordions:

But as you can see you can open it. This of course hide the first one.

Accordions:

But as you can see you can open it. This of course hide the first one.

Alert boxes:

Info Just to inform you. To create this info box wrap any text  in “alert” shortcode and set “style” attribute to “info” value (default)

Success Account created! To create this success box wrap any text in “alert” shortcode and set “style” attribute to “success” value.

Warning! Insecure password. To create this warning wrap any text in “alert” shortcode and set “style” attribute to “warning” value

Error! Terrible, terrible damage! To create this error box wrap any text  in “alert” shortcode and set “style” attribute to “error” value

List styles:

  • This is a custom
  • unordered list style
  • made with a shortcode
  • This is a custom
  • unordered list style
  • made with a shortcode
  • This is a custom
  • unordered list style
  • made with a shortcode
  • This is a custom
  • unordered list style
  • made with a shortcode

Simple buttons test:

To insert a button use “button” tag. You can control the size of button by adding attribute – “large”, “medium” or “small” (medium by default). You can also add “style” attribute and set it to “simple” but it is not necessary as it is the default value.

Small go to google button Medium go to google button Large go to google button

Shiny buttons test:

To use the shiny buttons like those below just change the “style” attribute value to “shiny”.

Small go to google button Medium go to google button Large go to google button

Video embed test:

Youtube test:

Vimeo Test: