infographic elements

[vc_row][vc_column width=”1/1″]
[trx_section padding=” 30px 0 40px 0″]
[trx_title bottom=”40″]Rock Group skills[/trx_title]
[trx_rocks count=”6″ maximum=”6250″ color=”#000″ width=”700″ left=”auto” right=”auto”]
[trx_rocks_item level=”5478″ title=”L1″]
[trx_rocks_item level=”1056″ title=”L2″]
[trx_rocks_item level=”4568″ title=”L3″]
[trx_rocks_item level=”3345″ title=”L4″]
[trx_rocks_item level=”6231″ title=”L5″]
[trx_rocks_item level=”2256″ title=”L6″]
[/trx_rocks]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title]Islands Graphs[/trx_title]
[trx_islands style=”dark”]
[trx_island_item]Css3[/trx_island_item]
[trx_island_item]Html5[/trx_island_item]
[trx_island_item]pHp[/trx_island_item]
[trx_island_item]MySql[/trx_island_item]
[trx_island_item]Design[/trx_island_item]
[/trx_islands]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Horizontal Line Diagram[/trx_title]
[trx_skills maximum=”100″ type=”bar” dir=”horizontal” layout=”rows” count=”6″]
[trx_skills_item title=”Attribute 1″ level=”98″ bottom=”10″]
[trx_skills_item title=”Attribute 2″ level=”72″ bottom=”10″]
[trx_skills_item title=”Attribute 3″ level=”80″ bottom=”10″]
[trx_skills_item title=”Attribute 4″ level=”47″ bottom=”10″]
[trx_skills_item title=”Attribute 5″ level=”96″ bottom=”10″]
[trx_skills_item title=”Attribute 6″ level=”55″ bottom=”0″]
[/trx_skills]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Vertical Diagram[/trx_title]
[trx_skills type=”bar” dir=”vertical” layout=”columns” count=”5″ maximum=”100″]
[trx_skills_item title=”Attribute 1″ level=”98″ width=”120″]
[trx_skills_item title=”Attribute 2″ level=”72″ width=”120″]
[trx_skills_item title=”Attribute 3″ level=”80″ width=”120″]
[trx_skills_item title=”Attribute 4″ level=”47″ width=”120″]
[trx_skills_item title=”Attribute 5″ level=”96″ width=”120″]
[/trx_skills]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Horizontal Line Diagram[/trx_title]
[trx_icons_widget value=”6″ size=”70″ icon=”icon-camera67″ count=”10″ bottom=”30″]
[trx_icons_widget value=”7″ size=”40″ icon=”icon-heart” count=”13″ bottom=”30″]
[trx_icons_widget value=”5″ size=”50″ icon=”icon-star” count=”13″ bottom=”30″]
[trx_icons_widget value=”9″ size=”70″ icon=”icon-man” count=”12″ bottom=”30″]
[trx_icons_widget value=”6″ size=”70″ icon=”icon-mobile” count=”12″ bottom=”30″]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Pie Counter[/trx_title]
[trx_skills maximum=”100″ type=”pie” dir=”horizontal” layout=”columns” count=”4″]
[trx_skills_item title=”Counter 1″ level=”41%”]
[trx_skills_item title=”Counter 2″ level=”56%” color=”#53acbb”]
[trx_skills_item title=”Counter 3″ level=”66%” color=”#c44b12″]
[trx_skills_item title=”Counter 4″ level=”90%” color=”#c0c192″]
[/trx_skills]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Progress Circle[/trx_title]
[trx_block align=”left” width=”250″]
[trx_chart width=”200″ legend=”no” title=”13″ align=”center” color=”#53acbb” size=”60″]
[trx_chart_item level=”85″ color=”#53acbb”][/trx_chart_item]
[/trx_chart]
[trx_text color=”#000″ size=”12″ align=”right”]PSD[/trx_text]
[/trx_block]
[trx_block align=”left” width=”250″]
[trx_chart width=”200″ legend=”no” title=”2″ align=”center” color=”#53acbb” size=”60″]
[trx_chart_item level=”45″ color=”#53acbb”][/trx_chart_item]
[/trx_chart]
[trx_text color=”#000″ size=”12″ align=”right”]DRUPAL[/trx_text]
[/trx_block]
[trx_block align=”left” width=”250″]
[trx_chart width=”200″ legend=”no” title=”10″ align=”center” color=”#53acbb” size=”60″]
[trx_chart_item level=”75″ color=”#53acbb”][/trx_chart_item]
[/trx_chart]
[trx_text color=”#000″ size=”12″ align=”right”]WP[/trx_text]
[/trx_block]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0 80px 0″]
[trx_title bottom=”40″]Diagram[/trx_title]
[trx_chart width=”550″ legend=”no” title=”100%result” bottom=”80″ align=”center”]
[trx_chart_item level=”25″ title=”100% Responsive” color=”#c0c192″ icon=”icon-mountains” icon_color=”#c0c192″]The fact of prevalence of mobile devices obliges to adjust any website to peculiarities of their screens at maximum degree.[/trx_chart_item]
[trx_chart_item level=”50″ title=”Free Support” color=”#c44b12″ icon=” icon-favorite” icon_color=”#c44b12″]Our Support Team is ready to become your reliable guide in the World of Rock Group. We provide free access to theme Documentation and our Ticket Sys.[/trx_chart_item]
[trx_chart_item level=”75″ title=”Shortcodes” color=”#669c75″ icon=”icon-tribal” icon_color=”#669c75″]Rock Group includes the most full set of Shortcodes, amongst which you can find those you can get only in ThemeRex products.[/trx_chart_item]
[trx_chart_item level=”85″ title=”SEO Ready” color=”#3d9ba9″ icon=”icon-man” icon_color=”#3d9ba9″]HTML5 code integrated into the theme meets the best SEO approaches. The theme supports compatibility with advanced SEO plugins.[/trx_chart_item]
[/trx_chart]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Diagram[/trx_title]
[trx_skills type=”arc” width=”650″]
[trx_skills_item level=”82″ title=”JavaScript” color=”#5fa281″]
[trx_skills_item level=”50″ title=”CSS3″ color=”#68a883″]
[trx_skills_item level=”65″ title=”HTML5″ color=”#86bf8c”]
[trx_skills_item level=”75″ title=”CSS3″ color=”#9ace90″]
[trx_skills_item level=”95″ title=”PHP” color=”#a7d594″]
[/trx_skills]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Number Counter[/trx_title]
[trx_skills type=”counter” dir=”horizontal” layout=”columns” maximum=”1000″ count=”4″ ]
[trx_skills_item level=”999″ title=”JavaScript”]
[trx_skills_item level=”836″ title=”CSS3″]
[trx_skills_item level=”549″ title=”HTML5″]
[trx_skills_item level=”128″ title=”MySql”]
[/trx_skills]
[trx_skills type=”counter” dir=”horizontal” layout=”columns” maximum=”1000″ count=”4″]
[trx_skills_item level=”128″ title=”JavaScript” style=”2″]
[trx_skills_item level=”836″ title=”CSS3″ style=”2″]
[trx_skills_item level=”999″ title=”HTML5″ style=”2″]
[trx_skills_item level=”549″ title=”MySql” style=”2″]
[/trx_skills]
[trx_skills type=”counter” dir=”horizontal” layout=”columns” maximum=”1000″ count=”4″]
[trx_skills_item level=”128″ title=”JavaScript” style=”3″]
[trx_skills_item level=”999″ title=”CSS3″ style=”3″]
[trx_skills_item level=”549″ title=”HTML5″ style=”3″]
[trx_skills_item level=”836″ title=”MySql” style=”3″]
[/trx_skills]
[trx_skills type=”counter” dir=”horizontal” layout=”columns” count=”4″]
[trx_skills_item level=”82″ title=”JavaScript” style=”4″]
[trx_skills_item level=”50″ title=”CSS3″ style=”4″]
[trx_skills_item level=”25″ title=”HTML5″ style=”4″]
[trx_skills_item level=”75″ title=”MySql” style=”4″]
[/trx_skills]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Line Chart Type 1[/trx_title]
[trx_graph labels=”Label 1, Label 2, Label 3, Label 4, Label 5, Label 6, Label 7″ width=”800″ type=”line”]
[trx_graph_item color=”#a7d692″ datas=”57, 45, 53, 46, 50, 43, 58, 60″]Attribute 1[/trx_graph_item]
[trx_graph_item color=”#5ea281″ datas=”45, 35, 42, 37, 40, 29, 47, 50″]Attribute 2[/trx_graph_item]
[trx_graph_item color=”#41715a” datas=”20, 25, 18, 32, 28, 20, 37, 40″]Attribute 3[/trx_graph_item]
[/trx_graph]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_title bottom=”40″]Line Chart Type 2[/trx_title]
[trx_graph labels=”Label 1, Label 2, Label 3, Label 4, Label 5, Label 6, Label 7″ width=”800″]
[trx_graph_item color=”#7cccd8″ datas=”57, 45, 53, 46, 50, 43, 58, 60″]Attribute 1[/trx_graph_item]
[trx_graph_item color=”#53acbb” datas=”45, 35, 42, 37, 40, 29, 47, 50″]Attribute 2[/trx_graph_item]
[trx_graph_item color=”#2f9aac” datas=”20, 25, 18, 32, 28, 20, 37, 40″]Attribute 3[/trx_graph_item]
[/trx_graph]
[/trx_section]

[trx_line height=”2″ color=”#e7e8e1″]

[trx_section padding=”40px 0″]
[trx_text size=”18″ color=”#000″ weight=”600″]Shortcodes full list[/trx_text]
[trx_text size=”14″ color=”#000″ top=”-20″]To view shortcodes full list – click here[/trx_text]
[/trx_section]
[/vc_column][/vc_row]

Pin It on Pinterest

Share This