[section]

[column size=”col-3″ bottom_margin=”false”]

[h5_focus_heading]9 Different Colors[/h5_focus_heading]

There are 9 different colors, including the default one which changes on different color scheme.

[/column]

[column size=”col-3″ bottom_margin=”false”]

[h5_focus_heading]5 Different Sizes[/h5_focus_heading]

There are 5 different sizes and every size looks awesome. Combine icons with colors, icons and round effects.

[/column]

[column size=”col-3″ bottom_margin=”false”]

[h5_focus_heading]Rounded or Squared[/h5_focus_heading]

For each button combination you can choose if your button is rounded or squared. Awesome!

[/column]

[column size=”col-3″ last_column=”true” bottom_margin=”false”]

[h5_focus_heading]Over 350 icons to use[/h5_focus_heading]

There are over 350 icons to use with buttons. Use our Shortcode Generator for easy creation.

[/column]

[/section]

[separator]

[section]

[column size=”col-12″ last_column=”true”]

[button title=”Default” color=”” size=”normal” link=”#” icon=””]

[button title=”Blue” color=”blue” size=”normal” link=”#” icon=””]

[button title=”Green” color=”green” size=”normal” link=”#” icon=””]

[button title=”Red” color=”red” size=”normal” link=”#” icon=””]

[button title=”Orange” color=”orange” size=”normal” link=”#” icon=””]

[button title=”Purple” color=”purple” size=”normal” link=”#” icon=””]

[button title=”Grey” color=”grey” size=”normal” link=”#” icon=””]

[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=””]

[button title=”Black” color=”black” size=”normal” link=”#” icon=””]

[/column]

[column last_column=”true”]

[button title=”Default” color=”” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Blue” color=”blue” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Green” color=”green” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Red” color=”red” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Orange” color=”orange” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Purple” color=”purple” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Grey” color=”grey”  rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Cyan” color=”cyan” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Black” color=”black” rounded=”true” size=”normal” link=”#” icon=””]

[/column]

[/section]

[separator]

[section]

[column size=”col-6″]

[button title=”Title” color=”blue” size=”small” link=”#” icon=””]

[button title=”Title” color=”blue” size=”normal” link=”#” icon=””]

[button title=”Title” color=”blue” size=”large” link=”#” icon=””]

[button title=”Title” color=”blue” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”blue” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”blue” rounded=”true” size=”small” link=”#” icon=””]

[button title=”Title” color=”blue” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”blue” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”blue” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”blue” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”” size=”small” link=”#” icon=””]

[button title=”Title” color=”” size=”normal” link=”#” icon=””]

[button title=”Title” color=”” size=”large” link=”#” icon=””]

[button title=”Title” color=”” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”” rounded=”true” size=”small” link=”#” icon=””]

[button title=”Title” color=”” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”green” size=”small” link=”#” icon=””]

[button title=”Title” color=”green” size=”normal” link=”#” icon=””]

[button title=”Title” color=”green” size=”large” link=”#” icon=””]

[button title=”Title” color=”green” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”green” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”green” size=”small” link=”#” icon=””]

[button title=”Title” color=”green” size=”normal” link=”#” icon=””]

[button title=”Title” color=”green” size=”large” link=”#” icon=””]

[button title=”Title” color=”green” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”green” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”red” size=”small” link=”#” icon=””]

[button title=”Title” color=”red” size=”normal” link=”#” icon=””]

[button title=”Title” color=”red” size=”large” link=”#” icon=””]

[button title=”Title” color=”red” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”red” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”red” rounded=”true” size=”small” link=”#” icon=””]

[button title=”Title” color=”red” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”red” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”red” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”red” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”grey” size=”small” link=”#” icon=””]

[button title=”Title” color=”grey” size=”normal” link=”#” icon=””]

[button title=”Title” color=”grey” size=”large” link=”#” icon=””]

[button title=”Title” color=”grey” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”grey” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”grey” rounded=”true” size=”small” link=”#” icon=””]

[button title=”Title” color=”grey” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”grey” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”grey” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”grey” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”cyan” size=”small” link=”#” icon=””]

[button title=”Title” color=”cyan” size=”normal” link=”#” icon=””]

[button title=”Title” color=”cyan” size=”large” link=”#” icon=””]

[button title=”Title” color=”cyan” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”cyan” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”cyan” rounded=”true”  size=”small” link=”#” icon=””]

[button title=”Title” color=”cyan” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”cyan” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”cyan” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”cyan” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”orange” size=”small” link=”#” icon=””]

[button title=”Title” color=”orange” size=”normal” link=”#” icon=””]

[button title=”Title” color=”orange” size=”large” link=”#” icon=””]

[button title=”Title” color=”orange” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”orange” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”orange” rounded=”true” size=”small” link=”#” icon=””]

[button title=”Title” color=”orange” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”orange” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”orange” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”orange” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″]

[button title=”Title” color=”purple” size=”small” link=”#” icon=””]

[button title=”Title” color=”purple” size=”normal” link=”#” icon=””]

[button title=”Title” color=”purple” size=”large” link=”#” icon=””]

[button title=”Title” color=”purple” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”purple” size=”mega” link=”#” icon=””]

[/column]

[column size=”col-6″ last_column=”true”]

[button title=”Title” color=”purple” rounded=”true” size=”small” link=”#” icon=””]

[button title=”Title” color=”purple” rounded=”true” size=”normal” link=”#” icon=””]

[button title=”Title” color=”purple” rounded=”true” size=”large” link=”#” icon=””]

[button title=”Title” color=”purple” rounded=”true” size=”xlarge” link=”#” icon=””]

[button title=”Title” color=”purple” rounded=”true” size=”mega” link=”#” icon=””]

[/column]

[/section]

[separator]

[section]

[column size=”col-12″ last_column=”true”]

[button title=”Default” color=”” size=”normal” link=”#” icon=”icon-globe”]

[button title=”Blue” color=”blue” size=”normal” link=”#” icon=”icon-wrench”]

[button title=”Green” color=”green” size=”normal” link=”#” icon=”icon-hand-up”]

[button title=”Red” color=”red” size=”normal” link=”#” icon=”icon-underline”]

[button title=”Orange” color=”orange” size=”normal” link=”#” icon=”icon-money”]

[button title=”Purple” color=”purple” size=”normal” link=”#” icon=”icon-bell”]

[button title=”Grey” color=”grey” size=”normal” link=”#” icon=”icon-bullhorn”]

[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=”icon-magic”]

[button title=”Default” color=”” size=”normal” link=”#” icon=”icon-caret-left”]

[button title=”Blue” color=”blue” size=”normal” link=”#” icon=”icon-table”]

[button title=”Green” color=”green” size=”normal” link=”#” icon=”icon-ok”]

[button title=”Red” color=”red” size=”normal” link=”#” icon=”icon-bolt”]

[button title=”Orange” color=”orange” size=”normal” link=”#” icon=”icon-umbrella”]

[button title=”Purple” color=”purple” size=”normal” link=”#” icon=”icon-paste”]

[button title=”Grey” color=”grey” size=”normal” link=”#” icon=”icon-sort-up”]

[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=”icon-columns”]

[button title=”Default” color=”” size=”normal” link=”#” icon=”icon-flag”]

[button title=”Blue” color=”blue” size=”normal” link=”#” icon=”icon-barcode”]

[button title=”Green” color=”green” size=”normal” link=”#” icon=”icon-bookmark”]

[button title=”Red” color=”red” size=”normal” link=”#” icon=”icon-print”]

[button title=”Orange” color=”orange” size=”normal” link=”#” icon=”icon-headphones”]

[button title=”Purple” color=”purple” size=”normal” link=”#” icon=”icon-picture”]

[button title=”Grey” color=”grey” size=”normal” link=”#” icon=”icon-stop”]

[button title=”Cyan” color=”cyan” size=”normal” link=”#” icon=”icon-forward”]

[/column]

[/section]

[section]

[infobox last_column=”true” color=”green”]These are just some of many icons. Find full icon list here. You can use icons with any button size, color or rounded buttons.[/infobox]

[/section]

[separator]

[section]

[column size=”col-4″ bottom_margin=”false”]

[h5_focus_heading]Read More Button[/h5_focus_heading]

[read_more_button link=”#”]Go on. Read more about this.[/read_more_button]

[spacer height=”10px”]

[read_more_button link=”#”]Find more about Aegaeus.[/read_more_button]

[spacer height=”10px”]

[read_more_button ribbon=”true” link=”#”]Read more about this article.[/read_more_button]

[spacer height=”10px”]

[read_more_button ribbon=”true” link=”#”]Read more.[/read_more_button]

[spacer height=”10px”]

[read_more_button ribbon=”true” link=”#”]Your text goes here.[/read_more_button]

[/column]

[column size=”col-8″ bottom_margin=”false” last_column=”true”]

[h5_focus_heading]Combo Buttons[/h5_focus_heading]

[button title=”Purchase Now” color=”blue” link=”#” icon=”icon-magic”][focus_separator_text]OR[/focus_separator_text][button title=”Learn More” color=”grey” link=”#” icon=”icon-camera”][clear]

[button title=”Confirm Action” color=”green” link=”#” icon=”icon-ok”][focus_separator_text]OR[/focus_separator_text][button title=”Discard Action” color=”red” link=”#” icon=”icon-remove”][clear]

[button title=”XLarge Button” size=”xlarge” color=”orange” link=”#” icon=”icon-check”][focus_separator_text]OR[/focus_separator_text][button title=”XLarge Button” size=”xlarge” color=”cyan” link=”#” icon=”icon-pencil”][clear]

[button title=”Mega Button” size=”mega” color=”purple” link=”#” icon=”icon-list”][focus_separator_text]OR[/focus_separator_text][button title=”Mega Button” size=”mega” color=”black” link=”#” icon=”icon-share”][clear]

[/column]

[/section]

[separator text=”How to use”]

[infobox last_column=”true” size=”col-12″ color=”blue”]Aegaeus comes with super awesome user friendly Shortcode Generator which allows you to create any of many shortcodes in less than 2 clicks. If you prefer the code, you can find it bellow. You can copy-paste it to your page. Comments are annotated with double slashes //[/infobox]

[clear]

[section]

[toggle title=”Get the code”]

// Default button with normal size - no icon
[button title="Default" color="" size="normal" link="#" icon=""]

// Red button with large size - no icon
[button title="Large" color="red" size="large" link="#" icon=""]

// Purple button with XLarge size and bolt icon
[button title="Xlarge" color="purple" size="xlarge" link="#" icon="Q"]

// Green button with Mega size and globe icon
[button title="Mega" color="green" size="mega" link="#" icon="globe"]

// Read more button
[read_more_button link="#"]Your text goes here.[/read_more_button]

// Xlarge Button Combo
[button title="XLarge Button" size="xlarge" color="orange" link="#" icon="6"][focus_separator_text]OR[/focus_separator_text][button title="XLarge Button" size="xlarge" color="cyan" link="#" icon="B"]

[/toggle]

[/section]