{"id":496,"date":"2016-07-05T00:18:12","date_gmt":"2016-07-05T00:18:12","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=496"},"modified":"2017-01-19T04:28:33","modified_gmt":"2017-01-19T04:28:33","slug":"modals","status":"publish","type":"page","link":"https:\/\/www.proinas.com\/modals\/","title":{"rendered":"Modals"},"content":{"rendered":"

[vc_row][vc_column][vc_custom_heading text=\u00bbModals Shortcodes\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbshorter\u00bb][vc_column_text]Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.
\nToggle a modal via JavaScript by clicking the button below. You can build with Ultimate Addons Modal<\/strong> shortcodes.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbDefault\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal modal_title=\u00bbDefault Modal Title\u00bb btn_size=\u00bblg\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Default Modal\u00bb modal_size=\u00bbmedium\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_color=\u00bb\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb header_text_color=\u00bb\u00bb btn_txt_color=\u00bb#ffffff\u00bb]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column_inner][vc_column_inner width=\u00bb1\/4″][ultimate_modal modal_title=\u00bbBlock Modal Title\u00bb btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Block Modal\u00bb modal_size=\u00bbblock\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb] $\"device\"$ [\/ultimate_modal][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbWith Form\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Form Modal\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb][contact-form-7 id=\u00bb43″ title=\u00bbContact Form – Basic\u00bb][\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbWith Video\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal modal_title=\u00bbVimeo Embed\u00bb modal_contain=\u00bbult-vimeo\u00bb btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Video Modal\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb]<\/iframe>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbWith Google Map\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal modal_title=\u00bbGoogle Maps\u00bb btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Google Map Modal\u00bb modal_size=\u00bbblock\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb]<iframe src=\"https:\/\/mapsengine.google.com\/map\/u\/0\/embed?mid=z4V0XhyCNvV8.kHo9RVzP_ZAw\" width=\"640\" height=\"480\"><\/iframe>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbDisplay on Image\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal modal_title=\u00bbGoogle Maps\u00bb modal_on=\u00bbimage\u00bb btn_img=\u00bbid^72|url^http:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/2016\/06\/pin.png|caption^null|alt^null|title^pin|description^null\u00bb modal_on_align=\u00bbleft\u00bb modal_size=\u00bbblock\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb]<iframe src=\"https:\/\/mapsengine.google.com\/map\/u\/0\/embed?mid=z4V0XhyCNvV8.kHo9RVzP_ZAw\" width=\"640\" height=\"480\"><\/iframe>[\/ultimate_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbDisplay on Text\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal modal_title=\u00bbLaunch Modal on Text\u00bb modal_on=\u00bbtext\u00bb modal_on_align=\u00bbleft\u00bb read_text=\u00bbLaunch Modal on Text\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_opacity=\u00bb80″ modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1″ modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6″ el_class=\u00bbclearfix\u00bb txt_color=\u00bb#0088cc\u00bb]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"#\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.<\/p>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"#\">vehicula<\/a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus.[\/ultimate_modal][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_custom_heading text=\u00bbModals Shortcodes\u00bb use_theme_fonts=\u00bbyes\u00bb el_class=\u00bbshorter\u00bb][vc_column_text]Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults. Toggle a modal via JavaScript by clicking the button below. You can build with Ultimate Addons Modal shortcodes.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbDefault\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][ultimate_modal modal_title=\u00bbDefault Modal Title\u00bb btn_size=\u00bblg\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Default Modal\u00bb modal_size=\u00bbmedium\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_color=\u00bb\u00bb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages\/496"}],"collection":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":2,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages\/496\/revisions"}],"predecessor-version":[{"id":1038,"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/pages\/496\/revisions\/1038"}],"wp:attachment":[{"href":"https:\/\/www.proinas.com\/wp-json\/wp\/v2\/media?parent=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}