Modal Popup

[vc_row][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/6″ offset=”vc_col-md-7″][hcode_section_heading hcode_heading_type=”heading-style1″ hcode_heading_tag=”h6″ hcode_text_color=”black-text” margin_setting=”1″ desktop_margin=”margin-three-bottom” padding_setting=”1″ desktop_padding=”no-padding” hcode_heading=”Simple Modal Popup”][/vc_column][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/12″ offset=”vc_col-lg-3 vc_col-md-4″][hcode_popup popup_type=”modal-popup” popup_preview_image=”modal-popup” popup_form_id=”1444107977″ width=”7/12″ modal_popup_type=”modal-popup” popup_title=”A modal popup disables the usual ways to close popups.” popup_button_config=”|title:Open%20Modal|” inside_popup_title=”Modal Dialog” offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-11″]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

[/hcode_popup][/vc_column][/vc_row][vc_row hcode_row_style=”color” hcode_row_bg_color=”#f6f6f6″][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/6″ offset=”vc_col-md-7″][hcode_section_heading hcode_heading_type=”heading-style1″ hcode_heading_tag=”h6″ hcode_text_color=”black-text” margin_setting=”1″ desktop_margin=”margin-three-bottom” padding_setting=”1″ desktop_padding=”no-padding” hcode_heading=”Dialog with CSS animation”][/vc_column][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/12″ offset=”vc_col-lg-3 vc_col-md-4″][hcode_popup popup_type=”popup-with-zoom-anim” popup_preview_image=”popup-with-zoom-anim” popup_form_id=”1444107978″ width=”7/12″ modal_popup_type=”popup-with-zoom-anim” popup_title=”Animations are added with simple CSS transitions, you can make them look however you wish.” popup_button_config=”|title:Open%20with%20fade-zoom%20animation|” inside_popup_title=”Modal Dialog” offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-11″]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

[/hcode_popup][/vc_column][/vc_row][vc_row][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/6″ offset=”vc_col-md-7″][hcode_section_heading hcode_heading_type=”heading-style1″ hcode_heading_tag=”h6″ hcode_text_color=”black-text” margin_setting=”1″ desktop_margin=”margin-three-bottom” padding_setting=”1″ desktop_padding=”no-padding” hcode_heading=”Dialog with CSS animation”][/vc_column][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/12″ offset=”vc_col-lg-3 vc_col-md-4″][hcode_popup popup_type=”popup-with-move-anim” popup_preview_image=”popup-with-move-anim” popup_form_id=”1444107979″ width=”7/12″ modal_popup_type=”popup-with-move-anim” popup_title=”Animations are added with simple CSS transitions, you can make them look however you wish.” popup_button_config=”|title:Open%20with%20fade-slide%20animation|” inside_popup_title=”Modal Dialog” offset=”vc_col-lg-3 vc_col-md-6 vc_col-xs-11″]

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

[/hcode_popup][/vc_column][/vc_row][vc_row hcode_row_border_position=”border-top” hcode_border_type=”solid” hcode_row_border_color=”#e5e5e5″ hcode_border_size=”1px”][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/6″ offset=”vc_col-md-7″][hcode_section_heading hcode_heading_type=”heading-style1″ hcode_heading_tag=”h6″ hcode_text_color=”black-text” margin_setting=”1″ desktop_margin=”margin-three-bottom” padding_setting=”1″ desktop_padding=”no-padding” hcode_heading=”Ajax popup”][/vc_column][vc_column alignment_setting=”1″ desktop_alignment=”text-center” centralized_div=”1″ width=”5/12″ offset=”vc_col-lg-3 vc_col-md-4″][hcode_popup popup_type=”simple-ajax-popup-align-top” popup_preview_image=”simple-ajax-popup-align-top” modal_popup_type=”simple-ajax-popup-align-top” popup_title=”You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window – whatever.” ajax_external_url=”http://wpdemos.themezaa.com/h-code/home-main/home-spa/” popup_button_config=”url:http%3A%2F%2FwpdemoS.themezaa.com%2Fh-code%2Fajax-single-project-page-1%2F|title:Load%20content%20via%20ajax|”][/hcode_popup][/vc_column][/vc_row]

Leave a Reply

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