The CPO Core comes with plenty of useful shortcodes giving you a lot of options when creating content for your site. The following are present in all of our themes, provided you have the latest version of the Core:

[button size=”medium” background=”#6b2″ href=”#” description=”Totalmente Gratis” icon=”star”]Descarga Este Software[/button]

Buttons

[column_half]

Small Size

[button size=”small” color=”red” href=”#”]My Button[/button] [button size=”small” color=”orange” href=”#”]My Button[/button] [button size=”small” color=”yellow” href=”#”]My Button[/button] [button size=”small” color=”green” href=”#”]My Button[/button] [button size=”small” color=”teal” href=”#”]My Button[/button] [button size=”small” color=”blue” href=”#”]My Button[/button] [button size=”small” color=”purple” href=”#”]My Button[/button] [button size=”small” color=”pink” href=”#”]My Button[/button] [button size=”small” href=”#”]My Button[/button] [button size=”small” color=”white” href=”#”]My Button[/button] [button size=”small” color=”gray” href=”#”]My Button[/button] [button size=”small” color=”black” href=”#”]My Button[/button]

[/column_half] [column_half_last]

Normal Size

[button background=”red” href=”#”]My Button[/button] [button background=”orange” href=”#”]My Button[/button] [button background=”yellow” href=”#”]My Button[/button] [button background=”green” href=”#”]My Button[/button] [button background=”teal” href=”#”]My Button[/button] [button background=”blue” href=”#”]My Button[/button] [button background=”purple” href=”#”]My Button[/button] [button background=”pink” href=”#”]My Button[/button] [button href=”#”]My Button[/button] [button background=”white” href=”#”]My Button[/button] [button background=”gray” href=”#”]My Button[/button] [button background=”black” href=”#”]My Button[/button] [/column_half_last]

[separator icon=”chevron-down” top=”Back To Top”]

Accordions

[column_half]

[accordion title=”Closed Accordion”]This is the content of an accordion. You can add any kind of HTML content in here![/accordion]

[accordion title=”Another Accordion”]This is another accordion.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/accordion]

[/column_half][column_half_last]

[accordion title=”Opened Accordion” state=”open”]Accordions can be set to appear open by default, so you can view its contents right after loading the page.[/accordion]

[/column_half_last]

[separator icon=”chevron-down” top=”Back To Top”]

Message Boxes

[message]This is a normal message.[/message]

[column_half]

[message type=’ok’]This is a confirmation message.[/message][message type=’info’]This is an info message.[/message]

[/column_half]

[column_half_last]

[message type=’error’]This is an error message. [/message][message type=’warning’]This is a warning message.[/message]

[/column_half_last]

[separator icon=”chevron-down” top=”Back To Top”]

Tabbed Content

[column_half]

[tabs]

[tab title=”First Tab”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]

[tab title=”Second Tab”]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.[/tab]

[tab title=”Third Tab”]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?[/tab]

[/tabs]

[/column_half]

[column_half_last]

[tabs style=”vertical”]

[tab title=”First”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]

[tab title=”Second”]At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.[/tab]

[tab title=”Third”]But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?[/tab]

[/tabs]

[/column_half_last]

[separator icon=”chevron-down” top=”Back To Top”]

Features

[column_third]

[feature icon=”ok-sign” style=”horizontal” title=”Endless Options”]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio.[/feature]

[/column_third]

[column_third]

[feature icon=”ok-sign” style=”horizontal” title=”Adaptable Layout”]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio.[/feature]

[/column_third]

[column_third_last]

[feature icon=”ok-sign” style=”horizontal” title=”Hundreds of Icons”]Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio..[/feature]

[/column_third_last]

[separator icon=”chevron-down” top=”Back To Top”]

Content Styling

[column_half]

[leading]This is a lead paragraph, which you can use to add emphasis to a block of text or use as the opening line of an article. [/leading]

Sed cursus mattis magna, non molestie quam tincidunt id. Suspendisse ut vestibulum elit, faucibus aliquam magna.Pellentesque purus sapien, varius et elit et, tincidunt rhoncus leo. Cras vel bibendum dui, cursus ornare est. Donec et pulvinar diam. In rutrum nisi vitae dolor sagittis feugiat. Ut porttitor ultrices massa quis mollis.

[/column_half][column_half_last]

[dropcap style=”square”]L[/dropcap]orem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta in tellus eget dignissim. Donec nec congue nibh. Sed cursus mattis magna, non molestie quam tincidunt id. Suspendisse ut vestibulum elit, faucibus aliquam magna. Pellentesque purus sapien, varius et elit et, tincidunt rhoncus leo. Cras vel bibendum dui, cursus ornare est.

[list icon=”chevron-right”]

  • Integer justo lectus, auctor eget volutpat eget.
  • Vestibulum vitae sem. Donec aliquam, lectus.
  • Nnon consectetur mattis, ligula elit dapibus urna.

[/list]

[/column_half_last]

[separator icon=”chevron-down” top=”Back To Top”]

Columns

You can distribute content as you please by using the following column shortcodes. You can choose to have up to five columns in one row if you wish. Be sure to mind the available space though! Columns are created as follows:

[column_half][message][/column_half]

[column_half_last][message][/column_half_last]

[column_third][message][/column_third]

[column_third][message][/column_third]

[column_third_last][message][/column_third_last]

[column_fourth][message][/column_fourth]

[column_fourth][message][/column_fourth]

[column_fourth][message][/column_fourth]

[column_fourth_last][message][/column_fourth_last]

[column_fifth][message][/column_fifth]

[column_fifth][message][/column_fifth]

[column_fifth][message][/column_fifth]

[column_fifth][message][/column_fifth]

[column_fifth_last][message][/column_fifth_last]

[column_two_thirds][message][/column_two_thirds]

[column_third_last][message][/column_third_last]

[column_three_fourths][message][/column_three_fourths]

[column_fourth_last][message][/column_fourth_last]

[separator icon=”chevron-down” top=”Back To Top”]

Pricing Tables

[pricing_item title=”Basic” subtitle=”For Starting Out” description=”Forever” before=”” price=”Free” url=”http://www.cpothemes/theme/panoramica_pro” class=”ctsc-column ctsc-col4″]

2500 Emails

4Gb for files

Support

[/pricing_item]

[pricing_item title=”Professional” subtitle=”For Freelancers” price=”19″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing” class=”ctsc-column ctsc-col4″]

5000 Emails

10Gb for files

Support

[/pricing_item]

[pricing_item type=”highlight” title=”Business” color=”#313e4f” subtitle=”Our Best Value Plan” price=”29″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing” class=”ctsc-column ctsc-col4″]

10000 Emails

20Gb for files

Support

[/pricing_item]

[pricing_item title=”Enterprise” subtitle=”For Large Companies” price=”49″ description=”Per Month” before=”$” url=”http://www.cpothemes.com/pricing” class=”ctsc-column ctsc-col4 ctsc-col-last”]

Unlimited Emails

Unlimited Space

Support

[/pricing_item]