{"id":5591,"date":"2015-08-17T07:52:24","date_gmt":"2015-08-17T07:52:24","guid":{"rendered":"http:\/\/whitecollars.co\/tilt-demo\/?page_id=5591"},"modified":"2015-08-17T07:52:24","modified_gmt":"2015-08-17T07:52:24","slug":"modals","status":"publish","type":"page","link":"https:\/\/www.bouregreg.com\/modals\/","title":{"rendered":"Modals"},"content":{"rendered":"<p>[vc_row row_height_type=\u00a0\u00bbfixed_height\u00a0\u00bb height=\u00a0\u00bb500px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb content_fadeout=\u00a0\u00bbcontent-fadeout\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb scale_bg=\u00a0\u00bbscale-bg\u00a0\u00bb bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_position=\u00a0\u00bbCenter bottom\u00a0\u00bb bg_image=\u00a0\u00bb5968&Prime; overlay_color=\u00a0\u00bbrgba(28,26,49,0.47)\u00a0\u00bb full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb top=\u00a0\u00bb60px\u00a0\u00bb row_separator=\u00a0\u00bbno-separator\u00a0\u00bb speed=\u00a0\u00bb0.20&Prime; scale_speed=\u00a0\u00bb0.20&Prime; bg_v_source=\u00a0\u00bbself_hosted\u00a0\u00bb parallax_video=\u00a0\u00bb\u00a0\u00bb video_speed=\u00a0\u00bb0.20&Prime; overlay_pattern_op=\u00a0\u00bb0.20&Prime; row_mobile_style=\u00a0\u00bb\u00a0\u00bb row_show_on=\u00a0\u00bb\u00a0\u00bb slope_top=\u00a0\u00bb\u00a0\u00bb slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom=\u00a0\u00bb\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-inside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb bg_color=\u00a0\u00bb#3e4058&Prime;][vc_column][vc_heading h_size=\u00a0\u00bbh-large\u00a0\u00bb title=\u00a0\u00bbModal Window\u00a0\u00bb title_color=\u00a0\u00bb#ffffff\u00a0\u00bb subtitle=\u00a0\u00bbmake your content interactive\u00a0\u00bb subtitle_color=\u00a0\u00bb#ffffff\u00a0\u00bb divider=\u00a0\u00bbdiv-between\u00a0\u00bb divider_color=\u00a0\u00bb#ffffff\u00a0\u00bb css_animation=\u00a0\u00bbbottom-to-top\u00a0\u00bb][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb120px\u00a0\u00bb textalign=\u00a0\u00bbcenter\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/6&Prime;][\/vc_column][vc_column width=\u00a0\u00bb2\/3&Prime;][vc_heading title=\u00a0\u00bbAdd modal windows easily\u00a0\u00bb divider=\u00a0\u00bbdiv-below\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_column_text]Need additional content appearing on click? That&rsquo;s where modals may be extremely\u00a0helpful! Assign them to any element that supports links (e.g., see the buttons below). You can also assign open of a modal window to a word or part of a\u00a0text &#8211; click <a href=\"#modal-window_1\">here<\/a> for instance!<\/p>\n<p>You can easily customize opening and closing animation, background overlay color and add background blur. It all can be individual to any modal window on your page. Click the buttons below to see it in action![\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb1\/6&Prime;][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator][\/vc_column][\/vc_row][vc_row textalign=\u00a0\u00bbcenter\u00a0\u00bb full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb top=\u00a0\u00bb60px\u00a0\u00bb bottom=\u00a0\u00bb160px\u00a0\u00bb row_separator=\u00a0\u00bbno-separator\u00a0\u00bb content_fadeout=\u00a0\u00bb\u00a0\u00bb parallax_bg=\u00a0\u00bb\u00a0\u00bb speed=\u00a0\u00bb0.20&Prime; scale_bg=\u00a0\u00bb\u00a0\u00bb scale_speed=\u00a0\u00bb0.20&Prime; bg_cover=\u00a0\u00bb\u00a0\u00bb bg_v_source=\u00a0\u00bbself_hosted\u00a0\u00bb parallax_video=\u00a0\u00bb\u00a0\u00bb video_speed=\u00a0\u00bb0.20&Prime; overlay_pattern_op=\u00a0\u00bb0.20&Prime; row_mobile_style=\u00a0\u00bb\u00a0\u00bb row_show_on=\u00a0\u00bb\u00a0\u00bb slope_top=\u00a0\u00bb\u00a0\u00bb slope_top_pos=\u00a0\u00bbslope-top-inside\u00a0\u00bb slope_top_dir=\u00a0\u00bbslope-top-left\u00a0\u00bb slope_top_height=\u00a0\u00bb100px\u00a0\u00bb slope_bottom=\u00a0\u00bb\u00a0\u00bb slope_bottom_pos=\u00a0\u00bbslope-bottom-inside\u00a0\u00bb slope_bottom_dir=\u00a0\u00bbslope-bottom-left\u00a0\u00bb slope_bottom_height=\u00a0\u00bb100px\u00a0\u00bb][vc_column][vc_button title=\u00a0\u00bbModal with background overlay\u00a0\u00bb size=\u00a0\u00bbbtn-medium\u00a0\u00bb border_radius=\u00a0\u00bbround\u00a0\u00bb link=\u00a0\u00bburl:%23modal-window_2||\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_button title=\u00a0\u00bbModal with blurred background\u00a0\u00bb size=\u00a0\u00bbbtn-medium\u00a0\u00bb border_radius=\u00a0\u00bbround\u00a0\u00bb link=\u00a0\u00bburl:%23modal-window_3||\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_button title=\u00a0\u00bbModal window with contact form\u00a0\u00bb size=\u00a0\u00bbbtn-medium\u00a0\u00bb border_radius=\u00a0\u00bbround\u00a0\u00bb link=\u00a0\u00bburl:%23modal-window_4||\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb][vc_column][vc_modal id=\u00a0\u00bbwindow_1&Prime; heading=\u00a0\u00bbModal Window\u00a0\u00bb width=\u00a0\u00bb700px\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(255,255,255,0.8)\u00a0\u00bb effect=\u00a0\u00bbscale-down\u00a0\u00bb height_type=\u00a0\u00bbfixed\u00a0\u00bb][vc_icon type=\u00a0\u00bbsimplelineicons\u00a0\u00bb icon_simplelineicons=\u00a0\u00bbicon-speech\u00a0\u00bb background_style=\u00a0\u00bbrounded-outline\u00a0\u00bb align=\u00a0\u00bbcenter\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_heading h_size=\u00a0\u00bbh-small\u00a0\u00bb title=\u00a0\u00bbAlmost any content\u00a0\u00bb divider=\u00a0\u00bbdiv-below\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_column_text]Professionally revolutionize scalable customer service through enterprise-wide scenarios. Quickly brand interoperable technology rather than professional collaboration and idea-sharing. Distinctively e-enable backward-compatible solutions through global \u00ab\u00a0outside the box\u00a0\u00bb thinking. Dramatically incentivize resource maximizing experiences rather than sticky \u00ab\u00a0outside the box\u00a0\u00bb thinking. Dynamically revolutionize mission-critical channels for functional total linkage.<\/p>\n<p>Monotonectally cultivate interdependent growth strategies via virtual e-tailers. Synergistically maintain prospective e-services through adaptive synergy. Efficiently predominate intermandated ROI without open-source web services. Competently enable functional resources whereas leveraged networks. Compellingly whiteboard sticky expertise and economically sound products.[\/vc_column_text][vc_row_inner top=\u00a0\u00bb40px\u00a0\u00bb bottom=\u00a0\u00bb20px\u00a0\u00bb textalign=\u00a0\u00bbcenter\u00a0\u00bb el_class=\u00a0\u00bbalign-center\u00a0\u00bb][vc_column_inner][vc_button title=\u00a0\u00bbProceed\u00a0\u00bb size=\u00a0\u00bbbtn-medium\u00a0\u00bb border_radius=\u00a0\u00bbround\u00a0\u00bb][\/vc_column_inner][\/vc_row_inner][\/vc_modal][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb][vc_column][vc_modal id=\u00a0\u00bbwindow_2&Prime; heading=\u00a0\u00bbAnother modal\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(40,41,60,0.89)\u00a0\u00bb height_type=\u00a0\u00bbfixed\u00a0\u00bb][vc_magic_image image=\u00a0\u00bb5564&Prime; alignment=\u00a0\u00bbcenter\u00a0\u00bb img_size=\u00a0\u00bbfull\u00a0\u00bb radius=\u00a0\u00bb0px\u00a0\u00bb zoom=\u00a0\u00bb\u00a0\u00bb icon_position=\u00a0\u00bbicon-center\u00a0\u00bb icon_size=\u00a0\u00bbicon-small\u00a0\u00bb icon_color=\u00a0\u00bb#ffffff\u00a0\u00bb link_trigger=\u00a0\u00bblink_image\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_column_text]Professionally revolutionize scalable customer service through enterprise-wide scenarios. Quickly brand interoperable technology rather than professional collaboration and idea-sharing. Distinctively e-enable backward-compatible solutions through global \u00ab\u00a0outside the box\u00a0\u00bb thinking. Dramatically incentivize resource maximizing experiences rather than sticky \u00ab\u00a0outside the box\u00a0\u00bb thinking. Dynamically revolutionize mission-critical channels for functional total linkage.<\/p>\n<p>Monotonectally cultivate interdependent growth strategies via virtual e-tailers. Synergistically maintain prospective e-services through adaptive synergy. Efficiently predominate intermandated ROI without open-source web services. Competently enable functional resources whereas leveraged networks. Compellingly whiteboard sticky expertise and economically sound products.[\/vc_column_text][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][\/vc_modal][\/vc_column][\/vc_row][vc_row top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb][vc_column][vc_modal id=\u00a0\u00bbwindow_3&Prime; heading=\u00a0\u00bbYet another one\u00a0\u00bb overlay=\u00a0\u00bbcolor_blur\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(0,0,0,0.4)\u00a0\u00bb height_type=\u00a0\u00bbfixed\u00a0\u00bb][vc_row_inner top=\u00a0\u00bb0px\u00a0\u00bb bottom=\u00a0\u00bb20px\u00a0\u00bb][vc_column_inner width=\u00a0\u00bb1\/2&Prime;][vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_magic_image image=\u00a0\u00bb5564&Prime; alignment=\u00a0\u00bbcenter\u00a0\u00bb img_size=\u00a0\u00bbfull\u00a0\u00bb radius=\u00a0\u00bb0px\u00a0\u00bb zoom=\u00a0\u00bb\u00a0\u00bb icon_position=\u00a0\u00bbicon-center\u00a0\u00bb icon_size=\u00a0\u00bbicon-small\u00a0\u00bb icon_color=\u00a0\u00bb#ffffff\u00a0\u00bb link_trigger=\u00a0\u00bblink_image\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb][\/vc_column_inner][vc_column_inner width=\u00a0\u00bb1\/2&Prime;][vc_column_text]Professionally revolutionize scalable customer service through enterprise-wide scenarios. Quickly brand interoperable technology rather than professional collaboration and idea-sharing.[\/vc_column_text][vc_empty_space height=\u00a0\u00bb30px\u00a0\u00bb][vc_button title=\u00a0\u00bbBuy now\u00a0\u00bb type=\u00a0\u00bbentypo\u00a0\u00bb icon_entypo=\u00a0\u00bbentypo-icon entypo-icon-tag\u00a0\u00bb color=\u00a0\u00bbbtn_black\u00a0\u00bb][\/vc_column_inner][\/vc_row_inner][\/vc_modal][\/vc_column][\/vc_row][vc_row][vc_column][vc_modal id=\u00a0\u00bbwindow_4&Prime; heading=\u00a0\u00bbModal with contact form\u00a0\u00bb overlay_color=\u00a0\u00bbrgba(0,0,0,0.6)\u00a0\u00bb effect=\u00a0\u00bbslide-down\u00a0\u00bb][contact-form-7 id=\u00a0\u00bb5432&Prime;][\/vc_modal][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_type=\u00a0\u00bbfixed_height\u00a0\u00bb height=\u00a0\u00bb500px\u00a0\u00bb bottom=\u00a0\u00bb0px\u00a0\u00bb content_fadeout=\u00a0\u00bbcontent-fadeout\u00a0\u00bb parallax_bg=\u00a0\u00bbparallax-bg\u00a0\u00bb scale_bg=\u00a0\u00bbscale-bg\u00a0\u00bb bg_cover=\u00a0\u00bbcover\u00a0\u00bb bg_position=\u00a0\u00bbCenter bottom\u00a0\u00bb bg_image=\u00a0\u00bb5968&Prime; overlay_color=\u00a0\u00bbrgba(28,26,49,0.47)\u00a0\u00bb full_content_width=\u00a0\u00bb\u00a0\u00bb row_align=\u00a0\u00bbalign-middle\u00a0\u00bb top=\u00a0\u00bb60px\u00a0\u00bb row_separator=\u00a0\u00bbno-separator\u00a0\u00bb speed=\u00a0\u00bb0.20&Prime; scale_speed=\u00a0\u00bb0.20&Prime; bg_v_source=\u00a0\u00bbself_hosted\u00a0\u00bb parallax_video=\u00a0\u00bb\u00a0\u00bb&#8230;  <\/p>\n<div class=\"read-more\"><a class=\"excerpt-read-more\" href=\"https:\/\/www.bouregreg.com\/modals\/\" title=\"Continue reading Modals\">Lire plus<i class=\"fa fa-angle-right\"><\/i><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/pages\/5591"}],"collection":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/comments?post=5591"}],"version-history":[{"count":0,"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/pages\/5591\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bouregreg.com\/wp-json\/wp\/v2\/media?parent=5591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}