Call to action

[vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1430235903011{padding-top: 35px !important;padding-bottom: 60px !important;background-image: url(‘http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!important ;background-position: center;background-repeat: no-repeat;background-size:cover !important;}”][vc_column][vc_custom_heading text=”Call to Action” font_container=”tag:h2|font_size:46|text_align:left|color:%23ffffff|line_height:1.5″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:700%20bold%20regular%3A700%3Anormal”][vc_separator align=”align_left” border_width=”3″ el_width=”50″ el_class=”separator-in-title”][vc_column_text css=”.vc_custom_1422960395373{margin-top: -15px !important;}”]Catch visitors attention with Call to Action content element block.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Classic Call to Action” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1422960407853{padding-bottom: 15px !important;}”][vc_column_text]

Classic style contains essentials of Call to Action block allowing quickly catch user attention with the help of colorful headers.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/2″][vc_cta add_icon=”left” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-ok” i_color=”white” i_background_style=”rounded” i_background_color=”chino” i_size=”sm”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta txt_align=”center” shape=”square” add_icon=”top” i_type=”openiconic” i_icon_openiconic=”vc-oi vc-oi-chart-bar” i_color=”white” i_background_style=”rounded-less” i_background_color=”orange” i_size=”sm”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][vc_column width=”1/2″][vc_cta color=”blue” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”sandy-brown”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta h2_font_container=”font_size:30|color:%23d1496d” h2_google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” shape=”square” color=”blue” add_button=”bottom” btn_title=”Flat Button” btn_style=”custom” btn_custom_background=”#d1496d” btn_custom_text=”#ffffff” use_custom_fonts_h2=”true”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Flat Call to Action” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1430303961667{padding-bottom: 15px !important;}”][vc_column_text]

Flat style Call to Action is a solid style blocks which grabs maximum attention. In addition it is possible to add icons and buttons same as it can be done to other Call to Action styles.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/2″][vc_cta txt_align=”center” style=”flat” color=”sky” add_icon=”top” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-location” i_color=”white” i_background_style=”rounded” i_background_color=”blue” i_size=”sm” i_on_border=”true”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta h2_font_container=”font_size:30″ h2_google_fonts=”font_family:Montserrat%3Aregular%2C700|font_style:400%20regular%3A400%3Anormal” shape=”square” style=”flat” color=”purple” add_button=”bottom” btn_title=”Flat Button” btn_style=”custom” btn_custom_background=”#e8b220″ btn_custom_text=”#ffffff” use_custom_fonts_h2=”true”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][vc_column width=”1/2″][vc_cta h2_google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:400%20regular%3A400%3Anormal” style=”flat” color=”turquoise” add_button=”right” btn_title=”Flat Button” btn_style=”flat” btn_color=”mulled-wine” use_custom_fonts_h2=”true”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta txt_align=”center” shape=”round” style=”flat” color=”violet” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”pink” btn_align=”center”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Outline Call to Action” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1430304829663{padding-bottom: 15px !important;}”][vc_column_text]

Outline Call to Action is a perfect block for minimalistic designs and blocks which you want to stand out a little bit.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/2″][vc_cta style=”outline” color=”peacoc” add_icon=”left” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-map” i_color=”white” i_background_style=”rounded-less” i_background_color=”peacoc” i_size=”sm”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta shape=”square” style=”outline” color=”violet” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”sandy-brown”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][vc_column width=”1/2″][vc_cta h4=”This is second heading which you can change” txt_align=”center” style=”outline” color=”black” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”black” btn_align=”center”]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 txt_align=”center” style=”outline” color=”sky” add_icon=”top” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-cog” i_color=”white” i_background_style=”rounded” i_background_color=”sandy_brown” i_size=”sm”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”3D Call to Action” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1430305442340{padding-bottom: 15px !important;}”][vc_column_text]

Call to Action in 3D style is designed to fully grab users attention and be sure it stands out from other types of content.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/2″][vc_cta txt_align=”center” style=”3d” add_icon=”top” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-hourglass” i_color=”white” i_background_style=”rounded-less” i_background_color=”sky” i_size=”sm”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta style=”3d” color=”blue” add_button=”right” btn_title=”Flat Button” btn_style=”flat” btn_color=”chino”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][vc_column width=”1/2″][vc_cta h2_google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:400%20regular%3A400%3Anormal” txt_align=”center” style=”3d” color=”purple” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_shape=”round” btn_color=”orange” btn_align=”center” use_custom_fonts_h2=”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 style=”3d” color=”vista-blue” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”blue” btn_align=”left” add_icon=”left” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-signal” i_color=”white” i_size=”lg”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column][vc_separator][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=”Custom Call to Action” font_container=”tag:h3|font_size:38|text_align:center|color:%233a3a3a|line_height:1.2″ google_fonts=”font_family:Lato%3A100%2C100italic%2C300%2C300italic%2Cregular%2Citalic%2C700%2C700italic%2C900%2C900italic|font_style:400%20regular%3A400%3Anormal” css=”.vc_custom_1430305845272{padding-bottom: 15px !important;}”][vc_column_text]

Not taking into account huge amount of predefined styles, shapes and colors available for Call to Action there might be cases when this is not enough. Taking this into account there is a Custom style available for Call to Action in order to fit any design and layout.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1422959791599{padding-bottom: 35px !important;}”][vc_column width=”1/2″][vc_cta style=”custom” add_icon=”left” i_type=”entypo” i_icon_entypo=”entypo-icon entypo-icon-search” i_color=”white” i_background_style=”rounded” i_background_color=”blue” custom_background=”#ead620″]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta h2_font_container=”color:%23ffffff” h2_google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:500%20bold%20regular%3A500%3Anormal” txt_align=”center” style=”custom” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”chino” btn_align=”center” use_custom_fonts_h2=”true” custom_background=”#9171e8″ custom_text=”#ffffff”]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_column width=”1/2″][vc_cta style=”custom” add_button=”right” btn_title=”Flat Button” btn_style=”flat” btn_color=”blue” custom_background=”#3fcc62″ custom_text=”#f2f2f2″]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][vc_cta style=”custom” add_button=”bottom” btn_title=”Flat Button” btn_style=”flat” btn_color=”blue” btn_align=”left” custom_background=”#f25c5c” custom_text=”#ffffff”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/vc_column][/vc_row]

Leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *