Alerts

 

[alert type="info" close="true" text="Duis autem vel eum iriure"]

[alert type="info" close="no" text="Duis autem vel eum iriure"]

[alert type="warning" close="true" text="Duis autem vel eum iriure"]

[alert type="warning" close="no" text="Duis autem vel eum iriure"]

[alert type="success" close="true" text="Duis autem vel eum iriure"]

[alert type="success" close="no" text="Duis autem vel eum iriure"]

[alert type="danger" close="true" text="Duis autem vel eum iriure"]

[alert type="danger" close="no" text="Duis autem vel eum iriure"]

 

Badge

 

Claritas est etiam processus dynamicus, qui [badge]sequitur[/badge] mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas [badge]humanitatis[/badge] per seacula quarta decima et quinta decima.

 

Block Messages

 

[block-message type="info" close="true" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="info" close="no" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="warning" close="true" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="warning" close="no" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="success" close="true" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="success" close="no" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="danger" close="true" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

[block-message type="danger" close="no" text="Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo."]

 

Blockquote

 

[blockquote float="left" cite="Albert Einstein"]Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.[/blockquote]

[blockquote float="right" cite="Albert Einstein"]Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima.[/blockquote]

 

Buttons

 

[button type="default" size="lg" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="default" size="default" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="default" size="sm" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="default" size="xs" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

 

[button type="primary" size="lg" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="primary" size="default" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="primary" size="sm" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="primary" size="xs" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

 

[button type="info" size="lg" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="info" size="default" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="info" size="sm" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="info" size="xs" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

 

[button type="success" size="lg" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="success" size="default" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="success" size="sm" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="success" size="xs" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

 

[button type="danger" size="lg" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="danger" size="default" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="danger" size="sm" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="danger" size="xs" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

 

[button type="warning" size="lg" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="warning" size="default" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="warning" size="sm" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

[button type="warning" size="xs" url="#" text="Button" icon="none" iconcolor="white" target="_self"]

 

[button type="default" size="lg" url="#" text="Button" icon="desktop" iconcolor="dark" target="_self"]

[button type="primary" size="default" url="#" text="Button" icon="desktop" iconcolor="dark" target="_self"]

[button type="info" size="sm" url="#" text="Button" icon="desktop" iconcolor="dark" target="_self"]

[button type="success" size="xs" url="#" text="Button" icon="desktop" iconcolor="dark" target="_self"]

 

Code

 

[code]<?php echo 'KnowledgePress'; ?>[/code]

 

Divider

 

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

[divider]Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

 

Hero

 

[hero hero_title="Hero " hero_button_type="primary" hero_button_title="Hero" hero_button_link="#"]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.[/hero]

Labels

 

Duis autem [label color="primary"]vel eum[/label]  iriure dolor in hendrerit in vulputate velit esse molestie [label color="default"]consequat[/label] , vel illum dolore eu feugiat nulla facilisis at vero eros et [label color="success"]accumsan[/label]  et iusto odio dignissim qui blandit praesent luptatum[label color="danger"] zzril delenit[/label] augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil  imperdiet doming id quod [label color="warning"]mazim[/label]  placerat facer possim assum.

 

Table

 

[table_wrap][table_columns][table_column] Column 1 Title[/table_column] [table_column] Column 2 Title[/table_column] [table_column] Column 3 Title[/table_column] [table_column] Column 4 Title[/table_column] [table_column] Column 5 Title[/table_column] [/table_columns][table_content][table_row][table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [/table_row][table_row][table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [/table_row][table_row][table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [/table_row][table_row][table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [/table_row][table_row][table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [table_cell] content goes here..[/table_cell] [/table_row][/table_content][/table_wrap]

 

Tabset

 

[tabset][tab_head][tab_title active="active" sequence="1"]Lorem[/tab_title] [tab_title sequence="2"]Ipsum[/tab_title] [tab_title sequence="3"]Dolor[/tab_title] [tab_title sequence="4"]Duis[/tab_title] [tab_title sequence="5"]Typi[/tab_title] [/tab_head][tab_content][tab_pane active="active" sequence="1"] Tab Lorem content goes here. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.[/tab_pane] [tab_pane sequence="2"] Tab Ipsum content goes here.Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.[/tab_pane] [tab_pane sequence="3"] Tab Dolor content goes here.[/tab_pane] [tab_pane sequence="4"] Tab Duis content goes here.[/tab_pane] [tab_pane sequence="5"] Tab Typi content goes here.[/tab_pane] [/tab_content][/tabset]

 

Tagline

 

[tagline]Lorem ipsum dolor met[/tagline]

 

Tooltip

 

Duis autem vel eum iriure dolor in hendrerit in [tooltip tip="top" url="#" placement="top"]vulputate velit[/tooltip]  esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at[tooltip tip="Left" url="#" placement="left"] vero eros[/tooltip] et accumsan et iusto odio qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis [tooltip tip="Right" url="#" placement="right"]eleifend option[/tooltip]  congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent est [tooltip tip="Bottom" url="#" placement="bottom"]usus legentis[/tooltip]  in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.

 

Videos

 

[vimeo id="51223888" width="500" height="281"]
[youtube id="KSte_rrKfcM" width="560" height="315"]