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