عناصر قالب – بخش ۵

[vc_row padding_top=”100″ padding_bottom=”25″][vc_column text_align=”right”][vc_custom_heading text=”نوارهای پیشرفت” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” use_theme_fonts=”yes” el_class=”ninzio-custom-heading”]

[vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

نمایش پیشرفت متحرک با ابزار نوار پیشرفت. شما می توانید رنگ و رنگ پس‌زمینه برای هر نوار را تغییر دهید. شما می توانید اندازه این نوار را به اندازه هر ستون قرار دهید.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=”25″ padding_bottom=”75″][vc_column width=”1/2″ text_align=”right”]

[/vc_column][vc_column width=”1/2″ text_align=”right”][/vc_column][/vc_row][vc_row background_color=”#333333″ background_image=”6520″ background_repeat=”repeat” padding_top=”80″ padding_bottom=”30″ video=”true” overlay_pattern=”14″][vc_column text_align=”right”][/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”25″][vc_column text_align=”right”][vc_custom_heading text=”پیشرفت دایره‌ایی” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” use_theme_fonts=”yes” el_class=”ninzio-custom-heading”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

نمایش پیشرفت متحرک با ابزار نوار پیشرفت. شما می توانید رنگ و رنگ پس‌زمینه برای هر نوار را تغییر دهید. شما می توانید اندازه این نوار را به اندازه هر ستون قرار دهید.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_bottom=”0″][vc_column text_align=”right”]

[/vc_column][/vc_row][vc_row padding_top=”100″ padding_bottom=”25″][vc_column text_align=”right”][vc_custom_heading text=”میزان پیشرفت آیکون” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” use_theme_fonts=”yes” el_class=”ninzio-custom-heading”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

نمایش پیشرفت متحرک با ابزار نوار پیشرفت. شما می توانید رنگ و رنگ پس‌زمینه برای هر نوار را تغییر دهید. شما می توانید اندازه این نوار را به اندازه هر ستون قرار دهید.

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=”25″ padding_bottom=”75″][vc_column width=”1/2″ text_align=”right”]

[/vc_column][vc_column width=”1/2″ text_align=”right”][/vc_column][/vc_row][vc_row background_color=”#272e35″ background_image=”6520″ background_position=”Center center” background_attachment=”fixed” padding_top=”100″ padding_bottom=”100″][vc_column extra_class=”no-padding” text_align=”right” pl=”250″ pr=”250″][vc_custom_heading text=”زمان باقی مانده” font_container=”tag:h2|font_size:56px|text_align:center|color:%23ffffff|line_height:56px” use_theme_fonts=”yes” el_class=”ninzio-custom-heading”][vc_custom_heading text=”ایجاد آینده‌ایی روشن باهم در…” font_container=”tag:h3|font_size:18px|text_align:center|color:%23ffffff|line_height:28px” use_theme_fonts=”yes” el_class=”ninzio-custom-heading”][/vc_column][/vc_row][vc_row background_color=”#f5f5f5″ padding_top=”100″ padding_bottom=”25″][vc_column text_align=”right”][vc_custom_heading text=”جدول‌های متحرک” font_container=”tag:h3|font_size:26px|text_align:center|color:%23333333|line_height:36px” use_theme_fonts=”yes” el_class=”ninzio-custom-heading”][vc_column_text pl=”150″ pr=”150″ el_class=”no-padding”]

نمایش اطلاعات در نمودارهای گرافیکی متحرک. شما می توانید رنگ و رنگ پس زمینه برای هر نمودار را تغییر دهید. شما می توانید عرض نمودار را به اندازه هر ستون قرار دهید.

[/vc_column_text][/vc_column][/vc_row][vc_row background_color=”#f5f5f5″ padding_top=”25″ padding_bottom=”75″][vc_column width=”1/3″][vc_round_chart stroke_width=”2″ legend=”” values=”%5B%7B%22title%22%3A%22%D9%88%DB%8C%D8%AF%D8%A6%D9%88%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22%D8%B5%D9%88%D8%AA%DB%8C%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22green%22%7D%5D”][/vc_column][vc_column width=”1/3″][vc_line_chart legend=”” values=”%5B%7B%22title%22%3A%22%D9%88%DB%8C%D8%AF%D8%A6%D9%88%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22%D8%B5%D9%88%D8%AA%DB%8C%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%DB%8C%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22green%22%7D%5D”][/vc_column][vc_column width=”1/3″ text_align=”right”][vc_round_chart type=”doughnut” style=”modern” stroke_width=”2″ legend=”” values=”%5B%7B%22title%22%3A%22%D9%88%DB%8C%D8%AF%D8%A6%D9%88%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22%D8%B5%D9%88%D8%AA%DB%8C%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22%D8%AA%D8%B5%D9%88%DB%8C%D8%B1%22%2C%22value%22%3A%2250%22%2C%22color%22%3A%22violet%22%7D%5D”][/vc_column][/vc_row]