{"id":4225,"date":"2025-10-02T13:18:45","date_gmt":"2025-10-02T13:18:45","guid":{"rendered":"https:\/\/yrpitsolutions.com\/amrsaad\/?page_id=4225"},"modified":"2025-10-02T14:30:40","modified_gmt":"2025-10-02T14:30:40","slug":"4225-2","status":"publish","type":"page","link":"https:\/\/docsaad.com\/en\/4225-2\/","title":{"rendered":""},"content":{"rendered":"<!-- Testimonial Card -->\n<div class=\"testimonial-card\">\n  <p class=\"testimonial-excerpt\">&#8220;This is a short preview of the testimonial&#8230;&#8221;<\/p>\n  <button class=\"read-more-btn\" data-testimonial=\"This is the full testimonial text that will show up in the popup modal. It can be long and detailed.\">Read More<\/button>\n<\/div>\n\n<!-- Popup Modal -->\n<div id=\"testimonial-modal\" class=\"modal\">\n  <div class=\"modal-content\">\n    <span class=\"close\">&times;<\/span>\n    <p id=\"testimonial-text\"><\/p>\n  <\/div>\n<\/div>\n\n<style>\n\/* Testimonial Card Styling *\/\n.testimonial-card {\n  background: #fff;\n  border-radius: 16px;\n  padding: 20px;\n  margin: 20px auto;\n  max-width: 500px;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n}\n\n.testimonial-excerpt {\n  font-size: 16px;\n  color: #333;\n  margin-bottom: 12px;\n}\n\n.read-more-btn {\n  background: #0073aa; \/* WordPress blue *\/\n  color: #fff;\n  border: none;\n  padding: 10px 18px;\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 14px;\n  transition: background 0.3s ease;\n}\n.read-more-btn:hover {\n  background: #005177;\n}\n\n\/* Modal background *\/\n.modal {\n  display: none; \n  position: fixed; \n  z-index: 1000;\n  padding-top: 100px; \n  left: 0;\n  top: 0;\n  width: 100%; \n  height: 100%; \n  overflow: auto; \n  background: rgba(0,0,0,0.6);\n}\n\n\/* Modal box *\/\n.modal-content {\n  background: #fff;\n  margin: auto;\n  padding: 20px;\n  border-radius: 16px; \/* also rounded *\/\n  width: 80%;\n  max-width: 600px;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n}\n\n\/* Close button *\/\n.close {\n  color: #aaa;\n  float: right;\n  font-size: 28px;\n  cursor: pointer;\n}\n.close:hover {\n  color: #000;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const modal = document.getElementById(\"testimonial-modal\");\n  const modalText = document.getElementById(\"testimonial-text\");\n  const closeBtn = document.querySelector(\".close\");\n\n  \/\/ Handle Read More clicks\n  document.querySelectorAll(\".read-more-btn\").forEach(btn => {\n    btn.addEventListener(\"click\", function() {\n      modalText.textContent = this.dataset.testimonial; \n      modal.style.display = \"block\";\n    });\n  });\n\n  \/\/ Close modal\n  closeBtn.onclick = () => modal.style.display = \"none\";\n  window.onclick = (e) => {\n    if (e.target === modal) modal.style.display = \"none\";\n  };\n});\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>&#8220;This is a short preview of the testimonial&#8230;&#8221; Read More &times;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4225","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/pages\/4225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/comments?post=4225"}],"version-history":[{"count":1,"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/pages\/4225\/revisions"}],"predecessor-version":[{"id":4226,"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/pages\/4225\/revisions\/4226"}],"wp:attachment":[{"href":"https:\/\/docsaad.com\/en\/wp-json\/wp\/v2\/media?parent=4225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}