{"id":15901,"date":"2014-12-10T08:00:22","date_gmt":"2014-12-10T08:00:22","guid":{"rendered":"http:\/\/woopress.8theme.com\/?page_id=15901"},"modified":"2014-12-10T08:00:22","modified_gmt":"2014-12-10T08:00:22","slug":"modal","status":"publish","type":"page","link":"https:\/\/woopress.8theme.com\/jewellery\/modal\/","title":{"rendered":"Modal"},"content":{"rendered":"

[vc_row css=”.vc_custom_1418318360474{margin-bottom: 90px !important;padding-top: 55px !important;}” bg_type=”no_bg” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” bg_override=”0″ parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ icon_type=”no_icon” icon_size=”32″ icon_style=”none” icon_color_border=”#333333″ icon_border_size=”1″ icon_border_radius=”500″ icon_border_spacing=”50″ img_width=”48″][vc_column width=”1\/1″][vc_column_text]<\/p>\n

This is an intuitive and easily customizable jQuery
\n Modal Popup Box<\/span><\/strong>
\nwith CSS3 animations.<\/p>\n

[\/vc_column_text]

\"\"<\/div>\n
\n\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/svg>\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
<\/i><\/div>

What is Modal Box? <\/h3>\n\t\t\t<\/div>\n\t\t\t
\n\t\t\t[vc_row][vc_column width=”1\/1″][vc_column_text]<\/p>\n

This is an intuitive and easily customizable jQuery
\n Modal Popup Box<\/span><\/strong>
\nwith CSS3 animations.<\/p>\n

[\/vc_column_text]

\"\"<\/div>\n
\n\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/svg>\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t
<\/i><\/div>

What is Modal Box? <\/h3>\n\t\t\t<\/div>\n\t\t\t
\n\t\t\t\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t
Close<\/div><\/div>\n<\/div>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.<\/p>\n

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.\n\t\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\t

Close<\/div><\/div>\n<\/div>[\/vc_column][\/vc_row][vc_row bg_type=”grad” parallax_style=”vcpb-default” bg_image_repeat=”no-repeat” bg_image_size=”cover” bg_img_attach=”fixed” parallax_sense=”30″ bg_override=”full” css=”.vc_custom_1401346935291{padding: 40px 0px !important;background-color: #f7f7f7 !important;}” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F7F7), color-stop(50%, #F7F7F7), color-stop(100%, #F7F7F7));background: -moz-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -webkit-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -o-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: -ms-linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);background: linear-gradient(top,#F7F7F7 0%,#F7F7F7 50%,#F7F7F7 100%);”][vc_column width=”1\/1″][vc_column_text css=”.vc_custom_1418318335118{margin-bottom: 5px !important;}”]<\/p>\n

Supports Everything!<\/span><\/strong>
\nJust place your stuff in WordPress WYSIWYG editor and start popping up.<\/p>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Click on buttons above to see just a few possibilities of what could be done with this element.<\/p>\n

[\/vc_column_text][vc_row_inner][vc_column_inner width=”1\/3″]