{"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\/en\/modals\/","title":{"rendered":"Modals"},"content":{"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.<br \/>\nToggle a modal via JavaScript by clicking the button below. You can build with <strong style=\"font-weight: 600;\">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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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 <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][vc_row][vc_column][vc_separator color=\u00bbcustom\u00bb gap=\u00bbtall\u00bb gradient=\u00bbyes\u00bb][vc_custom_heading text=\u00bbOptional Sizes\u00bb font_container=\u00bbtag:h4|text_align:left\u00bb use_theme_fonts=\u00bbyes\u00bb][vc_row_inner][vc_column_inner width=\u00bb1\/4&#8243;][ultimate_modal modal_title=\u00bbLarge Modal Title\u00bb btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Large Modal\u00bb modal_size=\u00bbcontainer\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_color=\u00bb\u00bb overlay_bg_opacity=\u00bb80&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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 <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_inner][vc_column_inner width=\u00bb1\/4&#8243;][ultimate_modal modal_title=\u00bbMedium Modal Title\u00bb btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Medium Modal\u00bb modal_size=\u00bbmedium\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_color=\u00bb\u00bb overlay_bg_opacity=\u00bb80&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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 <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_inner][vc_column_inner width=\u00bb1\/4&#8243;][ultimate_modal modal_title=\u00bbSmall Modal Title\u00bb btn_size=\u00bbmd\u00bb btn_bg_color=\u00bb#0088cc\u00bb modal_on_align=\u00bbleft\u00bb btn_text=\u00bbLaunch Small Modal\u00bb modal_style=\u00bboverlay-zoomin\u00bb overlay_bg_color=\u00bb\u00bb overlay_bg_opacity=\u00bb80&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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 <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_inner][vc_column_inner width=\u00bb1\/4&#8243;][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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb]<img fetchpriority=\"high\" decoding=\"async\" class=\"alignleft size-full wp-image-215\" src=\"http:\/\/sw-themes.com\/porto_dummy\/wp-content\/uploads\/2015\/01\/device.png\" alt=\"device\" width=\"600\" height=\"422\" \/>[\/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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb][contact-form-7 id=\u00bb43&#8243; title=\u00bbContact Form &#8211; 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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; el_class=\u00bbclearfix\u00bb btn_txt_color=\u00bb#ffffff\u00bb]<iframe src=\"\/\/player.vimeo.com\/video\/1084537\" width=\"600\" height=\"349\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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&#8243; modal_border_style=\u00bbsolid\u00bb modal_border_width=\u00bb1&#8243; modal_border_color=\u00bb\u00bb modal_border_radius=\u00bb6&#8243; 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>","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 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-496","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/pages\/496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":0,"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/pages\/496\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.proinas.com\/en\/wp-json\/wp\/v2\/media?parent=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}