Elements

Unlimited button color variations

These are just fiew examples of buttons. You can set unlimited variations of color’s trough our theme admin pannel.

 

 

[content_quarter][button size=”large” style=”style1″ link=”” target=””]Large button[/button][/content_quarter]
[content_quarter][button size=”large” style=”style2″ link=”” target=””]Large button[/button]

[/content_quarter]
[content_quarter][button size=”large” style=”style3″ link=”” target=””]Large button[/button][/content_quarter]
[content_quarter id=”last”][button size=”large” gradient_top=”#ff9000″ gradient_bottom=”#de7d00″ font_color=”#ffffff” link=”” target=””]Large button[/button]

[/content_quarter]

 

[content_quarter][button size=”medium” gradient_top=”#ff52e9″ gradient_bottom=”#dc47c9″ font_color=”#ffffff” link=”” target=””]Medium button[/button][/content_quarter]
[content_quarter][button size=”medium” gradient_top=”#2f7c00″ gradient_bottom=”#215700″ font_color=”#ffffff” link=”” target=””]Medium button[/button]

[/content_quarter]
[content_quarter][button size=”medium” gradient_top=”#dcc500″ gradient_bottom=”#bda900″ font_color=”#ffffff” link=”” target=””]Medium button[/button][/content_quarter]

[content_quarter id=”last”][button size=”medium” gradient_top=”#bc00d8″ gradient_bottom=”#9a00b1″ font_color=”#ffffff” link=”” target=””]Medium button[/button]

[/content_quarter]

 

[content_quarter]

[button size=”small” gradient_top=”#00a4bc” gradient_bottom=”#007b8d” font_color=”#ffffff” link=”” target=””]Small button[/button]

[/content_quarter]
[content_quarter]

[button size=”small” gradient_top=”#87c600″ gradient_bottom=”#6ea100″ font_color=”#ffffff” link=”” target=””]Small button[/button]

[/content_quarter]

[content_quarter]
[button size=”small” gradient_top=”#e50000″ gradient_bottom=”#b30000″ font_color=”#ffffff” link=”” target=””]Small button[/button]

[/content_quarter]

[content_quarter id=”last”]

[button size=”small” gradient_top=”#ff9000″ gradient_bottom=”#de7d00″ font_color=”#ffffff” link=”” target=””]Small button[/button]

[/content_quarter]

 

 

 

 

accordian & tabs

 

[content_half]

[accordion]
[accordion_item title=”TITLE”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/accordion_item]

[accordion_item title=”TITLE”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/accordion_item]

[accordion_item title=”TITLE”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/accordion_item]

[accordion_item title=”TITLE”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/accordion_item]
[/accordion]

[/content_half]

[content_half id=”last”]

[tabs tab1=”TAB 1 ” tab2=”TAB 2 ” tab3=”TAB 3 “]
[tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.  Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/tab]

[tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.  Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/tab]
[tab]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.  Integer dolor nunc, consequat sit amet feugiat quis, lorem ipsum Lorem ipsum dolor sit amet.[/tab]
[/tabs]

[/content_half]

 

 

 

allert messages

 

[content_half][alert type=”success”]Succes! Your message goes here[/alert][/content_half]

[content_half id=”last”][alert type=”general”]General! Your message goes here[/alert][/content_half]

[content_half][alert type=”notice”]Succes! Your message goes here[/alert][/content_half]

[content_half id=”last”][alert type=”error”]Error! Your message goes here[/alert][/content_half]

 

 

statement box

 

 

[statement_box link=”http://themeforest.net/user/Anps/?ref=anps” button=”PURCHASE NOW” title=”Coolblue is incredibly responsive, with a refreshingly clean design”]And it has some awesome features, premium sliders, unlimited colors, advanced theme options and so much more![/statement_box]

 

 

 

 

skill bars

 

 

[progress percentage=”80″]HTML5/CSS3[/progress]

[progress percentage=”90″]WEB DESIGN[/progress]

[progress percentage=”70″]PHP[/progress]

[progress percentage=”65″]JAVA SCRIPT[/progress]

[progress percentage=”60″]AJAX[/progress]

 

 

 

 

CLIENT (LOGO BOX)

 

 

[logo_box]
[logo link=”” target=”TARGET”]https://customcrutches.co.uk/wp-content/uploads/2012/11/1.png[/logo]
[logo link=”” target=”TARGET”]https://customcrutches.co.uk/wp-content/uploads/2012/11/2.png[/logo]
[logo link=”” target=”TARGET”]https://customcrutches.co.uk/wp-content/uploads/2012/11/3.png[/logo]
[logo link=”” target=”TARGET”]https://customcrutches.co.uk/wp-content/uploads/2012/11/4.png[/logo]
[/logo_box]

 

 

Leave a Reply