[vc_row full_width=”stretch_row” animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation” css=”.vc_custom_1448206511970{margin-bottom: 0px !important;padding-top: 50px !important;padding-bottom: 100px !important;background-color: #ffffff !important;}”][vc_column][vc_column_text]
This is an intuitive and easily customizable jQuery
Modal Popup Box
with CSS3 animations.
[/vc_column_text][ultimate_modal icon_type=”selector” icon=”Ultimate-set-uniF2″ modal_title=”What is Modal Box? ” modal_on=”image” btn_img=”id^334|url^https://spacemotionmusic.com/wp-content/uploads/2017/05/button1.png|caption^null|alt^null|title^button1|description^null” modal_style=”overlay-show-genie” overlay_bg_color=”#230429″ overlay_bg_opacity=”80″ content_bg_color=”#f7f6fc” header_bg_color=”#ed612c” el_class=”modalslidebtn” header_text_color=”#ffffff” content_text_color=”#3c3837″]In user interface design, a modal window is a child window that requires users to interact with it before they can return to operating the parent application, thus preventing the workflow on the application main window. Modal windows are often called heavy windows or modal dialogs because the window is often used to display a dialog box.
Modal windows are commonly used in GUI systems to command user awareness and to display emergency states, although they have been argued to be ineffective for that use. Modal windows are prone to produce mode errors.[/ultimate_modal][/vc_column][/vc_row][vc_row full_width=”stretch_row” bg_type=”bg_color” bg_override=”full” css=”.vc_custom_1448206624301{margin-bottom: 0px !important;padding-top: 40px !important;padding-bottom: 40px !important;background-color: #f7f7f7 !important;}” bg_color_value=”#f7f7f7″ animation_type=”h” horizontal_animation=”left-animation” vertical_animation=”top-animation”][vc_column][vc_column_text]
Supports Everything!
Just place your stuff in WordPress WYSIWYG editor and start popping up.
[/vc_column_text][vc_row_inner][vc_column_inner width=”1/4″][ultimate_modal modal_title=”Popup with Single Image” btn_size=”block” btn_bg_color=”#3498db” btn_text=”Single Image” modal_size=”block” modal_style=”overlay-slidedown” overlay_bg_color=”#917a22″ overlay_bg_opacity=”80″ header_bg_color=”#f3d744″ btn_txt_color=”#ffffff”][/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/4″][ultimate_modal modal_title=”WordPress Image Gallary” btn_size=”block” btn_bg_color=”#7f8c8d” btn_text=”Image Gallery” modal_size=”block” modal_style=”overlay-slideup” overlay_bg_color=”#46a3d8″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#ececec” header_text_color=”#682d2d” btn_txt_color=”#ffffff”] [/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/4″][ultimate_modal modal_title=”Popup with Image Slider Plugin” modal_contain=”ult-vimeo” btn_size=”block” btn_bg_color=”#34495e” btn_text=”Image Slider” modal_size=”block” modal_style=”overlay-slideleft” overlay_bg_color=”#110068″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#e75353″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”][metaslider id=1633][/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/4″][ultimate_modal btn_size=”block” btn_bg_color=”#f1c40f” btn_text=”Contact Form” modal_size=”block” modal_style=”overlay-show-cornershape” overlay_bg_color=”#ffd600″ overlay_bg_opacity=”80″ content_bg_color=”#2e3846″ header_bg_color=”#9ecf35″ modal_border_style=”dashed” modal_border_width=”2″ modal_border_color=”#ffffff” modal_border_radius=”4″ header_text_color=”#ffffff” content_text_color=”#ffffff” btn_txt_color=”#ffffff”]
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/4″][ultimate_modal modal_title=”Popup with Google Maps” btn_size=”block” btn_text=”Google Map” modal_size=”block” modal_style=”overlay-show-genie” overlay_bg_color=”#b8c74a” overlay_bg_opacity=”80″ content_bg_color=”#ffffff” header_bg_color=”#1e365a” header_text_color=”#ffffff” btn_txt_color=”#ffffff”][/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/4″][ultimate_modal modal_title=”Vimeo Embed” modal_contain=”ult-vimeo” btn_size=”block” btn_bg_color=”#9b59b6″ btn_text=”Embedded Video” modal_size=”block” modal_style=”overlay-show-boxes” overlay_bg_color=”#e94545″ overlay_bg_opacity=”80″ content_bg_color=”#fcfcfc” header_bg_color=”#ffffff” header_text_color=”#e14f49″ btn_txt_color=”#ffffff”][/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/4″][ultimate_modal modal_title=”Social Widgets” btn_size=”block” btn_text=”Social Widgets” modal_size=”block” modal_style=”overlay-doorvertical” overlay_bg_opacity=”80″ header_bg_color=”#9ecf35″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”][/ultimate_modal][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][/vc_column_inner][vc_column_inner width=”1/3″][ultimate_modal modal_title=”Popup with Large HTML Content” btn_size=”block” btn_bg_color=”#e67e22″ btn_text=”Custom HTML with Large Text” modal_style=”overlay-zoomin” overlay_bg_color=”#2179d1″ overlay_bg_opacity=”80″ content_bg_color=”#ececec” header_bg_color=”#e75353″ header_text_color=”#ffffff” btn_txt_color=”#ffffff”]
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Cras ultricies ligula sed magna dictum porta. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Donec sollicitudin molestie malesuada. Donec rutrumcongue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
[/ultimate_modal][/vc_column_inner][vc_column_inner width=”1/3″][/vc_column_inner][/vc_row_inner][vc_column_text]
Click on buttons above to see just a few possibilities of what could be done with this element.
[/vc_column_text][/vc_column][/vc_row]