Home»Common Elements

[vc_row][vc_column][vc_custom_heading text=“Common Elements“ font_container=“tag:h2|font_size:3rem|text_align:center|line_height:2em“ use_theme_fonts=“yes“ css_animation=“bottom-to-top“ tablet_font_size=“2.5rem“ tablet_line_height=“1.5em“ mobile_font_size=“1.6rem“ mobile_line_height=“1.2rem“ css=“.vc_custom_1457543291863{margin-bottom: -10px !important;}“][vc_custom_heading text=“All the following elements are based on Visual Composer Page Builder that allow you add/move them visually with drag and drop. “ font_container=“tag:p|font_size:1.2rem|text_align:center|color:%23a3a3a3|line_height:1.5em“ use_theme_fonts=“yes“ css_animation=“bottom-to-top“ mobile_font_size=“.8rem“ css=“.vc_custom_1457543412476{padding-right: 10% !important;padding-left: 10% !important;}“][/vc_column][/vc_row][vc_row css=“.vc_custom_1457459415253{margin-top: 20px !important;}“][vc_column width=“1/2″][vc_text_separator title=“Tabs“ style=“double“ css=“.vc_custom_1455480115847{margin-bottom: 80px !important;}“][vc_tta_tabs color=“black“ spacing=““ alignment=“center“ active_section=“1″ pagination_style=“flat-rounded“ no_fill_content_area=“true“][vc_tta_section title=“Tab 1″ tab_id=“1455443712083-e8c8ab84-278b“][vc_column_text]Nulla gravida euismod lorem, tempus hendrerit est porta eu. Aenean tortor enim, cursus eget euismod vel, euismod in eros. Aliquam laoreet rutrum venenatis. Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa. Vestibulum ante ipsum primis in…[/vc_column_text][/vc_tta_section][vc_tta_section title=“Tab 2″ tab_id=“1455443712131-7ef84731-972e“][vc_column_text]Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa, at ullamcorper mi. Curabitur eget purus a sem condimentum faucibus eget eu augue. Donec malesuada aliquet condimentum. Aliquam erat volutpat. Aliquam vehicula diam nulla, non dapibus mauris tempus sit amet…[/vc_column_text][/vc_tta_section][/vc_tta_tabs][/vc_column][vc_column width=“1/2″][vc_text_separator title=“Accordion“ style=“double“ css=“.vc_custom_1455480137916{margin-bottom: 60px !important;}“][vc_tta_accordion style=“outline“ shape=“square“ active_section=“1″ no_fill=“true“][vc_tta_section title=“Section 1″ tab_id=“1455444458380-f27d4e4a-8819″][vc_column_text]Nulla gravida euismod lorem, tempus hendrerit est porta eu. Aenean tortor enim, cursus eget euismod vel, euismod in eros. Aliquam laoreet rutrum venenatis. Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa. Vestibulum ante ipsum primis in[/vc_column_text][/vc_tta_section][vc_tta_section title=“Section 2″ tab_id=“1455444458481-77282591-33e4″][vc_column_text]Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa, at ullamcorper mi. Curabitur eget purus a sem condimentum faucibus eget eu augue. Donec malesuada aliquet condimentum. Aliquam erat volutpat. Aliquam vehicula diam nulla, non dapibus mauris tempus sit amet.[/vc_column_text][/vc_tta_section][/vc_tta_accordion][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=“Tour“ style=“double“][/vc_column][/vc_row][vc_row][vc_column][vc_tta_tour shape=“square“ color=“black“ active_section=“1″ no_fill_content_area=“true“][vc_tta_section title=“Section 1″ tab_id=“1455444186296-556fc670-960a“][vc_column_text]Nulla gravida euismod lorem, tempus hendrerit est porta eu. Aenean tortor enim, cursus eget euismod vel, euismod in eros. Aliquam laoreet rutrum venenatis. Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa. Vestibulum ante ipsum primis in[/vc_column_text][/vc_tta_section][vc_tta_section title=“Section 2″ tab_id=“1455444186369-ea061bc5-243a“][vc_column_text]Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa, at ullamcorper mi. Curabitur eget purus a sem condimentum faucibus eget eu augue. Donec malesuada aliquet condimentum. Aliquam erat volutpat. Aliquam vehicula diam nulla, non dapibus mauris tempus sit amet.[/vc_column_text][/vc_tta_section][/vc_tta_tour][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=“Pageable“ style=“double“][vc_tta_pageable][vc_tta_section title=“Section 1″ tab_id=“1455444501281-7015cd01-f276″][vc_row_inner][vc_column_inner width=“1/4″][vc_single_image image=“158″ img_size=“medium“ style=“vc_box_border_circle_2″][/vc_column_inner][vc_column_inner width=“3/4″][vc_column_text]

Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa, at ullamcorper mi. Curabitur eget purus a sem condimentum faucibus eget eu augue. Donec malesuada aliquet condimentum. Aliquam erat volutpat. Aliquam vehicula diam nulla, non dapibus mauris tempus sit amet.

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_tta_section][vc_tta_section title=“Section 2″ tab_id=“1455444501377-ff274f3b-b5ec“][vc_column_text]Nulla gravida euismod lorem, tempus hendrerit est porta eu. Aenean tortor enim, cursus eget euismod vel, euismod in eros. Aliquam laoreet rutrum venenatis. Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa. Vestibulum ante ipsum primis in[/vc_column_text][/vc_tta_section][/vc_tta_pageable][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=“FAQ“ style=“double“ css=“.vc_custom_1455481065253{margin-bottom: 60px !important;}“][vc_toggle title=“How can I add this element in WordPress admin page?“ el_id=“1455481250385-df60f375-8bb5″]Nulla gravida euismod lorem, tempus hendrerit est porta eu. Aenean tortor enim, cursus eget euismod vel, euismod in eros. Aliquam laoreet rutrum venenatis. Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa. Vestibulum ante ipsum primis in[/vc_toggle][vc_toggle title=“How to import the sample data into my WordPress site?“ el_id=“1455481250590-d450e482-ad77″]Nulla gravida euismod lorem, tempus hendrerit est porta eu. Aenean tortor enim, cursus eget euismod vel, euismod in eros. Aliquam laoreet rutrum venenatis. Praesent feugiat eleifend nisi quis scelerisque. Aliquam sit amet viverra ligula. Ut sed commodo velit. Vivamus venenatis bibendum ante at luctus. Donec vel dapibus massa. Vestibulum ante ipsum primis in[/vc_toggle][/vc_column][/vc_row][vc_row css=“.vc_custom_1455481533205{margin-top: 50px !important;margin-bottom: 50px !important;}“][vc_column][vc_text_separator title=“Progress Bar“ style=“double“ css=“.vc_custom_1455481667834{margin-bottom: 80px !important;}“][vc_progress_bar values=“%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22bar_black%22%7D%2C%7B%22label%22%3A%22Design%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22bar_black%22%7D%2C%7B%22label%22%3A%22Marketing%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22bar_black%22%7D%5D“][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=“Pie Chart“ style=“double“ css=“.vc_custom_1455480824487{margin-bottom: 60px !important;}“][vc_row_inner][vc_column_inner width=“1/3″][vc_pie][/vc_column_inner][vc_column_inner width=“1/3″][vc_pie color=“vista-blue“][/vc_column_inner][vc_column_inner width=“1/3″][vc_pie value=“70″ color=“juicy-pink“][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=“Round Chart“ style=“double“ css=“.vc_custom_1455480838509{margin-bottom: 60px !important;}“][vc_row_inner][vc_column_inner width=“1/3″][vc_round_chart stroke_width=“2″][/vc_column_inner][vc_column_inner width=“1/3″][vc_round_chart stroke_width=“2″ values=“%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22peacoc%22%7D%5D“][/vc_column_inner][vc_column_inner width=“1/3″][vc_round_chart stroke_width=“2″ values=“%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22green%22%7D%5D“][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][vc_text_separator title=“Message Box“ style=“double“ css=“.vc_custom_1455481810264{margin-bottom: 60px !important;}“][vc_message style=“square“]I am message box. Click edit button to change this text.[/vc_message][vc_message message_box_style=“outline“ style=“square“ message_box_color=“warning“ icon_fontawesome=“fa fa-exclamation-triangle“]I am message box. Click edit button to change this text.[/vc_message][vc_message color=“success“ message_box_style=“solid“ style=“square“ message_box_color=“success“ icon_fontawesome=“fa fa-check“]I am message box. Click edit button to change this text.[/vc_message][vc_message color=“danger“ message_box_style=“solid-icon“ style=“square“ message_box_color=“danger“ icon_fontawesome=“fa fa-times“]I am message box. Click edit button to change this text.[/vc_message][/vc_column][/vc_row][vc_row css=“.vc_custom_1455483542118{margin-top: 50px !important;}“][vc_column][vc_text_separator title=“Call to Action“ style=“double“ css=“.vc_custom_1455483023431{margin-bottom: 60px !important;}“][vc_cta h4=“Nulla gravida euismod lorem, tempus hendrerit est porta eu.“ shape=“square“ style=“flat“ color=“white“ add_button=“bottom“ btn_style=“outline“ btn_color=“black“ btn_i_icon_fontawesome=“fa fa-cog“ btn_add_icon=“true“]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_cta][vc_cta h4=“Nulla gravida euismod lorem, tempus hendrerit est porta eu.“ shape=“square“ style=“outline“ color=“black“ add_button=“bottom“ btn_style=“flat“ btn_color=“orange“ btn_i_icon_fontawesome=“fa fa-cog“ btn_add_icon=“true“]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_cta][vc_cta h2=“I am first heading line feel free to change me“ shape=“square“ style=“flat“ color=“sky“ add_button=“right“ btn_style=“outline“ btn_shape=“round“ btn_color=“white“ btn_i_icon_fontawesome=“fa fa-cog“ btn_add_icon=“true“]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_cta][/vc_column][/vc_row][vc_row css=“.vc_custom_1455482274018{margin-top: 50px !important;}“][vc_column][vc_text_separator title=“Button“ style=“double“ css=“.vc_custom_1455482085968{margin-bottom: 60px !important;}“][vc_btn title=“Button“ color=“turquoise“ i_icon_fontawesome=“fa fa-bell“ add_icon=“true“][vc_btn title=“Button“ style=“flat“ shape=“square“ color=“sandy-brown“ i_align=“right“ i_icon_fontawesome=“fa fa-binoculars“ add_icon=“true“][vc_btn title=“Button“ style=“outline“ shape=“square“ color=“inverse“ i_align=“right“ i_icon_fontawesome=“fa fa-comment“ add_icon=“true“][vc_btn title=“Button“ style=“3d“ shape=“square“ color=“turquoise“ i_icon_fontawesome=“fa fa-cloud-download“ add_icon=“true“][vc_btn title=“Button“ style=“classic“ shape=“round“ color=“violet“ i_icon_fontawesome=“fa fa-bullhorn“ add_icon=“true“][vc_btn title=“Button“ style=“outline“ shape=“round“ color=“sky“ i_icon_fontawesome=“fa fa-area-chart“ add_icon=“true“][vc_btn title=“Button“ color=“mulled-wine“ size=“lg“ i_icon_fontawesome=“fa fa-desktop“ add_icon=“true“][vc_btn title=“Button“ shape=“square“ color=“blue“ size=“lg“ i_icon_fontawesome=“fa fa-bar-chart“ add_icon=“true“][/vc_column][/vc_row]

×