{"id":35,"date":"2022-08-21T19:44:32","date_gmt":"2022-08-21T19:44:32","guid":{"rendered":"https:\/\/demos.rednao.com\/pagebuilder\/?page_id=35"},"modified":"2022-08-21T19:53:37","modified_gmt":"2022-08-21T19:53:37","slug":"listing-demo","status":"publish","type":"page","link":"https:\/\/demos.rednao.com\/pagebuilder\/listing-demo\/","title":{"rendered":"Listing Demo"},"content":{"rendered":"\n\n    <form style=\"max-width: 1200px;margin:auto;\" method=\"post\" data-id=\"69df12ad2a8bb\" class=\"PageGenerator Listing\">\n        \n        \n<div class=\"Area Multiple\">\n    <style>\n        .Column_5 {align-self:center !important;}\n.Block_11 img{border-top-width:5px !important;border-right-width:5px !important;border-bottom-width:5px !important;border-left-width:5px !important;}\n\n.Row_7 {background-color:#e1e1e1 !important;border-top-left-radius:0px !important;border-top-right-radius:0px !important;border-bottom-left-radius:5px !important;border-bottom-right-radius:5px !important;border-style:solid !important;border-top-width:1px !important;border-color:#ccc3c3 !important;border-right-width:0px !important;border-bottom-width:0px !important;border-left-width:0px !important;}\n.Block_5 {border-style:solid !important;border-color:#b1b1b1 !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important;border-bottom-left-radius:5px !important;border-bottom-right-radius:5px !important;border-top-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-left-width:1px !important;}\n.Column_12 {border-style:solid !important;border-bottom-width:1px !important;border-color:#e1e1e1 !important;border-top-width:0px !important;border-right-width:0px !important;border-left-width:0px !important;}\n.Column_4 {align-self:center !important;}\n\n        @media (max-width: 768px) {\n        \n        }\n    <\/style>\n    <div>\n                    \n            \n<div class=\"Section Section_TopSection\">\n            \n        <div class=\"rnRow Row_3 \">\n                    \n<div class=\"rnColumn Column_3\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_3 rnSearchBar \" >\n            \n\n            <fieldset style=\"width: 100%;border:1px solid #dfdfdf;padding:5px;display: block;\">\n            <legend style=\"display: flex;align-items: center\">\n                <svg fill=\"currentColor\" viewBox=\"0 0 512 512\" style=\"height: 1em; margin-right: 5px;\"><path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\n                Search Criteria\n            <\/legend>\n                <div style=\"display: flex; flex-wrap: wrap;align-items: baseline\">\n                    \n\n<div style=\"width:calc(33.33% - 2px);margin-left:2px;display:inline-block;margin-bottom:5px;}}\">\n    <strong>Name<\/strong>\n    \n\n<input value=\"\" type=\"text\" style=\"width: 100%\" data-search-field-id=\"1\"\/>\n<\/div>\n                    \n\n<div style=\"width:calc(33.33% - 2px);margin-left:2px;display:inline-block;margin-bottom:5px;}}\">\n    <strong>Breed Type<\/strong>\n    \n<select style=\"width: 100%\" data-search-field-id=\"2\">\n    <option value=\"\">All<\/option>\n            <option  value=\"Companion\">Companion<\/option>\n            <option  value=\"Hunt\">Hunt<\/option>\n            <option  value=\"Mixed\">Mixed<\/option>\n    <\/select>\n<\/div>\n            <\/div>\n    <div>\n        <button disabled  class=\"rnbtn rnbtn-success searchButton\" tabindex=\"0\" type=\"submit\" style=\"align-items: center; display: flex;margin-left: 2px;margin-top: 3px;cursor: pointer;\">\n            <span class=\"jss2\" style=\"display: flex\">\n                <svg fill=\"currentColor\" viewBox=\"0 0 512 512\" style=\"height: 1em; margin-right: 3px;\">\n                    <path d=\"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z\"><\/path><\/svg>\n            <\/span>\n            <span>Search<\/span>\n        <\/button>\n    <\/div>\n\n        <\/fieldset>\n\n        <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_8 \">\n                    \n<div class=\"rnColumn Column_9\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_14 rnNavigation \" >\n            \n    <div>\n        \n        \n                                                <span class=\"navigationItem\">1<\/span>\n                \n                                                <a class=\"navigationItem\" href=\".\/?i=2&amp;tid=2\"  href=\"#\">2<\/a>\n                \n                                                <a class=\"navigationItem\" href=\".\/?i=3&amp;tid=2\"  href=\"#\">3<\/a>\n                \n            \n\n                            <a class=\"navigationItem\" href=\".\/?i=2&amp;tid=2\" href=\"#\">&gt;<\/a>\n                <a class=\"navigationItem\" href=\".\/?i=3&amp;tid=2\" href=\"#\">&gt;&gt;<\/a>\n                        <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n    <\/div>\n                    \n            \n\n\n    <div class=\"Section Section_ListingSection \">\n                    <div class=\"SectionPerRow Row0\" style=\"width:100%;\">\n                                    \n        <div class=\"rnRow Row_2 \">\n                    \n<div class=\"rnColumn Column_2\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_5 rnInnerSection \" >\n                    \n        <div class=\"rnRow Row_11 \">\n                    \n<div class=\"rnColumn Column_12\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_18 rnField \" >\n            \n\n        <div class=\"fieldValue\">\n        Schnoodle\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_4 \">\n                    \n<div class=\"rnColumn Column_4\" style=\"width: 17%\">\n            \n        <div class=\"rnBlock Block_11 rnFieldImage \" >\n                \n\n            <div class=\"imageContainer\">\n                            <img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/file_23206_schnoodle-460x290-ab2a116148c2ee42f1db08ce46e27826-83d8f7d961e367a632771dddc05d3cd7.jpg\"\/>\n                    <\/div>\n\n        <\/div>\n\n\n    <\/div>\n                    \n<div class=\"rnColumn Column_5\" style=\"width: 83%\">\n            \n        <div class=\"rnBlock Block_10 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Description<\/strong><\/label>\n        <div class=\"fieldValue\">\n        What a pistol! Smart, active, and adorable, the Schnoodle has become a popular hybrid dog breed. They\u2019re a cross between the Poodle and the Schnauzer and can be found in many colors.\n    <\/div>\n    <\/div>\n\n\n            \n        <div class=\"rnBlock Block_13 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Breed Type<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Mixed\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_12 \">\n                    \n<div class=\"rnColumn Column_13\" style=\"width: 100%\">\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_7 \">\n                    \n<div class=\"rnColumn Column_8\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_12 rnTextWithFields \" >\n        <p style=\"text-align: right\"><a target=\"_self\" href=\".\/?ar=view&amp;tp=2&amp;form_id=6&amp;entryid=1&amp;nonce=992e5b7928&amp;tid=2\"  style=\"\">Vew Details<\/a><\/p>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n                            <\/div>\n            \n                    <div class=\"SectionPerRow Row1\" style=\"width:100%;\">\n                                    \n        <div class=\"rnRow Row_2 \">\n                    \n<div class=\"rnColumn Column_2\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_5 rnInnerSection \" >\n                    \n        <div class=\"rnRow Row_11 \">\n                    \n<div class=\"rnColumn Column_12\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_18 rnField \" >\n            \n\n        <div class=\"fieldValue\">\n        Basset Hound\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_4 \">\n                    \n<div class=\"rnColumn Column_4\" style=\"width: 17%\">\n            \n        <div class=\"rnBlock Block_11 rnFieldImage \" >\n                \n\n            <div class=\"imageContainer\">\n                            <img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-1679091c5a880faf6fb5e6087eb1b2dc\/Basset-Hound-standing-in-the-garden-f41299a4c1f197f488512ac2ed36075c.jpg\"\/>\n                    <\/div>\n\n        <\/div>\n\n\n    <\/div>\n                    \n<div class=\"rnColumn Column_5\" style=\"width: 83%\">\n            \n        <div class=\"rnBlock Block_10 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Description<\/strong><\/label>\n        <div class=\"fieldValue\">\n        The Basset Hound dog breed was bred for hunting small game such as rabbits and is still used for this purpose in some parts of the United States. When they\u2019re not on the trail of a bunny, they\u2019re laid-back family friends who love kids.\n    <\/div>\n    <\/div>\n\n\n            \n        <div class=\"rnBlock Block_13 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Breed Type<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Hunt\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_12 \">\n                    \n<div class=\"rnColumn Column_13\" style=\"width: 100%\">\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_7 \">\n                    \n<div class=\"rnColumn Column_8\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_12 rnTextWithFields \" >\n        <p style=\"text-align: right\"><a target=\"_self\" href=\".\/?ar=view&amp;tp=2&amp;form_id=6&amp;entryid=2&amp;nonce=23c37139af&amp;tid=2\"  style=\"\">Vew Details<\/a><\/p>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n                            <\/div>\n            \n                    <div class=\"SectionPerRow Row2\" style=\"width:100%;\">\n                                    \n        <div class=\"rnRow Row_2 \">\n                    \n<div class=\"rnColumn Column_2\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_5 rnInnerSection \" >\n                    \n        <div class=\"rnRow Row_11 \">\n                    \n<div class=\"rnColumn Column_12\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_18 rnField \" >\n            \n\n        <div class=\"fieldValue\">\n        Poodle\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_4 \">\n                    \n<div class=\"rnColumn Column_4\" style=\"width: 17%\">\n            \n        <div class=\"rnBlock Block_11 rnFieldImage \" >\n                \n\n            <div class=\"imageContainer\">\n                            <img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/purina-brand-que-sabes-de-los-perros-poodle-8c09950395fa73fd624f-09f1d0d54d120a2b823fde5d5f440dc0.jpg\"\/>\n                    <\/div>\n\n        <\/div>\n\n\n    <\/div>\n                    \n<div class=\"rnColumn Column_5\" style=\"width: 83%\">\n            \n        <div class=\"rnBlock Block_10 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Description<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Elegant. Proud. Clever. The Poodle is an impressive dog, as the many best-in-show winners from this dog breed can attest. But behind the blue ribbons, impressive hairdos, and regal attitude, you\u2019ll find an affectionate family dog with an ancient history and many talents.\n    <\/div>\n    <\/div>\n\n\n            \n        <div class=\"rnBlock Block_13 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Breed Type<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Companion\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_12 \">\n                    \n<div class=\"rnColumn Column_13\" style=\"width: 100%\">\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_7 \">\n                    \n<div class=\"rnColumn Column_8\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_12 rnTextWithFields \" >\n        <p style=\"text-align: right\"><a target=\"_self\" href=\".\/?ar=view&amp;tp=2&amp;form_id=6&amp;entryid=3&amp;nonce=1e5f8a747b&amp;tid=2\"  style=\"\">Vew Details<\/a><\/p>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n                            <\/div>\n            \n                    <div class=\"SectionPerRow Row3\" style=\"width:100%;\">\n                                    \n        <div class=\"rnRow Row_2 \">\n                    \n<div class=\"rnColumn Column_2\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_5 rnInnerSection \" >\n                    \n        <div class=\"rnRow Row_11 \">\n                    \n<div class=\"rnColumn Column_12\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_18 rnField \" >\n            \n\n        <div class=\"fieldValue\">\n        Miniature Schnauzer\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_4 \">\n                    \n<div class=\"rnColumn Column_4\" style=\"width: 17%\">\n            \n        <div class=\"rnBlock Block_11 rnFieldImage \" >\n                \n\n            <div class=\"imageContainer\">\n                            <img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/Miniature-Schnauzer-On-White-01-fa933efeaf56313951f1dccf2671e513-0cba4669e171f1cfacfb59f46f2173e2.jpg\"\/>\n                    <\/div>\n\n        <\/div>\n\n\n    <\/div>\n                    \n<div class=\"rnColumn Column_5\" style=\"width: 83%\">\n            \n        <div class=\"rnBlock Block_10 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Description<\/strong><\/label>\n        <div class=\"fieldValue\">\n        The Miniature Schnauzer dog breed has it all in one small package: intelligence, affection, an extroverted temperament, humor, and a personality that\u2019s twice as big as their bodies. Throw in that walrus mustache and quivering enthusiasm, and they\u2019ll make you laugh every day.\n    <\/div>\n    <\/div>\n\n\n            \n        <div class=\"rnBlock Block_13 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Breed Type<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Companion\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_12 \">\n                    \n<div class=\"rnColumn Column_13\" style=\"width: 100%\">\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_7 \">\n                    \n<div class=\"rnColumn Column_8\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_12 rnTextWithFields \" >\n        <p style=\"text-align: right\"><a target=\"_self\" href=\".\/?ar=view&amp;tp=2&amp;form_id=6&amp;entryid=4&amp;nonce=058d8172e1&amp;tid=2\"  style=\"\">Vew Details<\/a><\/p>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n                            <\/div>\n            \n                    <div class=\"SectionPerRow Row4\" style=\"width:100%;\">\n                                    \n        <div class=\"rnRow Row_2 \">\n                    \n<div class=\"rnColumn Column_2\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_5 rnInnerSection \" >\n                    \n        <div class=\"rnRow Row_11 \">\n                    \n<div class=\"rnColumn Column_12\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_18 rnField \" >\n            \n\n        <div class=\"fieldValue\">\n        Labrador Retriever\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_4 \">\n                    \n<div class=\"rnColumn Column_4\" style=\"width: 17%\">\n            \n        <div class=\"rnBlock Block_11 rnFieldImage \" >\n                \n\n            <div class=\"imageContainer\">\n                            <img src=\"https:\/\/demos.rednao.com\/pagebuilder\/wp-content\/uploads\/sites\/217\/wpforms\/6-3c5226172a0396669dd92f8958ebd55c\/Labrador-Retriever-fc240a271e78e66d8dfb2a2ede7ece92.webp\"\/>\n                    <\/div>\n\n        <\/div>\n\n\n    <\/div>\n                    \n<div class=\"rnColumn Column_5\" style=\"width: 83%\">\n            \n        <div class=\"rnBlock Block_10 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Description<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Labradors are one of the most popular dog breeds for companionship due to their adaptability. If you want a cuddle buddy, someone to watch Netflix with, a hiking partner, a watchdog, or a hunting dog, the humble Labrador will fit into your life.\n    <\/div>\n    <\/div>\n\n\n            \n        <div class=\"rnBlock Block_13 rnField \" >\n            \n\n            <label class=\"fieldLabel\"><strong>Breed Type<\/strong><\/label>\n        <div class=\"fieldValue\">\n        Companion\n    <\/div>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_12 \">\n                    \n<div class=\"rnColumn Column_13\" style=\"width: 100%\">\n    <\/div>\n            <\/div>\n\n\n            \n        <div class=\"rnRow Row_7 \">\n                    \n<div class=\"rnColumn Column_8\" style=\"width: 100%\">\n            \n        <div class=\"rnBlock Block_12 rnTextWithFields \" >\n        <p style=\"text-align: right\"><a target=\"_self\" href=\".\/?ar=view&amp;tp=2&amp;form_id=6&amp;entryid=5&amp;nonce=25f576637a&amp;tid=2\"  style=\"\">Vew Details<\/a><\/p>\n    <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n        <\/div>\n\n\n    <\/div>\n            <\/div>\n\n\n                            <\/div>\n            \n            <\/div>\n\n                    \n            \n<div class=\"Section Section_BottomSection\">\n    <\/div>\n            <\/div>\n<\/div>\n\n        \n    <\/form>\n\n    <script>\n        function rnSubmit(e,parameters)\n        {\n            e.preventDefault();\n            let pageGenerator=e.target.closest('.PageGenerator').PageGenerator;\n            pageGenerator.Submit(parameters);\n        }\n    <\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages\/35"}],"collection":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":5,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/pages\/35\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/demos.rednao.com\/pagebuilder\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}