Shortcodes

Ready to use stylish Shortcodes

[darina_dropcap]L[/darina_dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. Etiam ultricies velit sit amet consectetur dignissim. Phasellus non enim venenatis, pellentesque tortor id, vestibulum ipsum. Cras laoreet blandit massa, et pretium tortor sagittis vitae. Cras tristique laoreet nunc at tincidunt. Nullam non massa commodo.

Tabs

[tabs][tabs_head][tab_title active=”true” id=”tab_1″]Tab 1[/tab_title][tab_title id=”tab_2″]Tab 2[/tab_title][tab_title id=”Tab_3″]Tab 3[/tab_title][/tabs_head][tabs_body][tab active=”true” id=”tab_1″] tab1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. Etiam ultricies velit sit amet consectetur dignissim. Phasellus non enim venenatis, pellentesque tortor id, vestibulum ipsum. Cras laoreet blandit massa, et pretium tortor sagittis vitae. Cras tristique laoreet nunc at tincidunt. Nullam non massa commodo,… [/tab][tab id=”tab_2″] tab2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. Etiam ultricies velit sit amet consectetur dignissim. Phasellus non enim venenatis, pellentesque tortor id, vestibulum ipsum. Cras laoreet blandit massa, et pretium tortor sagittis vitae. Cras tristique laoreet nunc at tincidunt. Nullam non massa commodo,… [/tab][tab id=”Tab_3″]tab3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. Etiam ultricies velit sit amet consectetur dignissim. Phasellus non enim venenatis, pellentesque tortor id, vestibulum ipsum. Cras laoreet blandit massa, et pretium tortor sagittis vitae. Cras tristique laoreet nunc at tincidunt. Nullam non massa commodo,… [/tab][/tabs_body][/tabs]

Toggle

[toggle_group][toggle_title active=”open” id=”toggle_1″]Toggle block open[/toggle_title][toggle_content active=”open” id=”toggle_1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. [/toggle_content][toggle_title active=”close” id=”toggle_2″]Toggle block not open[/toggle_title][toggle_content active=”close” id=”toggle_2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. Etiam ultricies velit sit amet consectetur dignissim. Phasellus non enim venenatis, pellentesque tortor id, vestibulum ipsum. Cras laoreet blandit massa, et pretium tortor sagittis vitae. Cras tristique laoreet nunc at tincidunt. Nullam non massa commodo,… [/toggle_content][toggle_title active=”close” id=”toggle_3″]Another toggle block not open[/toggle_title][toggle_content active=”close” id=”toggle_3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rutrum ante sit amet malesuada mattis. Etiam ultricies velit sit amet consectetur dignissim. Phasellus non enim venenatis, pellentesque tortor id, vestibulum ipsum. Cras laoreet blandit massa, et pretium tortor sagittis vitae. Cras tristique laoreet nunc at tincidunt. Nullam non massa commodo,… [/toggle_content][/toggle_group]

Buttons

[button color=”default” size=”xs” link=”#” target=”blank” ]Default Button[/button][button color=”primary” size=”xs” link=”#” target=”blank” ]Blue Button[/button][button color=”success” size=”xs” link=”#” target=”blank” ]Green Buttton[/button][button color=”black” size=”xs” link=”#” target=”blank” ]Black Button[/button][button color=”info” size=”xs” link=”#” target=”blank” ]Sky Blue Button[/button][button color=”warning” size=”xs” link=”#” target=”blank” ]Orange Button[/button][button color=”danger” size=”xs” link=”#” target=”blank” ]Red Button[/button][darina_gap size=”5″][button color=”default” size=”md” link=”#” target=”blank” ]Default Button[/button][button color=”primary” size=”md” link=”#” target=”blank” ]Blue Button[/button][button color=”success” size=”md” link=”#” target=”blank” ]Green Buttton[/button][button color=”black” size=”md” link=”#” target=”blank” ]Black Button[/button][button color=”info” size=”md” link=”#” target=”blank” ]Sky Blue Button[/button][button color=”warning” size=”md” link=”#” target=”blank” ]Orange Button[/button][button color=”danger” size=”md” link=”#” target=”blank” ]Red Button[/button]

Alert Box

[box type=”info” dismissible=””]Info Message[/box][box type=”success” dismissible=”true”]Success Message[/box][box type=”warning” dismissible=”true”]Warning Message[/box][box type=”danger” dismissible=”true”]Danger Message[/box]

Embed

[darina_row][darina_one_half][responsive_embed src=https://www.youtube.com/watch?v=VMOh5PB8k8Q][/darina_one_half][darina_one_half][responsive_embed src=https://vimeo.com/channels/staffpicks/148894085][/darina_one_half][/darina_row]