[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”]

Default Blue Green Red Orange Purple Grey Cyan Black

[/column]

[column last_column=”true”]

Default Blue Green Red Orange Purple Grey Cyan Black

[/column]

[/section]

[separator]

[section]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[column size=”col-6″]

Title Title Title Title Title

[/column]

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

Title Title Title Title Title

[/column]

[/section]

[separator]

[section]

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

Default Blue Green Red Orange Purple Grey Cyan Default Blue Green Red Orange Purple Grey Cyan Default Blue Green Red Orange Purple Grey Cyan

[/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]

Purchase Now [focus_separator_text]OR[/focus_separator_text]Learn More [clear]

Confirm Action [focus_separator_text]OR[/focus_separator_text]Discard Action [clear]

XLarge Button [focus_separator_text]OR[/focus_separator_text]XLarge Button [clear]

Mega Button [focus_separator_text]OR[/focus_separator_text]Mega Button [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]