{"id":39,"date":"2015-05-02T05:38:50","date_gmt":"2015-05-02T05:38:50","guid":{"rendered":"http:\/\/dev.themes.com\/?page_id=39"},"modified":"2015-05-28T20:24:57","modified_gmt":"2015-05-28T20:24:57","slug":"modal-box","status":"publish","type":"page","link":"https:\/\/organicthemes.com\/demo\/luxury\/shortcodes__trashed\/modal-box\/","title":{"rendered":"Modal Box"},"content":{"rendered":"<p>Modal Boxes can be used for messages, advertising, donations, shopping carts and more. Below are example of buttons that open a modal box using the provided shortcode within the theme.<\/p>\n\n\t\t<div class=\"modal modal-btn  align-left\"><a class=\"organic-btn  blue-btn small-btn  align-left\" href=\"#modal-1\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-1\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/div>\n\n\t\t<div class=\"modal modal-btn  align-left\"><a class=\"organic-btn  green-btn medium-btn  align-left\" href=\"#modal-2\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-2\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/p>\n<ul>\n<li>List Item Example<\/li>\n<li>List Item Example<\/li>\n<li>List Item Example<\/li>\n<\/ul>\n<p>Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.<\/div>\n\n\t\t<div class=\"modal modal-btn  align-left\"><a class=\"organic-btn  yellow-btn large-btn  align-left\" href=\"#modal-3\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-3\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/div>\n<pre><code>&#091;modal align=\"left\" size=\"small\" color=\"blue\" title=\"Modal Box Example\" tag=\"modal-1\"]...[\/modal]\n&#091;modal align=\"left\" size=\"medium\" color=\"green\" title=\"Modal Box Example\" tag=\"modal-2\"]...[\/modal]\n&#091;modal align=\"left\" size=\"large\" color=\"yellow\" title=\"Modal Box Example\" tag=\"modal-3\"]...[\/modal]<\/code><\/pre>\n\n\t\t<div class=\"modal modal-btn  align-center\"><a class=\"organic-btn  cyan-btn small-btn  align-center\" href=\"#modal-4\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-4\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Testing. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/div>\n\n\t\t<div class=\"modal modal-btn  align-center\"><a class=\"organic-btn  pink-btn medium-btn  align-center\" href=\"#modal-5\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-5\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/p>\n<ul>\n<li>List Item Example<\/li>\n<li>List Item Example<\/li>\n<li>List Item Example<\/li>\n<\/ul>\n<p>Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.<\/div>\n\n\t\t<div class=\"modal modal-btn  align-center\"><a class=\"organic-btn  orange-btn large-btn  align-center\" href=\"#modal-6\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-6\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/div>\n<pre><code>&#091;modal align=\"center\" size=\"small\" color=\"cyan\" title=\"Modal Box Example\" tag=\"modal-4\"]...[\/modal]\n&#091;modal align=\"center\" size=\"medium\" color=\"pink\" title=\"Modal Box Example\" tag=\"modal-5\"]...[\/modal]\n&#091;modal align=\"center\" size=\"large\" color=\"orange\" title=\"Modal Box Example\" tag=\"modal-6\"]...[\/modal]<\/code><\/pre>\n\n\t\t<div class=\"modal modal-btn  align-right\"><a class=\"organic-btn  white-btn small-btn  align-right\" href=\"#modal-7\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-7\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Testing. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/div>\n\n\t\t<div class=\"modal modal-btn  align-right\"><a class=\"organic-btn  red-btn medium-btn  align-right\" href=\"#modal-8\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-8\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/p>\n<ul>\n<li>List Item Example<\/li>\n<li>List Item Example<\/li>\n<li>List Item Example<\/li>\n<\/ul>\n<p>Cras mattis consectetur purus sit amet fermentum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras justo odio, dapibus ac facilisis in, egestas eget quam.<\/div>\n\n\t\t<div class=\"modal modal-btn  align-right\"><a class=\"organic-btn  black-btn large-btn  align-right\" href=\"#modal-9\" rel=\"modal:open\"><span class=\"btn-holder\">Modal Box Example<\/span><\/a><\/div>\n\t\t<div id=\"modal-9\" class=\"modal organic-modal\" style=\"display: none;\"><span class=\"modal-title\">Modal Box Example<\/span>Nullam id dolor id nibh ultricies vehicula ut id elit. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia.<\/div>\n<pre><code>&#091;modal align=\"right\" size=\"small\" color=\"white\" title=\"Modal Box Example\" tag=\"modal-7\"]...[\/modal]\n&#091;modal align=\"right\" size=\"medium\" color=\"red\" title=\"Modal Box Example\" tag=\"modal-8\"]...[\/modal]\n&#091;modal align=\"right\" size=\"large\" color=\"black\" title=\"Modal Box Example\" tag=\"modal-9\"]...[\/modal]<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Modal Boxes can be used for messages, advertising, donations, shopping carts and more. Below are example of buttons that open a modal box using the provided shortcode within the theme. &#091;modal align=&#8221;left&#8221; size=&#8221;small&#8221; color=&#8221;blue&#8221; title=&#8221;Modal Box Example&#8221; tag=&#8221;modal-1&#8243;]&#8230;[\/modal] &#091;modal align=&#8221;left&#8221; size=&#8221;medium&#8221; color=&#8221;green&#8221; title=&#8221;Modal Box Example&#8221; tag=&#8221;modal-2&#8243;]&#8230;[\/modal] &#091;modal align=&#8221;left&#8221; size=&#8221;large&#8221; color=&#8221;yellow&#8221; title=&#8221;Modal Box Example&#8221; tag=&#8221;modal-3&#8243;]&#8230;[\/modal] &#091;modal align=&#8221;center&#8221; size=&#8221;small&#8221; color=&#8221;cyan&#8221; title=&#8221;Modal Box Example&#8221; tag=&#8221;modal-4&#8243;]&#8230;[\/modal] &#091;modal align=&#8221;center&#8221;&#8230; <a class=\"read-more\" href=\"https:\/\/organicthemes.com\/demo\/luxury\/shortcodes__trashed\/modal-box\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"jetpack_shortlink":"https:\/\/wp.me\/P6fUC6-D","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":0,"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/organicthemes.com\/demo\/luxury\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}