{"id":163,"date":"2026-01-05T11:20:37","date_gmt":"2026-01-05T11:20:37","guid":{"rendered":"https:\/\/www.gokulbuild.com\/?page_id=163"},"modified":"2026-01-21T18:15:42","modified_gmt":"2026-01-21T18:15:42","slug":"important-tips-in-one-place","status":"publish","type":"page","link":"https:\/\/www.gokulbuild.com\/index.php\/important-tips-in-one-place\/","title":{"rendered":"\u091c\u093c\u0930\u0942\u0930\u0940 \u091f\u093f\u092a\u094d\u0938 \u090f\u0915 \u091c\u0917\u0939"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"205\" src=\"https:\/\/www.gokulbuild.com\/wp-content\/uploads\/2026\/01\/Yellow-and-Orange-Rectangles-Modern-Swiss-Business-Retractable-Exhibition-Banner-1024x205.png\" alt=\"\" class=\"wp-image-363\" srcset=\"https:\/\/www.gokulbuild.com\/wp-content\/uploads\/2026\/01\/Yellow-and-Orange-Rectangles-Modern-Swiss-Business-Retractable-Exhibition-Banner-1024x205.png 1024w, https:\/\/www.gokulbuild.com\/wp-content\/uploads\/2026\/01\/Yellow-and-Orange-Rectangles-Modern-Swiss-Business-Retractable-Exhibition-Banner-300x60.png 300w, https:\/\/www.gokulbuild.com\/wp-content\/uploads\/2026\/01\/Yellow-and-Orange-Rectangles-Modern-Swiss-Business-Retractable-Exhibition-Banner-768x154.png 768w, https:\/\/www.gokulbuild.com\/wp-content\/uploads\/2026\/01\/Yellow-and-Orange-Rectangles-Modern-Swiss-Business-Retractable-Exhibition-Banner-1536x307.png 1536w, https:\/\/www.gokulbuild.com\/wp-content\/uploads\/2026\/01\/Yellow-and-Orange-Rectangles-Modern-Swiss-Business-Retractable-Exhibition-Banner-2048x410.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<style>\n.latest-posts {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n  gap: 20px;\n  margin-top: 20px;\n}\n\n.latest-post {\n  border: 1px solid #ddd;\n  border-radius: 10px;\n  overflow: hidden;\n  background: #fff;\n}\n\n.latest-post img {\n  width: 100%;\n  height: 180px;\n  object-fit: cover;\n}\n\n.latest-post-content {\n  padding: 14px;\n}\n\n.latest-post-content h3 {\n  font-size: 16px;\n  margin: 0 0 8px;\n}\n\n.latest-post-content a {\n  text-decoration: none;\n  color: #000;\n}\n\n.read-more {\n  display: inline-block;\n  margin-top: 8px;\n  padding: 6px 12px;\n  background: #0073aa;\n  color: #fff !important;\n  font-size: 13px;\n  border-radius: 5px;\n}\n\n.next-btn {\n  margin: 25px auto;\n  display: block;\n  padding: 8px 20px;\n  font-size: 14px;\n  background: #222;\n  color: #fff;\n  border-radius: 6px;\n  cursor: pointer;\n}\n<\/style>\n\n<div class=\"latest-posts\" id=\"latest-posts\"><\/div>\n<button class=\"next-btn\" id=\"nextBtn\">Next<\/button>\n\n<script>\nlet page = 1;\nconst perPage = 2;\n\nfunction loadPosts() {\n  fetch(`\/wp-json\/wp\/v2\/posts?per_page=${perPage}&page=${page}&_embed`)\n    .then(res => res.json())\n    .then(posts => {\n\n      let html = \"\";\n      posts.forEach(post => {\n\n        let image = post._embedded?.[\"wp:featuredmedia\"]\n          ? post._embedded[\"wp:featuredmedia\"][0].source_url\n          : \"https:\/\/via.placeholder.com\/400x250\";\n\n        html += `\n          <div class=\"latest-post\">\n            <img decoding=\"async\" src=\"${image}\" alt=\"${post.title.rendered}\">\n            <div class=\"latest-post-content\">\n              <h3>\n                <a href=\"${post.link}\">\n                  ${post.title.rendered}\n                <\/a>\n              <\/h3>\n              <a class=\"read-more\" href=\"${post.link}\">Read More<\/a>\n            <\/div>\n          <\/div>\n        `;\n      });\n\n      document.getElementById(\"latest-posts\").innerHTML = html;\n    });\n}\n\ndocument.getElementById(\"nextBtn\").addEventListener(\"click\", () => {\n  page++;\n  loadPosts();\n});\n\nloadPosts();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Next<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-163","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":8,"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/pages\/163\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/www.gokulbuild.com\/index.php\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}