[vc_row el_class=»inner-bottom-sm» container_class=»container»][vc_column width=»1/2″][vc_column_text]

Progress Bar

[/vc_column_text][vc_progress_bar values=»90|Development,70|Marketing,80|Design,100|Wordpress» bgcolor=»custom» custombgcolor=»#59b210″ options=»striped»][/vc_column][vc_column width=»1/2″][vc_column_text]

Pie Chart

[/vc_column_text][vc_row_inner][vc_column_inner width=»1/3″][vc_pie value=»90″ color=»btn-success» title=»WooCommerce» units=»%»][/vc_column_inner][vc_column_inner width=»1/3″][vc_pie value=»70″ color=»btn-success» title=»PHP UnitTest» units=»%»][/vc_column_inner][vc_column_inner width=»1/3″][vc_pie value=»60″ color=»btn-success» title=»Sleeping» units=»%»][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row el_class=»inner-bottom-sm» container_class=»container»][vc_column width=»1/1″][vc_column_text]

Custom Headings

[/vc_column_text][vc_row_inner][vc_column_inner width=»1/2″][vc_custom_heading text=»This is custom heading element with Google Fonts» font_container=»tag:h2|text_align:left» google_fonts=»font_family:Merriweather%3A300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal»][vc_custom_heading text=»This is custom heading element with Google Fonts» font_container=»tag:h2|text_align:left» google_fonts=»font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal»][/vc_column_inner][vc_column_inner width=»1/2″][vc_custom_heading text=»This is custom heading element with Google Fonts» font_container=»tag:h2|text_align:left» google_fonts=»font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:400%20regular%3A400%3Anormal»][vc_custom_heading text=»This is custom heading element with Google Fonts» font_container=»tag:h2|text_align:left» google_fonts=»font_family:Roboto%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C500%2C500italic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal»][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row has_container=»true» container_class=»container» el_class=»inner-bottom-sm»][vc_column width=»1/1″][vc_column_text]

Message Boxes

[/vc_column_text][vc_message color=»alert-info» style=»rounded»]I am an Informational message box.[/vc_message][vc_message color=»alert-warning» style=»rounded»]I am a Warning message box.[/vc_message][vc_message color=»alert-success» style=»rounded»]I am a Success message box.[/vc_message][vc_message color=»alert-danger» style=»rounded»]I am a error message box.[/vc_message][/vc_column][/vc_row]