Shortcodes

Cufo Theme uses Shortcodes Ultimate plugin. Some styling corrections are made for a full compatibility.

Notes

[su_note note_color=”#e51c23″ text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]
[su_note note_color=”#ff9800″ text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]
[su_note note_color=”#ffeb3b” text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]
[su_note note_color=”#8bc34a” text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]
[su_note note_color=”#03a9f4″ text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]
[su_note note_color=”#9c27b0″ text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]
[su_note note_color=”#e91e63″ text_color=”#ffffff” radius=”4″]Your Alert Text Goes Here![/su_note]

[su_spacer size=”50″]

Buttons

[su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#e51c23″ size=”4″ radius=”0″]Button[/su_button][su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#ff9800″ size=”4″ radius=”0″]Button[/su_button][su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#ffeb3b” color=”#727272″ size=”4″ radius=”0″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#259b24″ color=”#ffffff” size=”4″ radius=”0″]Button[/su_button][su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#03a9f4″ color=”#ffffff” size=”4″ radius=”0″]Button[/su_button] [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#9c27b0″ color=”#ffffff” size=”4″ radius=”0″]Button[/su_button][su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#e91e63″ color=”#ffffff” size=”4″ radius=”0″]Button[/su_button]
[su_spacer]
[su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#e51c23″ color=”#ffffff” size=”2″ radius=”0″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#ff9800″ color=”#ffffff” size=”4″ radius=”0″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#259b24″ color=”#ffffff” size=”8″ radius=”0″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#03a9f4″ color=”#ffffff” size=”10″ radius=”0″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#9c27b0″ color=”#ffffff” size=”12″ radius=”0″]Button[/su_button]
[su_spacer]
[su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#e51c23″ color=”#ffffff” size=”2″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#ff9800″ color=”#ffffff” size=”4″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#259b24″ color=”#ffffff” size=”8″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#03a9f4″ color=”#ffffff” size=”10″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#9c27b0″ color=”#ffffff” size=”12″ radius=”5″]Button[/su_button]
[su_spacer]
[su_button url=”http://www.example.com” target=”blank” style=”3d” background=”#e51c23″ color=”#ffffff” size=”2″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”3d” background=”#ff9800″ color=”#ffffff” size=”4″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”3d” background=”#259b24″ color=”#ffffff” size=”8″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”3d” background=”#03a9f4″ color=”#ffffff” size=”10″ radius=”5″]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”3d” background=”#9c27b0″ color=”#ffffff” size=”12″ radius=”5″]Button[/su_button]
[su_spacer]
[su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#e51c23″ color=”#ffffff” size=”3″ radius=”5″ icon=”icon: check”]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#ff9800″ color=”#ffffff” size=”6″ radius=”5″ icon=”icon: check”]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#03a9f4″ color=”#ffffff” size=”8″ radius=”5″ icon=”icon: check”]Button[/su_button]  [su_button url=”http://www.example.com” target=”blank” style=”soft” background=”#9c27b0″ color=”#ffffff” size=”10″ radius=”5″ icon=”icon: check”]Button[/su_button]

[su_spacer size=”50″]

Tabs & Accordions

[su_tabs]
[su_tab title=”Tab Content 1″]Lorem ipsum mauris dapibus volutpat dapibus eu tristique neque tortor in placerat molestie inceptos, eleifend vulputate quis sit habitant consectetur vestibulum vulputate etiam libero proin eros. lorem nisl rutrum litora nam odio, aenean lobortis malesuada id, risus fringilla egestas ut ullamcorper rutrum varius potenti pellentesque dui velit semper.[/su_tab][su_tab title=”Tab Content 2″] Ullamcorper rutrum varius potenti pellentesque dui velit semper, venenatis curabitur lectus mollis dapibus metus platea eleifend non commodo, praesent habitasse mattis suspendisse fusce platea fames. lacinia luctus inceptos proin lacus dictumst nullam odio conubia, quis tortor facilisis vestibulum nulla a justo, nibh nostra rhoncus auctor fermentum vulputate conubia..[/su_tab][su_tab title=”Tab Content 3″]Praesent habitasse mattis suspendisse fusce platea fames. lacinia luctus inceptos proin lacus dictumst nullam odio conubia.[/su_tab]
[/su_tabs]

[su_accordion]
[su_spoiler title=”Spoiler title 1″ open=”yes” style=”fancy” icon=”plus”]Lorem ipsum mauris dapibus volutpat dapibus eu tristique. Consectetur vestibulum vulputate etiam libero proin eros.[/su_spoiler][su_spoiler title=”Spoiler title 1″ style=”fancy” icon=”plus”]Lorem ipsum mauris dapibus volutpat dapibus eu tristique neque tortor in placerat molestie inceptos, eleifend vulputate quis sit habitant consectetur vestibulum vulputate etiam libero proin eros. lorem nisl rutrum litora nam odio, aenean lobortis malesuada id, risus fringilla egestas ut[/su_spoiler]
[su_spoiler title=”Spoiler title 3″ style=”fancy” icon=”plus”]Lorem ipsum mauris dapibus volutpat dapibus eu tristique neque tortor in placerat molestie inceptos, eleifend vulputate quis sit habitant consectetur vestibulum vulputate etiam libero proin eros. lorem nisl rutrum litora nam odio, aenean lobortis malesuada id, risus fringilla egestas ut[/su_spoiler][/su_accordion]

[su_spacer size=”50″]

Services

[su_row]
[su_column size=”1/3″]
[su_service title=”Moder Designs” icon=”icon: rocket” icon_color=”#03a9f4″ size=”22″]Lorem ipsum dolor sit amet, consectetur adipiscing elit euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.[/su_service]
[/su_column]
[su_column size=”1/3″]
[su_service title=”Fully Customizable” icon=”icon: flask” icon_color=”#ff9800″ size=”22″]Lorem ipsum dolor sit amet, consectetur adipiscing elit euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.[/su_service]
[/su_column]
[su_column size=”1/3″]
[su_service title=”Clean Code” icon=”icon: gear” icon_color=”#8bc34a” size=”22″]Lorem ipsum dolor sit amet, consectetur adipiscing elit euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.[/su_service]
[/su_column]
[/su_row]

[su_spacer size=”50″]

Meet The Team

[su_row]

[su_column size=”1/2″]

Jane Smiley

[su_lightbox type=”image” src=”http://wp-royal.com/cufo/sun/wp-content/uploads/2014/10/team-member-cc.jpg”]
[/su_lightbox]

Manager / Marketing Guru

[su_divider top=”no” divider_color=”#e8e8e8″ size=”1″ margin=”10″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper.
[/su_column]

[su_column size=”1/2″]

Jimmy Travis

[su_lightbox type=”image” src=”http://wp-royal.com/cufo/sun/wp-content/uploads/2014/10/team-member-bb.jpg”]
[/su_lightbox]

CEO / Project Lead

[su_divider top=”no” divider_color=”#e8e8e8″ size=”1″ margin=”10″]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper.
[/su_column]

[/su_row]

[su_spacer size=”50″]

Columns

1

[su_row]
[su_column size=”1/1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. Lorem ipsum dolor sit amet,consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[/su_row]

1/2 + 1/2

[su_row]
[su_column size=”1/2″] Lorem ipsum dolor sit amet,consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[/su_row]

1/3 + 1/3 + 1/3

[su_row]
[su_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[/su_row]

1/2 + 1/4 + 1/4

[su_row]
[su_column size=”1/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [/su_column]
[su_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [/su_column]
[su_column size=”1/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [/su_column]
[/su_row]

3/4 + 1/4

[su_row]
[su_column size=”3/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/su_column]
[su_column size=”1/4″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/su_column]
[/su_row]

1/5 + 4/5

[su_row]
[su_column size=”1/5″]Lorem ipsum dolor sit me amet, cons ectetur adipis adipiscing elit. Lorem aka ipsum dolor sit amet, cript cons ectetur adi piscing elit solos randes.[/su_column]
[su_column size=”4/5″] Lorem ipsum dolor sit amet, am consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullam corper. Integer lacinia scele risque enim eu pretium. Nam elem entum turpis orci, ac porttitor di sam suscipit sit amet. Lorem ipsum dolor sit amet, consect etur adipi scing elit. Duis quam nibh, euis mod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia sceler isque sol enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. Integer lacinia scele risque enim eu pretium. [/su_column]
[/su_row]

2/5 + 3/5

[su_row]
[su_column size=”2/5″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem.[/su_column]
[su_column size=”3/5″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem.[/su_column]
[/su_row]

2/3 + 1/6 + 1/6

[su_row]
[su_column size=”2/3″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. Lorem ipsum dolor sit amet.[/su_column]
[su_column size=”1/6″]Lorem ipsum dolor sit amet, consectetur adipiscing elit.Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [/su_column]
[su_column size=”1/6″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [/su_column]
[/su_row]