Modal Popup Box

[ultimate_spacer height=”40″][ultimate_modal icon_type=”none” icon=”atlantis-feather” modal_title=”What is Modal Box? ” modal_on=”image” onload_delay=”2″ btn_img=”1677″ btn_size=”sm” btn_bg_color=”#333333″ btn_txt_color=”#ffffff” modal_on_align=”center” txt_color=”#f60f60″ modal_size=”small” modal_style=”overlay-show-genie” overlay_bg_color=”#5e5e5e” overlay_bg_opacity=”80″ header_text_color=”#ffffff” modal_border_width=”2″ modal_border_color=”#333333″ modal_border_radius=”0″ content_text_color=”#5e5e5e” header_bg_color=”#ff3800″]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]

[ultimate_modal icon_type=”none” modal_title=”Popup with Single Image” modal_on=”button” onload_delay=”2″ btn_size=”block” btn_bg_color=”#ff3800″ btn_txt_color=”#ffffff” modal_on_align=”center” btn_text=”Single Image” txt_color=”#f60f60″ modal_size=”small” modal_style=”overlay-cornerbottomleft” overlay_bg_opacity=”80″ header_bg_color=”#ff3800″ header_text_color=”#ffffff” modal_border_width=”2″ modal_border_color=”#333333″ modal_border_radius=”0″ content_text_color=”#ffffff” overlay_bg_color=”#5e5e5e”][/ultimate_modal]

[ultimate_modal icon_type=”none” modal_title=”Social Widgets” modal_on=”button” onload_delay=”2″ btn_size=”block” btn_bg_color=”#ff3800″ btn_txt_color=”#ffffff” modal_on_align=”center” btn_text=”Social Widgets” txt_color=”#f60f60″ modal_size=”small” modal_style=”overlay-cornerbottomleft” overlay_bg_color=”#5e5e5e” overlay_bg_opacity=”80″ header_bg_color=”#ff3800″ header_text_color=”#ffffff” modal_border_width=”2″ modal_border_color=”#333333″ modal_border_radius=”0″ content_text_color=”#ffffff”][/ultimate_modal]

[ultimate_modal icon_type=”none” modal_title=”Popup with Google Maps” modal_on=”button” onload_delay=”2″ btn_size=”block” btn_bg_color=”#ff3800″ btn_txt_color=”#ffffff” modal_on_align=”center” btn_text=”Google Maps” txt_color=”#f60f60″ modal_size=”small” modal_style=”overlay-cornerbottomleft” overlay_bg_color=”#5e5e5e” overlay_bg_opacity=”80″ header_bg_color=”#ff3800″ header_text_color=”#ffffff” modal_border_width=”2″ modal_border_color=”#333333″ modal_border_radius=”0″][/ultimate_modal]

[ultimate_modal icon_type=”none” modal_title=”Popup with HTML Content” modal_on=”button” onload_delay=”2″ btn_size=”block” btn_bg_color=”#ff3800″ btn_txt_color=”#ffffff” modal_on_align=”center” btn_text=”HTML Content” txt_color=”#f60f60″ modal_size=”small” modal_style=”overlay-cornerbottomleft” overlay_bg_color=”#5e5e5e” overlay_bg_opacity=”80″ header_bg_color=”#ff3800″ header_text_color=”#ffffff” modal_border_width=”2″ modal_border_color=”#333333″ modal_border_radius=”0″]

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]