Call to action
[vc_row ancho_completo=”fila_estirada” paralaje=”movimiento de contenido” css=”.vc_custom_1430235903011{tapa acolchada: 35píxeles !importante;fondo acolchado: 60píxeles !importante;imagen de fondo: URL(‘http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!importante ;posición de fondo: centro;repetición de fondo: no repetir;tamaño de fondo:cubrir !importante;}”][columna_vc][vc_custom_heading texto=”Call to Action” fuente_contenedor=”etiqueta:h2|tamaño_fuente:46|alineación_texto:izquierda|color:%23ffffff|altura_linea:1.5″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:700%20negrita regular:700:normal”][alineación vc_separator =”alinear_izquierda” ancho_borde=”3″ el_ancho=”50″ el_class=”separador-en-título”][vc_columna_texto css=”.vc_custom_1422960395373{margen superior: -15píxeles !importante;}”]Catch visitors attention with Call to Action content element block.[/vc_column_text][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Classic Call to Action” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1422960407853{fondo acolchado: 15píxeles !importante;}”][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][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_cta add_icon=”izquierda” i_tipo=”abiertoiconico” i_icon_openiconic=”vc-oi vc-oi-ok” i_color=”white” i_background_style=”rounded” i_background_color=”chinos” 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=”centro” forma =”cuadrado” agregar_icono=”top” i_tipo=”abiertoiconico” i_icon_openiconic=”vc-oi vc-oi-chart-bar” i_color=”white” i_background_style=”rounded-less” i_background_color=”naranja” i_size=”sm”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][vc_columna ancho=”1/2″][vc_cta color=”azul” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”marrón arena”]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=”tamaño_fuente:30|color:%23d1496d” h2_google_fonts=”familia_fuente:Montserrat%3Aregular%2C700|estilo_fuente:400%20regular:400:normal” forma =”cuadrado” color =”azul” add_button=”bottom” btn_title=”Botón plano” btn_style=”costumbre” btn_custom_background=”#d1496d” btn_custom_text=”#ffffff” use_custom_fonts_h2=”verdadero”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Flat Call to Action” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1430303961667{fondo acolchado: 15píxeles !importante;}”][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][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_cta txt_align=”centro” estilo =”departamento” color =”cielo” agregar_icono=”top” i_tipo=”error tipográfico” i_icon_entypo=”icono-entypo ubicación-icono-entypo” i_color=”white” i_background_style=”rounded” i_background_color=”azul” i_size=”sm” i_on_border=”verdadero”]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=”tamaño_fuente:30″ h2_google_fonts=”familia_fuente:Montserrat%3Aregular%2C700|estilo_fuente:400%20regular:400:normal” forma =”cuadrado” estilo =”departamento” color =”púrpura” add_button=”bottom” btn_title=”Botón plano” btn_style=”costumbre” btn_custom_background=”#e8b220″ btn_custom_text=”#ffffff” use_custom_fonts_h2=”verdadero”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][vc_columna ancho=”1/2″][vc_cta h2_google_fonts=”familia_fuente:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|estilo_fuente:400%20regular:400:normal” estilo =”departamento” color =”turquesa” add_button=”bien” btn_title=”Botón plano” btn_style=”departamento” btn_color=”vino caliente” use_custom_fonts_h2=”verdadero”]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=”centro” forma =”redondo” estilo =”departamento” color =”violeta” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”rosa” btn_align=”centro”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Outline Call to Action” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1430304829663{fondo acolchado: 15píxeles !importante;}”][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][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_cta style=”describir” color =”pavo real” agregar_icono=”izquierda” i_tipo=”error tipográfico” i_icon_entypo=”entypo-icon entypo-icon-map” i_color=”white” i_background_style=”rounded-less” i_background_color=”pavo real” 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=”cuadrado” estilo =”describir” color =”violeta” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”marrón arena”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][vc_columna ancho=”1/2″][vc_cta h4=”This is second heading which you can change” txt_align=”centro” estilo =”describir” color =”black” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”black” btn_align=”centro”]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=”centro” estilo =”describir” color =”cielo” agregar_icono=”top” i_tipo=”error tipográfico” 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][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”3D Call to Action” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1430305442340{fondo acolchado: 15píxeles !importante;}”][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][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_cta txt_align=”centro” estilo =”3d” agregar_icono=”top” i_tipo=”error tipográfico” i_icon_entypo=”entypo-icon entypo-icon-hourglass” i_color=”white” i_background_style=”rounded-less” i_background_color=”cielo” 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 =”azul” add_button=”bien” btn_title=”Botón plano” btn_style=”departamento” btn_color=”chinos”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][vc_columna ancho=”1/2″][vc_cta h2_google_fonts=”familia_fuente:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|estilo_fuente:400%20regular:400:normal” txt_align=”centro” estilo =”3d” color =”púrpura” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_shape=”redondo” btn_color=”naranja” btn_align=”centro” use_custom_fonts_h2=”verdadero”]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-azul” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”azul” btn_align=”izquierda” agregar_icono=”izquierda” i_tipo=”error tipográfico” 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][/columna_vc][/vc_row][vc_row ancho_completo=”stretch_row_content_no_spaces”][columna_vc][vc_separador][/columna_vc][/vc_row][vc_row][columna_vc][vc_custom_heading texto=”Custom Call to Action” fuente_contenedor=”etiqueta:h3|tamaño_fuente:38|alineación_texto:centro|color:%233a3a3a|altura_linea:1.2″ fuentes_google=”familia_fuente:Lato:100,100italic,300,300italic,regular,italic,700,700italic,900,900italic|estilo_fuente:400%20regular:400:normal” css=”.vc_custom_1430305845272{fondo acolchado: 15píxeles !importante;}”][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][/columna_vc][/vc_row][vc_rowcss=”.vc_custom_1422959791599{fondo acolchado: 35píxeles !importante;}”][vc_columna ancho=”1/2″][vc_cta style=”costumbre” agregar_icono=”izquierda” i_tipo=”error tipográfico” i_icon_entypo=”icono-entypo búsqueda-icono-entypo” i_color=”white” i_background_style=”rounded” i_background_color=”azul” fondo_personalizado=”#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=”familia_fuente:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|estilo_fuente:500%20bold%20regular%3A500%3Anormal” txt_align=”centro” estilo =”costumbre” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”chinos” btn_align=”centro” use_custom_fonts_h2=”verdadero” fondo_personalizado=”#9171e8″ texto_personalizado=”#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][/columna_vc][vc_columna ancho=”1/2″][vc_cta style=”costumbre” add_button=”bien” btn_title=”Botón plano” btn_style=”departamento” btn_color=”azul” fondo_personalizado=”#3fcc62″ texto_personalizado=”#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=”costumbre” add_button=”bottom” btn_title=”Botón plano” btn_style=”departamento” btn_color=”azul” btn_align=”izquierda” fondo_personalizado=”#f25c5c” texto_personalizado=”#ffffff”]I am promo text. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit.[/vc_cta][/columna_vc][/vc_row]
