Skills

Shortcode Usage

Skills & Progress Bar

Small Style

Photoshop
Illustrator
HTML/CSS
Get the code

[gdlr_skill_bar percent="70" size="small" text_color="#ffffff" background_color="#323232" progress_color="#a9e16e"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="small" text_color="#ffffff" background_color="#323232" progress_color="#56d0d4"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="small" text_color="#ffffff" background_color="#323232" 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="#323232" progress_color="#a9e16e" icon="icon-smile"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent=85" size="medium" text_color="#ffffff" background_color="#323232" progress_color="#56d0d4" icon="icon-thumbs-up"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="medium" text_color="#ffffff" background_color="#323232" 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="#323232" progress_color="#a9e16e" icon="icon-trophy"]Photoshop[/gdlr_skill_bar]
[gdlr_skill_bar percent="85" size="large" text_color="#ffffff" background_color="#323232" progress_color="#56d0d4" icon="icon-leaf"]Illustrator[/gdlr_skill_bar]
[gdlr_skill_bar percent="55" size="large" text_color="#ffffff" background_color="#323232" progress_color="#da6545" icon="icon-html5"]HTML/CSS[/gdlr_skill_bar]

Force // Xenon
icon-downloadicon-downloadicon-download
  1. Force // Xenon
  2. Heritage // Xenon
  3. King // Xenon
  4. Mexico // Xenon
  5. Oreo // Xenon
  6. Oxford // Xenon
  7. Progression // Xenon
  8. Vitamins 87BPM (D) // Xenon
  9. Stella // Xenon