{"id":1558,"date":"2024-02-05T10:26:19","date_gmt":"2024-02-05T10:26:19","guid":{"rendered":"https:\/\/onesaas.local\/?page_id=1558"},"modified":"2024-04-16T14:45:24","modified_gmt":"2024-04-16T14:45:24","slug":"block-examples","status":"publish","type":"page","link":"https:\/\/messagemedia.com\/au\/block-examples\/","title":{"rendered":"Block examples"},"content":{"rendered":"\r\n  <section class=\"header-block py-4 py-lg-7 bg-primary \">\r\n    <div class=\"container bg-primary\">\r\n      <div class=\"row align-items-center \">\r\n\r\n        <div class=\"col-md-6 \">\r\n\r\n          \r\n          \r\n                      <h1 class=\"mb-lg-4 p-0\">HERO UNIT = HEADER BLOCK<\/h1>\r\n          \r\n                      <p class=\"mb-4\">Lorem ipsum<\/p>\r\n          \r\n                      <div class=\"btn-group\">\r\n              <a href=\"https:\/\/hub.messagemedia.com\/register\"  class=\"btn btn-secondary btn-sm mb-3 me-3 \" >Try us free<\/a><a href=\"https:\/\/messagemedia.com\/au\/contact\/\/\"  class=\"btn btn-outline-secondary btn-sm mb-3 \" >Book a demo<\/a>            <\/div>\r\n          \r\n          \r\n        <\/div>\r\n\r\n        \r\n          <link rel=\"preload\" as=\"image\" href=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Home-hero.webp\">\r\n\r\n          <div class=\"col-md-6 text-center\">\r\n                          <img decoding=\"async\" fetchpriority=\"high\"  width=\"640\" height=\"535\" class=\"skip-lazy img-fluid \" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Home-hero.webp\" alt=\"Image for HERO UNIT = HEADER BLOCK\">\r\n                      <\/div>\r\n\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n    \n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Card v1 = Special cards Type Default<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row gy-4 cards  cards-transparent\">\r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 d-flex flex-column border rounded-top bg-white\">\r\n\r\n                            <img decoding=\"async\" class=\"special-image\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Reply-even-when-youre-offline.png\" alt=\"Image for Lorem ipsum\">\r\n\r\n                            <div class=\"card-body p-4 pt-3\">\r\n                                <h5>Lorem ipsum<\/h5>\r\n\r\n                                <div class=\"card-text \">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                <\/div>\r\n\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 d-flex flex-column border rounded-top bg-white\">\r\n\r\n                            <img decoding=\"async\" class=\"special-image\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Reply-even-when-youre-offline.png\" alt=\"Image for Lorem ipsum\">\r\n\r\n                            <div class=\"card-body p-4 pt-3\">\r\n                                <h5>Lorem ipsum<\/h5>\r\n\r\n                                <div class=\"card-text \">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                <\/div>\r\n\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 d-flex flex-column border rounded-top bg-white\">\r\n\r\n                            <img decoding=\"async\" class=\"special-image\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Reply-even-when-youre-offline.png\" alt=\"Image for Lorem ipsum\">\r\n\r\n                            <div class=\"card-body p-4 pt-3\">\r\n                                <h5>Lorem ipsum<\/h5>\r\n\r\n                                <div class=\"card-text \">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                <\/div>\r\n\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Tab-vertical-v1 = Vertical tabs<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    <div class=\"row align-items-center\">\r\n\r\n        <div class=\"col-md-6\">\r\n                                <div class=\"vertical-tabs p-3 p-lg-4 mb-3 rounded\r\n                     active\">\r\n                        <p class=\"h4\">Reach customers where they are <\/p>\r\n                        <p class=\"mb-0\">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum <\/p>\r\n                    <\/div>\r\n                                <div class=\"vertical-tabs p-3 p-lg-4 mb-3 rounded\r\n                    \">\r\n                        <p class=\"h4\">Reach customers where they are  2<\/p>\r\n                        <p class=\"mb-0\">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum <\/p>\r\n                    <\/div>\r\n                                <div class=\"vertical-tabs p-3 p-lg-4 mb-3 rounded\r\n                    \">\r\n                        <p class=\"h4\">Reach customers where they are  3<\/p>\r\n                        <p class=\"mb-0\">Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum <\/p>\r\n                    <\/div>\r\n            \r\n                    <\/div>\r\n\r\n        <div class=\"col-md-6 text-center\">\r\n            \r\n                    <img decoding=\"async\" style=\"max-height: 450px;\" class=\"vertical-tabs-image img-fluid show\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Realtime-inbox-image-1.png\" alt=\"Image for Reach customers where they are \">\r\n            \r\n                    <img decoding=\"async\" style=\"max-height: 450px;\" class=\"vertical-tabs-image img-fluid :\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Chatbox-image-6.webp\" alt=\"Image for Reach customers where they are  2\">\r\n            \r\n                    <img decoding=\"async\" style=\"max-height: 450px;\" class=\"vertical-tabs-image img-fluid :\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Customise-Chatbox-apng.png\" alt=\"Image for Reach customers where they are  3\">\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        var vertical_tabs = document.querySelectorAll('.vertical-tabs');\r\n        var vertical_tabs_images = document.querySelectorAll('.vertical-tabs-image');\r\n\r\n        counter = 0;\r\n\r\n        vertical_tabs.forEach(function(text, index) {\r\n            text.addEventListener('click', function() {\r\n\r\n                \/\/ Remove \"active\" class from previously active text\r\n                vertical_tabs.forEach(function(tab) {\r\n                    tab.classList.remove('active');\r\n                });\r\n\r\n                \/\/ Add \"active\" class to the active text\r\n                text.classList.add('active');\r\n\r\n                \/\/ Remove \"show\" class from previously hovered image\r\n                vertical_tabs_images[counter].classList.remove('show');\r\n\r\n                \/\/ Add \"show\" class to the corresponding image\r\n                vertical_tabs_images[index].classList.add('show');\r\n\r\n                \/\/ Update the currently hovered text index\r\n                counter = index;\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Lorem Ipsum<\/h2>                    <p>Donec egestas, sem ac dapibus bibendum, justo ex mattis dui, id rhoncus odio dolor vitae est.<\/p>                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\r\n    <div class=\"row \">\r\n        <div class=\"col-md-6 order-2 order-sm-1 align-self-md-center\">\r\n            <div class=\"accordion\" id=\"accordion-1\">\r\n                                        <div class=\"accordion-item border-0 bg-transparent mb-4\">\r\n                            <div class=\"bg-transparent\" id=\"heading-1\">\r\n                                <button type=\"button\" class=\"mb-0 accordion-button shadow-none px-0 pb-3 bg-transparent accordion-panel-title\" data-counter=\"1\" data-bs-target=\"#collapse-1\" data-bs-toggle=\"collapse\" aria-expanded=\"true\" aria-controls=\"collapse-1\">\r\n                                    <span class=\"h5 mb-0\">Lorem ipsum dolor sit amet<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapse-1\" class=\"collapse show\" aria-labelledby=\"heading-1\" data-bs-parent=\"#accordion-1\" style=\"\">\r\n\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n                            <\/div>\r\n                        <\/div>\r\n                                        <div class=\"accordion-item border-0 bg-transparent mb-4\">\r\n                            <div class=\"bg-transparent\" id=\"heading-2\">\r\n                                <button type=\"button\" class=\"mb-0 accordion-button shadow-none px-0 pb-3 bg-transparent accordion-panel-title collapsed\" data-counter=\"2\" data-bs-target=\"#collapse-2\" data-bs-toggle=\"collapse\" aria-expanded=\"false\" aria-controls=\"collapse-2\">\r\n                                    <span class=\"h5 mb-0\">Maecenas viverra nec<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapse-2\" class=\"collapse\" aria-labelledby=\"heading-2\" data-bs-parent=\"#accordion-1\" style=\"\">\r\n\r\n                                Suspendisse ut interdum arcu, a sagittis nisi. Aenean malesuada id velit sed auctor.\r\n                            <\/div>\r\n                        <\/div>\r\n                                        <div class=\"accordion-item border-0 bg-transparent mb-4\">\r\n                            <div class=\"bg-transparent\" id=\"heading-3\">\r\n                                <button type=\"button\" class=\"mb-0 accordion-button shadow-none px-0 pb-3 bg-transparent accordion-panel-title collapsed\" data-counter=\"3\" data-bs-target=\"#collapse-3\" data-bs-toggle=\"collapse\" aria-expanded=\"false\" aria-controls=\"collapse-3\">\r\n                                    <span class=\"h5 mb-0\">Maecenas viverra nec<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapse-3\" class=\"collapse\" aria-labelledby=\"heading-3\" data-bs-parent=\"#accordion-1\" style=\"\">\r\n\r\n                                Suspendisse ut interdum arcu, a sagittis nisi. Aenean malesuada id velit sed auctor.\r\n                            <\/div>\r\n                        <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n            <\/div>\r\n\r\n<style>\r\n    @media (min-width: 768px) {\r\n        .accordion-custom-image-width {\r\n            max-width: 80% !important;\r\n        }\r\n    }\r\n<\/style>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                                                        <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n  <div class=\"cta \">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            CTA v1 = CTA          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/hub.messagemedia.com\/register\"  class=\"btn btn-secondary btn-sm mb-3 me-3 \" >Get a free trial<\/a><a href=\"https:\/\/messagemedia.com\/au\/contact\/\/\"  class=\"btn btn-outline-secondary btn-sm mb-3 \"  >Book a demo<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"199\" height=\"203\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/cta-support-center.png\" alt=\"Image for CTA v1 = CTA\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Card V2 = Special cards type default<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row gy-4 cards  cards-transparent\">\r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 d-flex flex-column border rounded-top bg-white\">\r\n\r\n                            <img decoding=\"async\" class=\"special-image\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Bulk-SMS-features-two-way.png\" alt=\"Image for Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\">\r\n\r\n                            <div class=\"card-body p-4 pt-3\">\r\n                                <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt<\/h5>\r\n\r\n                                <div class=\"card-text mb-3\">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                <\/div>\r\n\r\n                                                                    <div class=\"text-start mt-auto\">\r\n                                        <a href=\"#\" class=\"btn-arrow\">Explore<\/a>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 d-flex flex-column border rounded-top bg-white\">\r\n\r\n                            <img decoding=\"async\" class=\"special-image\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Bulk-SMS-features-two-way.png\" alt=\"Image for Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\">\r\n\r\n                            <div class=\"card-body p-4 pt-3\">\r\n                                <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt<\/h5>\r\n\r\n                                <div class=\"card-text mb-3\">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                <\/div>\r\n\r\n                                                                    <div class=\"text-start mt-auto\">\r\n                                        <a href=\"#\" class=\"btn-arrow\">Explore<\/a>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 d-flex flex-column border rounded-top bg-white\">\r\n\r\n                            <img decoding=\"async\" class=\"special-image\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Bulk-SMS-features-two-way.png\" alt=\"Image for Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt\">\r\n\r\n                            <div class=\"card-body p-4 pt-3\">\r\n                                <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt<\/h5>\r\n\r\n                                <div class=\"card-text mb-3\">\r\n                                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                <\/div>\r\n\r\n                                                                    <div class=\"text-start mt-auto\">\r\n                                        <a href=\"#\" class=\"btn-arrow\">Explore<\/a>\r\n                                    <\/div>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Ways to use v2 = Special cards type ways to use<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row gy-4 cards  cards-transparent\">\r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-6\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">Lorem Ipsum Dolor<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                    <\/div>\r\n\r\n                                                                            <ul>\r\n                                                                                                <li>Two way SMS<\/li>\r\n                                                                                                <li>Two way SMS<\/li>\r\n                                                                                                <li><a href=\"#\">Two way SMS<\/a><\/li>\r\n                                                                                        <\/ul>\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/01\/reminder_bubble.webp\" alt=\"Image for Lorem Ipsum Dolor\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-6\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">Lorem Ipsum Dolor<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                    <\/div>\r\n\r\n                                                                            <ul>\r\n                                                                                                <li>Two way SMS<\/li>\r\n                                                                                                <li>Two way SMS<\/li>\r\n                                                                                                <li><a href=\"#\">Two way SMS<\/a><\/li>\r\n                                                                                        <\/ul>\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/01\/reminder_bubble.webp\" alt=\"Image for Lorem Ipsum Dolor\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-6\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">Lorem Ipsum Dolor<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                    <\/div>\r\n\r\n                                                                            <ul>\r\n                                                                                                <li>Two-way SMS<\/li>\r\n                                                                                                <li>Two-way SMS<\/li>\r\n                                                                                                <li><a href=\"#\">Two-way SMS<\/a><\/li>\r\n                                                                                                    <li>Two-way SMS<\/li>\r\n                                                                                    <\/ul>\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/01\/shopping_basket.webp\" alt=\"Image for Lorem Ipsum Dolor\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-6\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">Lorem Ipsum Dolor<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                                    <\/div>\r\n\r\n                                                                            <ul>\r\n                                                                                                <li>Two-way SMS<\/li>\r\n                                                                                                <li>Two-way SMS<\/li>\r\n                                                                                                <li><a href=\"#\">Two-way SMS<\/a><\/li>\r\n                                                                                                    <li>Two-way SMS<\/li>\r\n                                                                                    <\/ul>\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/01\/shopping_basket.webp\" alt=\"Image for Lorem Ipsum Dolor\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Lorem Ipsum<\/h2>                    <p>Donec egestas, sem ac dapibus bibendum, justo ex mattis dui, id rhoncus odio dolor vitae est.<\/p>                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    <ul class=\"nav nav-tabs border-0\" role=\"tablist\">\r\n\r\n                    \r\n                \r\n                    <li class=\"nav-item\" role=\"presentation\">\r\n                        <button class=\"nav-link active\" data-bs-toggle=\"tab\" data-bs-target=\"#code_0\" type=\"button\" role=\"tab\" aria-controls=\"code_0\" aria-selected=\"true\">\r\n                            PHP                        <\/button>\r\n                    <\/li>\r\n\r\n                \r\n            \r\n                \r\n                    <li class=\"nav-item\" role=\"presentation\">\r\n                        <button class=\"nav-link\" data-bs-toggle=\"tab\" data-bs-target=\"#code_1\" type=\"button\" role=\"tab\" aria-controls=\"code_1\" aria-selected=\"false\">\r\n                            Javascript                        <\/button>\r\n                    <\/li>\r\n\r\n                \r\n                    \r\n    <\/ul>\r\n    <div class=\"tab-content\">\r\n\r\n                    \r\n                                    <div class=\"tab-pane fade show active\" id=\"code_0\" role=\"tabpanel\" aria-labelledby=\"code_0\">\r\n                        <pre class=\"language-PHP\">\r\n                        <code class=\"language-PHP\">\r\n\r\n                            echo \"test\";\r\n                        <\/code>\r\n                    <\/pre>\r\n                    <\/div>\r\n                \r\n\r\n            \r\n                                    <div class=\"tab-pane fade\" id=\"code_1\" role=\"tabpanel\" aria-labelledby=\"code_1\">\r\n                        <pre class=\"language-Javascript\">\r\n                        <code class=\"language-Javascript\">\r\n\r\n                            console.log(\"test\");\r\n                        <\/code>\r\n                    <\/pre>\r\n                    <\/div>\r\n                \r\n\r\n                        <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-white\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Hubspot form = Section + Hubspot form block<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\t\r\n\t\t<div class=\"marketing-cloud-form-container p-5 p-md-9\">\r\n\r\n\t\t\t\r\n\t\t\t<iframe\r\n\t\t\t\tid=\"marketing-cloud-form\"\r\n\t\t\t\tclass=\"marketing-cloud-iframe\"\r\n\t\t\t\tsrc=\"https:\/\/cloud.m.sinch.com\/sinchform1_0?referrer=https%3A%2F%2Fmessagemedia.com%2Fau%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1558&#038;lang=au&#038;theme=messagemedia.com\"\r\n\t\t\t\ttitle=\"Contact form\"\r\n\t\t\t\tstyle=\"width: 100%;\">\r\n\t\t\t<\/iframe>\r\n\t\t<\/div>\r\n\r\n\t\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\n<h2 class=\"wp-block-heading\">Hubspot form = Section + Alternating Block + Hubspot form block<\/h2>\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Lorem Ipsum<\/h2>                    <p>Donec egestas, sem ac dapibus bibendum, justo ex mattis dui, id rhoncus odio dolor vitae est.<\/p>                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row g-4 cards  cards-transparent\">\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">50%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">60%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Maecenas viverra nec justo nec condimentum.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">70%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Mauris rutrum pellentesque ipsum ex tincidunt.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">70%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Mauris rutrum pellentesque ipsum ex tincidunt.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light pb-0\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Ready to roll?<\/h2>                    <p>Fill out the form below and we\u2019ll be in touch shortly.<\/p>                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\r\n<div class=\"row align-items-center  align-items-end\">\r\n    <div class=\"mb-3 mb-md-0 col-md-6 text-center order-md-1\">\r\n        <img decoding=\"async\" style=\"max-height: 600px\" alt=\"\" class=\"img-fluid rounded\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/form-girl.png.webp\">    <\/div>\r\n    <div class=\"col-md-6  order-md-2\">\r\n        <div>\r\n                            \n\r\n\t\r\n\t\t<div class=\"marketing-cloud-form-container p-5 p-md-9\">\r\n\r\n\t\t\t\r\n\t\t\t<iframe\r\n\t\t\t\tid=\"marketing-cloud-form\"\r\n\t\t\t\tclass=\"marketing-cloud-iframe\"\r\n\t\t\t\tsrc=\"https:\/\/cloud.m.sinch.com\/sinchform1_0?referrer=https%3A%2F%2Fmessagemedia.com%2Fau%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1558&#038;lang=au&#038;theme=messagemedia.com\"\r\n\t\t\t\ttitle=\"Contact form\"\r\n\t\t\t\tstyle=\"width: 100%;\">\r\n\t\t\t<\/iframe>\r\n\t\t<\/div>\r\n\r\n\t\n\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Stats = Section + Stats<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row g-4 cards  cards-transparent\">\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">50%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">50%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card h-100 p-1 d-flex flex-column\">\r\n\r\n                        <div class=\"card-body\">\r\n                            <h4 class=\"h1 text-info\">50%<\/h4>\r\n                            <div class=\"card-text\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit.                            <\/div>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Image and text v2 \/ v1 = Section + alternating block<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\r\n<div class=\"row align-items-center \">\r\n    <div class=\"mb-3 mb-md-0 col-md-6 text-center order-md-2\">\r\n        <a href=\"https:\/\/app2.simpletexting.com\/sign-up\/\"><img decoding=\"async\" style=\"max-height: 410px\" alt=\"Lorem ipsum dolor sit amet\" class=\"img-fluid mb-4 mb-lg-0 rounded\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Card_v1_benefit_3.png\"><\/a>    <\/div>\r\n    <div class=\"col-md-6  order-md-1\">\r\n        <div>\r\n            \r\n                <h3 class=\"mb-3\">Lorem ipsum dolor sit amet<\/h3>\r\n                <p class=\"mb-4\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\r\n                                \r\n        <div> \r\n\t\t    <a class=\"btn btn-sm btn-secondary me-2\" href=\"https:\/\/app2.simpletexting.com\/sign-up\/\">Learn More<\/a>\r\n        <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Ways to use v1 = Section with Alternating block<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\r\n<div class=\"row align-items-center \">\r\n    <div class=\"mb-3 mb-md-0 col-md-6 text-center order-md-2\">\r\n        <img decoding=\"async\" style=\"max-height: 410px\" alt=\"\" class=\"img-fluid rounded\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Features.webp\">    <\/div>\r\n    <div class=\"col-md-6  order-md-1\">\r\n        <div>\r\n                            \n\r\n    \r\n        \r\n        <div class=\"row g-4 cards  cards-transparent\">\r\n                                            <div class=\"col-12 col-md-6 col-lg-6\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-6\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-6\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-6\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                    <\/div>\r\n\r\n\n\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">faqs = Section + FAQ<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n<div class=\"faqs\" id=\"faq-id-1\">\r\n        <div class=\"faqs-faq position-relative\">\r\n          <p\r\n            id=\"title-1\"\r\n            class=\"faqs-faq-title mb-0 \"\r\n            data-bs-toggle=\"collapse\"\r\n            data-bs-target=\"#faq-collapse-1\"\r\n            aria-expanded=\"true\"\r\n            aria-controls=\"faq-collapse-1\"\r\n            >\r\n\r\n            <button\r\n            class=\"h5 accordion-button shadow-none p-0 m-0 bg-transparent text-dark\"\r\n            type=\"button\"\r\n            data-bs-toggle=\"collapse\"\r\n            data-bs-target=\"#faq-collapse-1\"\r\n            aria-expanded=\"true\"\r\n            aria-controls=\"faq-collapse-1\">\r\n            What is SimpleTexting all about?\r\n            <\/button>\r\n            \r\n          <\/p>\r\n          <div class=\"faqs-faq-answer-padding\">\r\n              <div\r\n                id=\"faq-collapse-1\"\r\n                class=\"faqs-faq-answer collapse show\"\r\n                aria-labelledby=\"title-1\"\r\n                data-bs-parent=\"faq-id-1\">\r\n                SimpleTexting exists to help businesses make an impact with the most reliable and straightforward way to reach people. We do this by enabling organizations to communicate via text.\r\n              <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"faqs-faq position-relative\">\r\n          <p\r\n            id=\"title-2\"\r\n            class=\"faqs-faq-title mb-0  collapsed\"\r\n            data-bs-toggle=\"collapse\"\r\n            data-bs-target=\"#faq-collapse-2\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"faq-collapse-2\"\r\n            >\r\n\r\n            <button\r\n            class=\"h5 accordion-button shadow-none p-0 m-0 bg-transparent text-dark collapsed\"\r\n            type=\"button\"\r\n            data-bs-toggle=\"collapse\"\r\n            data-bs-target=\"#faq-collapse-2\"\r\n            aria-expanded=\"false\"\r\n            aria-controls=\"faq-collapse-2\">\r\n            What is SimpleTexting all about?\r\n            <\/button>\r\n            \r\n          <\/p>\r\n          <div class=\"faqs-faq-answer-padding\">\r\n              <div\r\n                id=\"faq-collapse-2\"\r\n                class=\"faqs-faq-answer collapse\"\r\n                aria-labelledby=\"title-2\"\r\n                data-bs-parent=\"faq-id-1\">\r\n                SimpleTexting exists to help businesses make an impact with the most reliable and straightforward way to reach people. We do this by enabling organizations to communicate via text.\r\n              <\/div>\r\n          <\/div>\r\n        <\/div><\/div>\r\n  <script type=\"application\/ld+json\">\r\n  {\r\n    \"@context\": \"https:\/\/schema.org\",\r\n    \"@type\": \"FAQPage\",\r\n    \"@id\": \"https:\/\/messagemedia.com\/au\/block-examples\/\",\r\n    \"mainEntity\": [{\r\n        \"@type\": \"Question\",\r\n        \"name\": \"What is SimpleTexting all about?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"SimpleTexting exists to help businesses make an impact with the most reliable and straightforward way to reach people. We do this by enabling organizations to communicate via text.\"\r\n        }\r\n      },\r\n    {\r\n        \"@type\": \"Question\",\r\n        \"name\": \"What is SimpleTexting all about?\",\r\n        \"acceptedAnswer\": {\r\n          \"@type\": \"Answer\",\r\n          \"text\": \"SimpleTexting exists to help businesses make an impact with the most reliable and straightforward way to reach people. We do this by enabling organizations to communicate via text.\"\r\n        }\r\n      }\r\n    ]}<\/script>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Card resources &#8211; not a priority atm<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-white\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">FORM-MULTIPLE &#8211; will be moved to a template<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Feature points v1 &#8211; Cards<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\n<p><\/p>\n\n\n\r\n    \r\n        \r\n        <div class=\"row g-4 cards  cards-transparent\">\r\n                                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                                                        <h5>Lorem Ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-white\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Feature points v1 &#8211; Cards (with footnote)<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row g-4 cards  cards-transparent\">\r\n                                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                            \r\n                    <p class=\"card-icon mb-lg-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/laptop_Integration_api.svg\" alt=\"Icon for Lorem ipsum\">\r\n                    <\/p>                            <h5>Lorem ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                            \r\n                    <p class=\"card-icon mb-lg-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/phone_speech_bubble_money.svg\" alt=\"Icon for Lorem ipsum\">\r\n                    <\/p>                            <h5>Lorem ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                                            <div class=\"col-12 col-md-6 col-lg-4\">\r\n                    <div class=\"card  h-100 p-1 d-flex flex-column\">\r\n\r\n                                                <div class=\"card-body\">\r\n                            \r\n                    <p class=\"card-icon mb-lg-4\">\r\n                        <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/thumb_up.svg\" alt=\"Icon for Lorem ipsum\">\r\n                    <\/p>                            <h5>Lorem ipsum<\/h5>\r\n                            <div class=\"card-text mb-4\">\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt                            <\/div>\r\n\r\n                        <\/div>\r\n                        <div class=\"text-start mt-auto\">\r\n                                                    <\/div>\r\n\r\n                                            <\/div>\r\n                <\/div>\r\n\r\n                    <\/div>\r\n\r\n\n\n\n<p class=\"text-small mt-4\"><sup>^<\/sup><a href=\"https:\/\/simpletexting.com\/2022-texting-and-sms-marketing-statistics\/\">SimpleTexting<\/a>, 2022 Texting &amp; SMS Marketing Statistics.<\/p>\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Feature points v2 = Section with Cards<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row gy-4 cards  cards-transparent\">\r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/sms-filled.svg\" alt=\"Icon for Best-in-class platform.\">\r\n                        <\/p>\r\n                            <h5>Best-in-class platform.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li><a href=\"test\">test<\/a><\/li>\r\n                                                                                    <li>test<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/sms-filled.svg\" alt=\"Icon for Best-in-class platform.\">\r\n                        <\/p>\r\n                            <h5>Best-in-class platform.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li><a href=\"test\">test<\/a><\/li>\r\n                                                                                    <li>test<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/sms-filled.svg\" alt=\"Icon for Best-in-class platform.\">\r\n                        <\/p>\r\n                            <h5>Best-in-class platform.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li><a href=\"test\">test<\/a><\/li>\r\n                                                                                    <li>test<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/sms-filled.svg\" alt=\"Icon for Best-in-class platform.\">\r\n                        <\/p>\r\n                            <h5>Best-in-class platform.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li><a href=\"test\">test<\/a><\/li>\r\n                                                                                    <li>test<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-9\">\r\n                    <h2 class=\"mb-4\">Video-v1 = Section with Custom video block<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-9 justify-content-center\">\r\n                    \n\r\n  <style>\r\n    .iframe-container {\r\n      padding-top: 56.25%;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .responsive-iframe {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      border: none;\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"iframe-container position-relative\">\r\n    <iframe class=\"responsive-iframe\" src=\"https:\/\/player.vimeo.com\/video\/780966752?h=22efb3270c\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen=\"\" aria-label=\"MessageMedia Video\"><\/iframe>\r\n  <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Pricing = Moved to template\r\n<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\n<p><\/p>\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-white\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Integrations-v1 &#8211; Needs to be build, same as Blog posts from ST<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\n<p><\/p>\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary overflow-hidden\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">New Testimonial Block<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n                    <div class=\"position-relative\">\r\n            <div class=\"row\">\r\n                <div class=\"col-12\">\r\n\r\n                    <div class=\"carousel-content pb-4\">\r\n                        <div class=\"d-flex carousel-container justify-content-start position-relative\">\r\n                            \r\n                                <div class=\"carousel-item d-flex flex-column rounded-3 py-5 px-45 p-md-6 me-3\">\r\n                                                                            <div>\r\n                                            <img decoding=\"async\" class=\"testimonial-logo mb-45\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Jacaranda-Finance-logo-grey.svg\" alt=\"Testimonial Logo from Customer Name\" \/>\r\n                                        <\/div>\r\n                                    \r\n                                                                            <div>\r\n                                            <p class=\"h6 mb-45 testimonial-content\">\r\n                                                 Sinch MessageMedia was so easy to set up, and we really enjoyed being able to ask questions to real people. The transition from our previous supplier was seamless. Very happy! \r\n                                                                                        <\/p>\r\n                                        <\/div>\r\n                                    \r\n                                    <div class=\"d-flex\">\r\n                                        \r\n                                        <div class=\"d-flex flex-column align-self-center\">\r\n                                                                                            <div>\r\n                                                    <p class=\"mb-0 fw-bold text-dark testimonial-author-info\">Customer Name<\/p>\r\n                                                <\/div>\r\n                                            \r\n                                                                                            <div>\r\n                                                    <p class=\"mb-0 testimonial-author-info testimonial-position\">Position of Quotee <\/p>\r\n                                                <\/div>\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                            \r\n                                <div class=\"carousel-item d-flex flex-column rounded-3 py-5 px-45 p-md-6 me-3\">\r\n                                                                            <div>\r\n                                            <img decoding=\"async\" class=\"testimonial-logo mb-45\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Vinomofo-logo-logo-grey.svg\" alt=\"Testimonial Logo from Wendy Faire\" \/>\r\n                                        <\/div>\r\n                                    \r\n                                                                            <div>\r\n                                            <p class=\"h6 mb-45 testimonial-content\">\r\n                                                 The return on investment is amazing. It\u2019s such a small price per text message, when you think about it, but we\u2019ve been using them to get $90-$100 transactions. It\u2019s just been really successful. \r\n                                                                                        <\/p>\r\n                                        <\/div>\r\n                                    \r\n                                    <div class=\"d-flex\">\r\n                                        \r\n                                        <div class=\"d-flex flex-column align-self-center\">\r\n                                                                                            <div>\r\n                                                    <p class=\"mb-0 fw-bold text-dark testimonial-author-info\">Wendy Faire<\/p>\r\n                                                <\/div>\r\n                                            \r\n                                                                                            <div>\r\n                                                    <p class=\"mb-0 testimonial-author-info testimonial-position\">Marketing Manager, Coffex Coffee Pty Ltd <\/p>\r\n                                                <\/div>\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                            \r\n                                <div class=\"carousel-item d-flex flex-column rounded-3 py-5 px-45 p-md-6 me-3\">\r\n                                    \r\n                                                                            <div>\r\n                                            <p class=\"h6 mb-45 testimonial-content\">\r\n                                                 The return on investment is amazing. It\u2019s such a small price per text message, when you think about it, but we\u2019ve been using them to get $90-$100 transactions. It\u2019s just been really successful. \r\n\r\n                                                                                        <\/p>\r\n                                        <\/div>\r\n                                    \r\n                                    <div class=\"d-flex\">\r\n                                        \r\n                                        <div class=\"d-flex flex-column align-self-center\">\r\n                                                                                            <div>\r\n                                                    <p class=\"mb-0 fw-bold text-dark testimonial-author-info\">Wendy Faire<\/p>\r\n                                                <\/div>\r\n                                            \r\n                                                                                            <div>\r\n                                                    <p class=\"mb-0 testimonial-author-info testimonial-position\">Marketing Manager, Coffex Coffee Pty Ltd <\/p>\r\n                                                <\/div>\r\n                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                                    <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n                            <div class=\"slide-nav\">\r\n                    <button id=\"prev\" class=\"arrows p-0\" onclick=\"prevSlide()\" aria-label=\"Previous Slide\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5607 4.93958C15.1464 5.52537 15.1464 6.47512 14.5607 7.0609L9.62132 12.0002L14.5607 16.9396C15.1464 17.5254 15.1464 18.4751 14.5607 19.0609C13.9749 19.6467 13.0251 19.6467 12.4393 19.0609L6.43934 13.0609C5.85355 12.4751 5.85355 11.5254 6.43934 10.9396L12.4393 4.93958C13.0251 4.3538 13.9749 4.3538 14.5607 4.93958Z\" fill=\"#090E12\" \/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                    <button id=\"next\" class=\"arrows p-0\" onclick=\"nextSlide()\" aria-label=\"Next Slide\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M9.43934 19.0609C8.85355 18.4751 8.85355 17.5254 9.43934 16.9396L14.3787 12.0002L9.43934 7.0609C8.85355 6.47512 8.85355 5.52537 9.43934 4.93958C10.0251 4.3538 10.9749 4.3538 11.5607 4.93958L17.5607 10.9396C18.1464 11.5254 18.1464 12.4751 17.5607 13.0609L11.5607 19.0609C10.9749 19.6467 10.0251 19.6467 9.43934 19.0609Z\" fill=\"#090E12\" \/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n\r\n                                <script>\r\n                    let carouselIndex = 0;\r\n                    const items = document.querySelector('.carousel-container');\r\n                    const carousel_element = document.querySelector('.carousel-item')\r\n                    const totalItems = document.querySelectorAll('.carousel-item').length;\r\n\r\n                    function updateCarousel() {\r\n                        \/\/ Get the margin-right value \/ width\r\n                        \/\/ return it in REM for margin-right\r\n                        const carousel_item = parseFloat(window.getComputedStyle(carousel_element).getPropertyValue('width'));\r\n                        const marginRight = parseFloat(window.getComputedStyle(carousel_element).getPropertyValue('margin-right')) \/ 16;\r\n\r\n                        \/\/ Calculate the new right position using rem units\r\n                        let newRight = `${carouselIndex * carousel_item}px`;\r\n\r\n                        \/\/ Add the offset for non-zero carousel index\r\n                        if (carouselIndex > 0) {\r\n                            \/\/ Multiply 4rem by carouselIndex to increase the offset\r\n                            newRight += ` + ${marginRight * carouselIndex}rem`;\r\n                        }\r\n\r\n                        \/\/ Update the style.right property with the new value\r\n                        items.style.right = `calc(${newRight})`;\r\n                    }\r\n\r\n                    function nextSlide() {\r\n                        carouselIndex = (carouselIndex + 1) % totalItems;\r\n                        updateCarousel();\r\n                    }\r\n\r\n                    function prevSlide() {\r\n                        carouselIndex = (carouselIndex - 1 + totalItems) % totalItems;\r\n                        updateCarousel();\r\n                    }\r\n                <\/script>\r\n                    \r\n        <\/div>\r\n    \n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">IMAGE-AND-ACCORDION-V1 &#8212; Accordion block<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\r\n    <div class=\"row \">\r\n        <div class=\"col-md-6 order-2 order-sm-1 align-self-md-center\">\r\n            <div class=\"accordion\" id=\"accordion-1\">\r\n                                        <div class=\"accordion-item border-0 bg-transparent mb-4\">\r\n                            <div class=\"bg-transparent\" id=\"heading-1\">\r\n                                <button type=\"button\" class=\"mb-0 accordion-button shadow-none px-0 pb-3 bg-transparent accordion-panel-title\" data-counter=\"1\" data-bs-target=\"#collapse-1\" data-bs-toggle=\"collapse\" aria-expanded=\"true\" aria-controls=\"collapse-1\">\r\n                                    <span class=\"h5 mb-0\">Lorem Ipsum<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapse-1\" class=\"collapse show\" aria-labelledby=\"heading-1\" data-bs-parent=\"#accordion-1\" style=\"\">\r\n\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n                            <\/div>\r\n                        <\/div>\r\n                                        <div class=\"accordion-item border-0 bg-transparent mb-4\">\r\n                            <div class=\"bg-transparent\" id=\"heading-2\">\r\n                                <button type=\"button\" class=\"mb-0 accordion-button shadow-none px-0 pb-3 bg-transparent accordion-panel-title collapsed\" data-counter=\"2\" data-bs-target=\"#collapse-2\" data-bs-toggle=\"collapse\" aria-expanded=\"false\" aria-controls=\"collapse-2\">\r\n                                    <span class=\"h5 mb-0\">Lorem Ipsum<\/span>\r\n                                <\/button>\r\n                            <\/div>\r\n                            <div id=\"collapse-2\" class=\"collapse\" aria-labelledby=\"heading-2\" data-bs-parent=\"#accordion-1\" style=\"\">\r\n\r\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n                            <\/div>\r\n                        <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n                    <div class=\"col-md-6 order-1 order-sm-2 text-center mb-5 mb-lg-0\">\r\n                <img decoding=\"async\" class=\"img-fluid accordion-custom-image-width\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Card_v1_benefit_7.png\" alt=\"\">\r\n            <\/div>\r\n            <\/div>\r\n\r\n<style>\r\n    @media (min-width: 768px) {\r\n        .accordion-custom-image-width {\r\n            max-width: 80% !important;\r\n        }\r\n    }\r\n<\/style>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">form-v1 &#8211; Section with Hubspot form<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\t\r\n\t\t<div class=\"marketing-cloud-form-container p-5 p-md-9\">\r\n\r\n\t\t\t\r\n\t\t\t<iframe\r\n\t\t\t\tid=\"marketing-cloud-form\"\r\n\t\t\t\tclass=\"marketing-cloud-iframe\"\r\n\t\t\t\tsrc=\"https:\/\/cloud.m.sinch.com\/sinchform1_0?referrer=https%3A%2F%2Fmessagemedia.com%2Fau%2Fwp-json%2Fwp%2Fv2%2Fpages%2F1558&#038;lang=au&#038;theme=messagemedia.com\"\r\n\t\t\t\ttitle=\"Contact form\"\r\n\t\t\t\tstyle=\"width: 100%;\">\r\n\t\t\t<\/iframe>\r\n\t\t<\/div>\r\n\r\n\t\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Customer logos = clients type AU<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    <div class=\"row justify-content-center align-items-center \">\r\n\r\n                    <div class=\"col text-center\">\r\n                <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/images\/blocks\/clients\/logo_Rebel.png\" alt=\"Rebel\">\r\n            <\/div>\r\n            <div class=\"col text-center\">\r\n                <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/images\/blocks\/clients\/logo_13cabs.png\" alt=\"13Cabs\">\r\n            <\/div>\r\n            <div class=\"col text-center\">\r\n                <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/images\/blocks\/clients\/logo_Cancer-Council.png\" alt=\"Cancer Council\">\r\n            <\/div>\r\n            <div class=\"col text-center\">\r\n                <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/images\/blocks\/clients\/logo_Vinomofo.png\" alt=\"Vinomofo\">\r\n            <\/div>\r\n            <div class=\"col text-center\">\r\n                <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/images\/blocks\/clients\/logo_F45.png\" alt=\"F45\">\r\n            <\/div>\r\n        \r\n        \r\n        \r\n        \r\n    <\/div>\r\n\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                    <h2 class=\"mb-4\">Integrations = Section with Special cards<\/h2>                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row gy-4 cards  cards-transparent\">\r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">Salesforce<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Mercury SMS provides Salesforce users the ability to send individual or bulk SMS messages to Leads and Contacts.\r\n<br><br>\r\nConstruct your messages ad-hoc, or select a template with personalised fields. You can even set up automatic messages, such as a welcome text to new leads.\r\n<br><br>\r\n<a class=\"btn-arrow\" href=\"https:\/\/messagemedia.com\/au\/integrations\/sms-for-salesforce\/\">Learn more<\/a>                                    <\/div>\r\n\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Salesforce.com_logo.svg\" alt=\"Image for Salesforce\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">Shopify<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Mercury SMS provides Salesforce users the ability to send individual or bulk SMS messages to Leads and Contacts.\r\n<br><br>\r\nConstruct your messages ad-hoc, or select a template with personalised fields. You can even set up automatic messages, such as a welcome text to new leads.\r\n<br><br>\r\n<a class=\"btn-arrow\" href=\"https:\/\/messagemedia.com\/au\/integrations\/shopify\/\">Learn more<\/a>                                    <\/div>\r\n\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Shopify-logo.svg\" alt=\"Image for Shopify\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                        <div class=\"card h-100 p-4 d-flex flex-column border rounded bg-white\">\r\n\r\n                            <div class=\"row\">\r\n                                <div class=\"col-12 col-md-10\">\r\n                                    <h5 class=\"fw-bold mb-4\">HubSpot<\/h5>\r\n                                    <div class=\"card-text mb-3\">\r\n                                        Mercury SMS provides Salesforce users the ability to send individual or bulk SMS messages to Leads and Contacts.\r\n<br><br>\r\nConstruct your messages ad-hoc, or select a template with personalised fields. You can even set up automatic messages, such as a welcome text to new leads.\r\n<br><br>\r\n<a class=\"btn-arrow\" href=\"https:\/\/messagemedia.com\/au\/integrations\/hubspot\/\">Learn more<\/a>                                    <\/div>\r\n\r\n                                                                    <\/div>\r\n\r\n                                <div class=\"col-12 col-md-2 order-first order-lg-last mb-3 mb-lg-0\">\r\n                                    <img decoding=\"async\" class=\"img-fluid\" style=\"max-height: 80px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Hubspot-logo_wide.svg\" alt=\"Image for HubSpot\" width=\"auto\" height=\"auto\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                \r\n                    <\/div>\r\n\r\n\n\n\r\n  <div class=\"d-block text-center\">\r\n    <a  href=\"https:\/\/messagemedia.com\/au\/integrations\/\" class=\"btn my-0 btn-secondary  mt-5 btn-sm\" >\r\n      View integrations\r\n    <\/a>\r\n  <\/div>\r\n  \n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\n<p>Why choose us? = two sections with Alternating Block and Special Cards<\/p>\n\n\n    <section  class=\"section py-4 py-lg-7 bg-light\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                                                        <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n\r\n<div class=\"row align-items-center \">\r\n    <div class=\"mb-3 mb-md-0 col-md-6 text-center order-md-2\">\r\n        <a href=\"https:\/\/messagemedia.com\/au\/contact\/\"><img decoding=\"async\" style=\"max-height: 553px\" alt=\"Why choose us?\" class=\"img-fluid mb-4 mb-lg-0 rounded\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Why-MM.webp\"><\/a>    <\/div>\r\n    <div class=\"col-md-6  order-md-1\">\r\n        <div>\r\n            \r\n                <h3 class=\"mb-3\">Why choose us?<\/h3>\r\n                <p class=\"mb-4\">We\u2019re a global messaging provider that helps businesses of all sizes cut through the noise \u2013 we\u2019re talking 98% open rates and 36% click-through rates.^ That kind of cut through. So it\u2019s no wonder we\u2019ve got thousands of customers worldwide and have been in the business for over 20 years.\r\n<p class=\"text-small pb-3\"><sup>^<\/sup><a href=\"https:\/\/simpletexting.com\/2022-texting-and-sms-marketing-statistics\/\">SimpleTexting<\/a>, 2022 Texting &amp; SMS Marketing Statistics.<\/p>\r\n\r\n<\/p>\r\n                                \r\n        <div> \r\n\t\t    <a class=\"btn btn-sm btn-secondary me-2\" href=\"https:\/\/messagemedia.com\/au\/contact\/\">Get in touch<\/a>\r\n        <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n<\/div>\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n    <section  class=\"section py-4 py-lg-7 bg-white\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                                                        <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\r\n    \r\n        \r\n        <div class=\"row gy-4 cards  cards-transparent\">\r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/thumb_up.svg\" alt=\"Icon for Best-in-class platform.\">\r\n                        <\/p>\r\n                            <h5>Best-in-class platform.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li>Easy-to-use web portal.<\/li>\r\n                                                                                <li>No software to install.<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/earth_grid.svg\" alt=\"Icon for The numbers stack up.\">\r\n                        <\/p>\r\n                            <h5>The numbers stack up.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li>20+ years of industry experience.<\/li>\r\n                                                                                <li>650+ million messages sent monthly.<\/li>\r\n                                                                                <li>70,000+ global customers (across all our brands).<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/connected.svg\" alt=\"Icon for Seriously connected.\">\r\n                        <\/p>\r\n                            <h5>Seriously connected.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li>85+ third-party integrations.<\/li>\r\n                                                                                <li>Direct carrier connections.<\/li>\r\n                                                                                <li>On-shore delivery.<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n            \r\n                \r\n                    <div class=\"col-12 col-md-6 col-lg-3\">\r\n                        <div class=\"card h-100 d-flex flex-column rounded bg-white p-0 p-lg-4\">\r\n\r\n                            \r\n                        <p class=\"card-icon mb-lg-4\">\r\n                            <img decoding=\"async\" src=\"https:\/\/messagemedia.com\/wp-content\/themes\/simpletexting-theme-blank\/assets\/icons\/custom-icons\/product_contactpro.svg\" alt=\"Icon for Exceptional support.\">\r\n                        <\/p>\r\n                            <h5>Exceptional support.<\/h5>\r\n\r\n                            \r\n                                                            <ul>\r\n                                                                                <li>24\/7 live chat and email support.<\/li>\r\n                                                                                <li>Free phone support, 5 days until late.<\/li>\r\n                                                                                <li>Local customer service.<\/li>\r\n                                                                    <\/ul>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n\r\n                \r\n                    <\/div>\r\n\r\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-12\">\nadded custom html container to fix spacing issues of having no sections on this part of the page\n\n\n\n<p>\/\/ end of Why choose us<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">For pages with Sidebar:<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p>Built-in Quote block<\/p>\n\n\n\n<blockquote class=\"wp-block-quote bg-primary rounded p-4 p-md-5 my-5 is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla condimentum, felis quis fermentum vulputate, dui lectus feugiat libero, eu tempor arcu nibh ut justo. Morbi placerat bibendum est nec bibendum. Vestibulum ac sodales urna. Phasellus porttitor facilisis vulputate. In nec pharetra quam, a consectetur odio.&#8221;<\/p>\n<cite>Nam tincidunt, quam id finibus tristique<\/cite><\/blockquote>\n\n\n\n<p>CTA block without section<\/p>\n\n\n\r\n  <div class=\"cta  bg-primary rounded p-4 p-md-5 my-5\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit?          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/messagemedia.com\/au\/integrations\/hubspot\/\"  class=\"btn btn-secondary btn-sm mb-3  \" >Check out the app<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"194\" height=\"190\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2023\/10\/SMS-for-HubSpot-logos-for-CTA.png\" alt=\"Image for Lorem ipsum dolor sit amet, consectetur adipiscing elit?\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\n<h2 class=\"wp-block-heading\">For Legal Pages:<\/h2>\n\n\n\n<p>Customer \/ Integration logos = Section with Logos and CTA block<\/p>\n\n\n    <section  class=\"section py-4 py-lg-7 bg-primary\">\r\n        <div class=\"container\">\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12\">\r\n                                                        <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-lg-center\">\r\n                <div class=\"col-md-12 col-lg-12 justify-content-center\">\r\n                    \n\n<div class=\"wp-block-group flex-column flex-lg-row justify-content-center is-nowrap is-layout-flex wp-container-core-group-is-layout-ad2f72ca wp-block-group-is-layout-flex\">\r\n    \r\n        \r\n        <div class=\"row text-center flex-fill  mb-4 mb-lg-0\">\r\n\r\n            <div class=\"col-12\">\r\n                                    <h2 class=\"mb-0\">Customers<\/h2>\r\n                \r\n                <div class=\"row align-items-center\">\r\n                    \r\n                        <div class=\"col text-center\">\r\n                            <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto my-4\" style=\"max-height: 65px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/13cabs-logo-grey.svg\" alt=\"Logo for Customers\" \/>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"col text-center\">\r\n                            <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto my-4\" style=\"max-height: 65px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Ambulance-Victoria-logo-grey.svg\" alt=\"Logo for Customers\" \/>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"col text-center\">\r\n                            <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto my-4\" style=\"max-height: 65px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Rebel-logo-grey.svg\" alt=\"Logo for Customers\" \/>\r\n                        <\/div>\r\n\r\n                                    <\/div>\r\n                                    <div class=\"\">\r\n                        <a class=\"text-small fw-normal btn-arrow\" href=\"https:\/\/messagemedia.com\/au\/case-studies\/\">Check out our case studies<\/a>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n        <\/div>\r\n\n\n\r\n    \r\n        \r\n        <div class=\"row text-center flex-fill \">\r\n\r\n            <div class=\"col-12\">\r\n                                    <h2 class=\"mb-0\">Integrations<\/h2>\r\n                \r\n                <div class=\"row align-items-center\">\r\n                    \r\n                        <div class=\"col text-center\">\r\n                            <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto my-4\" style=\"max-height: 65px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Zapier-logo-grey.svg\" alt=\"Logo for Integrations\" \/>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"col text-center\">\r\n                            <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto my-4\" style=\"max-height: 65px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Salesforce-logo-grey.svg\" alt=\"Logo for Integrations\" \/>\r\n                        <\/div>\r\n\r\n                    \r\n                        <div class=\"col text-center\">\r\n                            <img decoding=\"async\" class=\"p-2 w-100 w-lg-auto my-4\" style=\"max-height: 65px;\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/HubSpot-logo-grey.svg\" alt=\"Logo for Integrations\" \/>\r\n                        <\/div>\r\n\r\n                                    <\/div>\r\n                                    <div class=\"\">\r\n                        <a class=\"text-small fw-normal btn-arrow\" href=\"https:\/\/messagemedia.com\/au\/integrations\/\">Check out our Integrations<\/a>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n        <\/div>\r\n<\/div>\n\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\n\n\r\n  <div class=\"cta  bg-light rounded my-4\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            Take your inbox with you on the mobile app.          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/hub.messagemedia.com\/register\"  class=\"btn btn-secondary btn-sm mb-3 me-3 \" >Let&#8217;s go<\/a><a href=\"https:\/\/messagemedia.com\/au\/contact\/\"  class=\"btn btn-outline-secondary btn-sm mb-3 \"  >Get in touch<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"640\" height=\"534\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Signup-02.png\" alt=\"Image for Take your inbox with you on the mobile app.\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\r\n  <div class=\"cta  bg-light rounded my-4\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            Ready to make beautiful connections?          <\/h2>\r\n\r\n          <p class=\"mb-4\">Download our latest playbook for more advice on getting closer to your customers<\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/lp.messagemedia.com\/au\/beautiful-connections#get-playbook\"  class=\"btn btn-secondary btn-sm mb-3  \" >Get playbook<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"640\" height=\"535\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Signup.webp\" alt=\"Image for Ready to make beautiful connections?\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\r\n  <div class=\"cta  bg-light rounded my-4\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            Want to try texting your database?          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/hub.messagemedia.com\/register\"  class=\"btn btn-secondary btn-sm mb-3  \" >Start messaging for free<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"640\" height=\"535\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Signup.webp\" alt=\"Image for Want to try texting your database?\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\r\n  <div class=\"cta  bg-light rounded my-4\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            Get started with TCPA-compliant texting.          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/hub.messagemedia.com\/register\"  class=\"btn btn-secondary btn-sm mb-3 me-3 \" >Start a free trial<\/a><a href=\"https:\/\/messagemedia.com\/au\/contact\/\"  class=\"btn btn-outline-secondary btn-sm mb-3 \"  >Get in touch<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"640\" height=\"535\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Signup.webp\" alt=\"Image for Get started with TCPA-compliant texting.\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\r\n  <div class=\"cta  bg-light rounded my-4\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            Take your inbox with you on the mobile app.          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/apps.apple.com\/us\/app\/sinch-messagemedia\/id6447953220\" target=\"blank\" class=\"btn btn-secondary btn-sm mb-3 me-3 \" >Get Iphone app<\/a><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.messagemedia.app\" target=\"blank\" class=\"btn btn-outline-secondary btn-sm mb-3 \"  >Get Android app<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"700\" height=\"688\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/Mobile-App-LP-Hero_large.png\" alt=\"Image for Take your inbox with you on the mobile app.\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\r\n  <div class=\"cta  bg-light rounded my-4\">\r\n    <div class=\"row justify-content-center align-items-center\">\r\n      <div class=\"col-md-6\">\r\n        <div>\r\n          <h2 class=\"mb-4\">\r\n            It\u2019s time to get conversational with your customers.          <\/h2>\r\n\r\n          <p class=\"mb-4\"><\/p>\r\n\r\n                      <div class=\"btn-group mb-0\">\r\n              <a href=\"https:\/\/lp.messagemedia.com\/au\/conversational-messaging\"  class=\"btn btn-secondary btn-sm mb-3  \" >Get playbook<\/a>            <\/div>\r\n                  <\/div>\r\n      <\/div>\r\n      \r\n        <div class=\"col-md-6 text-center\">\r\n            <img decoding=\"async\" class=\"img-fluid\" width=\"1288\" height=\"1079\" src=\"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/02\/conversational-messaging-playbook-cover-flat-1.png\" alt=\"Image for It\u2019s time to get conversational with your customers.\">\r\n        <\/div>\r\n          <\/div>\r\n  <\/div>\r\n\r\n  <style>\r\n    \/* todo move this to cta scss *\/\r\n    .longform-content .cta {\r\n      padding: 3rem !important;\r\n      background-color: rgb(235, 238, 240) !important; \/* bg light *\/\r\n      border-radius: 1rem !important; \/* rounded 3 *\/\r\n      margin: 1.5rem 0; \/*my-4*\/ \r\n    }\r\n  <\/style>\r\n\r\n\n\n\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hubspot form = Section + Alternating Block + Hubspot form block Why choose us? = two sections with Alternating Block and Special Cards added custom html container to fix spacing issues of having no sections on this part of the page \/\/ end of Why choose us For pages with Sidebar: Built-in Quote block &#8220;Lorem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-with-blocks.php","meta":{"_acf_changed":false,"popular":false,"coming_soon":false,"link":"","footnotes":""},"class_list":["post-1558","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Block examples - Sinch MessageMedia Australia<\/title>\n<meta name=\"description\" content=\"Australia\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/messagemedia.com\/au\/block-examples\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Block examples - Sinch MessageMedia\" \/>\n<meta property=\"og:description\" content=\"Hubspot form = Section + Alternating Block + Hubspot form block Why choose us? = two sections with Alternating Block and Special Cards added custom html container to fix spacing issues of having no sections on this part of the page \/\/ end of Why choose us For pages with Sidebar: Built-in Quote block &#8220;Lorem [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/messagemedia.com\/au\/block-examples\/\" \/>\n<meta property=\"og:site_name\" content=\"Sinch MessageMedia\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-16T14:45:24+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/block-examples\\\/\",\"url\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/block-examples\\\/\",\"name\":\"Block examples - Sinch MessageMedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/#website\"},\"datePublished\":\"2024-02-05T10:26:19+00:00\",\"dateModified\":\"2024-04-16T14:45:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/block-examples\\\/#breadcrumb\"},\"inLanguage\":\"en-AU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/messagemedia.com\\\/au\\\/block-examples\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/block-examples\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Block examples\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/#website\",\"url\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/\",\"name\":\"Sinch MessageMedia\",\"description\":\"Business SMS &amp; Messaging Platform\",\"publisher\":{\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-AU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/#organization\",\"name\":\"Sinch MessageMedia\",\"url\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-AU\",\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/messagemedia.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo-mm-sinch.svg\",\"contentUrl\":\"https:\\\/\\\/messagemedia.com\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/logo-mm-sinch.svg\",\"width\":1,\"height\":1,\"caption\":\"Sinch MessageMedia\"},\"image\":{\"@id\":\"https:\\\/\\\/messagemedia.com\\\/au\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Block examples - Sinch MessageMedia Australia","description":"Australia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/messagemedia.com\/au\/block-examples\/","og_locale":"en_US","og_type":"article","og_title":"Block examples - Sinch MessageMedia","og_description":"Hubspot form = Section + Alternating Block + Hubspot form block Why choose us? = two sections with Alternating Block and Special Cards added custom html container to fix spacing issues of having no sections on this part of the page \/\/ end of Why choose us For pages with Sidebar: Built-in Quote block &#8220;Lorem [&hellip;]","og_url":"https:\/\/messagemedia.com\/au\/block-examples\/","og_site_name":"Sinch MessageMedia","article_modified_time":"2024-04-16T14:45:24+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/messagemedia.com\/au\/block-examples\/","url":"https:\/\/messagemedia.com\/au\/block-examples\/","name":"Block examples - Sinch MessageMedia","isPartOf":{"@id":"https:\/\/messagemedia.com\/au\/#website"},"datePublished":"2024-02-05T10:26:19+00:00","dateModified":"2024-04-16T14:45:24+00:00","breadcrumb":{"@id":"https:\/\/messagemedia.com\/au\/block-examples\/#breadcrumb"},"inLanguage":"en-AU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/messagemedia.com\/au\/block-examples\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/messagemedia.com\/au\/block-examples\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/messagemedia.com\/au\/"},{"@type":"ListItem","position":2,"name":"Block examples"}]},{"@type":"WebSite","@id":"https:\/\/messagemedia.com\/au\/#website","url":"https:\/\/messagemedia.com\/au\/","name":"Sinch MessageMedia","description":"Business SMS &amp; Messaging Platform","publisher":{"@id":"https:\/\/messagemedia.com\/au\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/messagemedia.com\/au\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-AU"},{"@type":"Organization","@id":"https:\/\/messagemedia.com\/au\/#organization","name":"Sinch MessageMedia","url":"https:\/\/messagemedia.com\/au\/","logo":{"@type":"ImageObject","inLanguage":"en-AU","@id":"https:\/\/messagemedia.com\/au\/#\/schema\/logo\/image\/","url":"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/03\/logo-mm-sinch.svg","contentUrl":"https:\/\/messagemedia.com\/wp-content\/uploads\/2024\/03\/logo-mm-sinch.svg","width":1,"height":1,"caption":"Sinch MessageMedia"},"image":{"@id":"https:\/\/messagemedia.com\/au\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/pages\/1558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/comments?post=1558"}],"version-history":[{"count":0,"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/pages\/1558\/revisions"}],"wp:attachment":[{"href":"https:\/\/messagemedia.com\/au\/wp-json\/wp\/v2\/media?parent=1558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}