.lernwelten  { effektiv;  individuell; } ≡ Beratung · Entwicklung · Schulung · Koordination
|

Progress Circle

Shortcode Usage

Progress Circle

85%
40%
65%
Get the code

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="160" line_width="8" background_color="#ffffff" progress_background_color="#e9e9e9" progress_color="#f2381a"][gdlr_icon type="fa-apple"][/gdlr_circle_progress]

[/gdlr_column] [gdlr_column size="1/3"]

[gdlr_circle_progress percent="40" size="160" line_width="8" background_color="#ffffff" progress_background_color="#e9e9e9" progress_color="#f2381a"][gdlr_icon type="fa-windows"][/gdlr_circle_progress]

[/gdlr_column] [gdlr_column size="1/3"]

[gdlr_circle_progress percent="65" size="160" line_width="8" background_color="#ffffff" progress_background_color="#e9e9e9" progress_color="#f2381a"]Photoshop[/gdlr_circle_progress]

[/gdlr_column]

[/gdlr_row]

Photoshop85%

Combine With Text

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quam temere in vitiis, legem sancimus haerentia. Ut enim ad minim veniam, quis nostrud exercitation. Ab illo tempore, ab est sed immemorabili. Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Non equidem invideo, miror magis posuere velit aliquet. Tityre, tu patulae recubans sub tegmine fagi dolor. Quam temere in vitiis, legem sancimus haerentia.
Get the code

[gdlr_row]

[gdlr_column size="1/3"]

[gdlr_circle_progress percent="85" size="160" line_width="8" progress_background_color="#e9e9e9" background_color="#ffffff" progress_color="#f2381a"]Photoshop[/gdlr_circle_progress]

[/gdlr_column] [gdlr_column size="2/3"]

[gdlr_heading tag="h3" size="22px" font_weight="normal"]Combine With Text[/gdlr_heading]
[gdlr_space height="20px"]

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Quam temere in vitiis, legem sancimus haerentia. Ut enim ad minim veniam, quis nostrud exercitation. Ab illo tempore, ab est sed immemorabili. Curabitur blandit tempus ardua ridiculus sed magna. Quam diu etiam furor iste tuus nos eludet

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Non equidem invideo, miror magis posuere velit aliquet. Tityre, tu patulae recubans sub tegmine fagi dolor. Quam temere in vitiis, legem sancimus haerentia.
[/gdlr_column]

[/gdlr_row]

Very Big Circle

Illustrator75%
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Mercedem aut nummos unde unde extricat, amaras. Integer legentibus erat a ante historiarum dapibus. Gallia est omnis divisa in partes tres, quarum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Ut enim ad minim veniam, quis nostrud exercitation. Quo usque tandem abutere, Catilina, patientia nostra? Pellentesque habitant morbi tristique senectus et netus. Etiam habebis sem dicantur magna mollis euismod. Quisque ut dolor gravida, placerat libero vel, euismod. Non equidem invideo, miror magis posuere velit aliquet.
Get the code

[gdlr_text_align class="center" ]

[gdlr_heading tag="h3" size="25px" font_weight="normal"]Very Big Circle[/gdlr_heading]

[gdlr_space height="50px"]

[gdlr_circle_progress percent="75" size="310" line_width="8" background_color="#ffffff" progress_background_color="#e9e9e9" progress_color="#f2381a"]Illustrator[/gdlr_circle_progress]

[gdlr_space height="50px"]

Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Mercedem aut nummos unde unde extricat, amaras. Integer legentibus erat a ante historiarum dapibus. Gallia est omnis divisa in partes tres, quarum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Ut enim ad minim veniam, quis nostrud exercitation.

Quo usque tandem abutere, Catilina, patientia nostra? Pellentesque habitant morbi tristique senectus et netus. Etiam habebis sem dicantur magna mollis euismod. Quisque ut dolor gravida, placerat libero vel, euismod. Non equidem invideo, miror magis posuere velit aliquet.

[/gdlr_text_align]