Skills

Shortcode Usage

Skills & Progress Bar

Small Style

Photoshop
Illustrator
HTML/CSS
Get the code

[gdlr_skill_bar percent="70" size="small" text_color="#333333" background_color="#e9e9e9" progress_color="#a9e16e"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="small" text_color="#333333" background_color="#e9e9e9" progress_color="#56d0d4"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="small" text_color="#333333" background_color="#e9e9e9" progress_color="#da6545"]HTML/CSS[/gdlr_skill_bar]

Medium Style With Icon

Photoshop
Illustrator
HTML/CSS
Get the code

[gdlr_skill_bar percent="70" size="medium" text_color="#ffffff" background_color="#e9e9e9" progress_color="#a9e16e" icon="icon-smile"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent=85" size="medium" text_color="#ffffff" background_color="#e9e9e9" progress_color="#56d0d4" icon="icon-thumbs-up"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="medium" text_color="#ffffff" background_color="#e9e9e9" progress_color="#da6545" icon="icon-globe"]HTML/CSS[/gdlr_skill_bar]

LargeSmall Style With Icon

Photoshop
Illustrator
HTML/CSS
Get the code

[gdlr_skill_bar percent="70" size="large" text_color="#ffffff" background_color="#e9e9e9" progress_color="#a9e16e" icon="icon-trophy"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="large" text_color="#ffffff" background_color="#e9e9e9" progress_color="#56d0d4" icon="icon-leaf"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="large" text_color="#ffffff" background_color="#e9e9e9" progress_color="#da6545" icon="icon-html5"]HTML/CSS[/gdlr_skill_bar]

Sorry, this entry is only available in Turkish. For the sake of viewer convenience, the content is shown below in the alternative language. You may click the link to switch the active language.

Bültenimize abone olun

* indicates required



Subscribe to our newsletter

* indicates required