Content Elements II

[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]