{"id":38,"date":"2026-09-12T20:22:41","date_gmt":"2026-09-12T13:22:41","guid":{"rendered":"https:\/\/test.onsello.com\/?page_id=38"},"modified":"2026-09-18T18:36:13","modified_gmt":"2026-09-18T11:36:13","slug":"wpcode","status":"publish","type":"page","link":"https:\/\/test.onsello.com\/en\/wpcode\/","title":{"rendered":"WPCode"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38\" class=\"elementor elementor-38\">\n\t\t\t\t<div class=\"elementor-element elementor-element-797c37c e-con-full e-flex e-con e-parent\" data-id=\"797c37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65944a7 elementor-widget elementor-widget-html\" data-id=\"65944a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n WORDPRESS BY ONSELLO\r\n WPCODE LEARNING PAGE\r\n HTML + CSS + JS \u2014 CUSTOM HTML READY\r\n========================================================= -->\r\n\r\n<div id=\"wpbo-wpc-page\">\r\n\r\n<style>\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n#wpbo-wpc-page{\r\n  --wpc-blue:#1473e6;\r\n  --wpc-blue-dark:#075cc4;\r\n  --wpc-blue-soft:#eef6ff;\r\n\r\n  --wpc-purple:#6556e4;\r\n  --wpc-purple-soft:#f3f1ff;\r\n\r\n  --wpc-dark:#0f172a;\r\n  --wpc-code:#111827;\r\n\r\n  --wpc-green:#16a34a;\r\n  --wpc-green-soft:#ecfdf3;\r\n\r\n  --wpc-orange:#f59e0b;\r\n  --wpc-red:#ef4444;\r\n\r\n  --wpc-text:#475569;\r\n  --wpc-muted:#64748b;\r\n  --wpc-border:#e2e8f0;\r\n  --wpc-soft:#f8faff;\r\n  --wpc-white:#ffffff;\r\n\r\n  --wpc-shadow:0 20px 55px rgba(15,23,42,.07);\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#fff;\r\n  color:var(--wpc-dark);\r\n  font-family:inherit;\r\n}\r\n\r\n#wpbo-wpc-page *,\r\n#wpbo-wpc-page *::before,\r\n#wpbo-wpc-page *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n#wpbo-wpc-page a{\r\n  text-decoration:none;\r\n}\r\n\r\n#wpbo-wpc-page button{\r\n  font-family:inherit;\r\n}\r\n\r\n.wpbo-wpc-container{\r\n  width:min(1180px,calc(100% - 40px));\r\n  margin:0 auto;\r\n}\r\n\r\n.wpbo-wpc-section{\r\n  padding:95px 0;\r\n}\r\n\r\n.wpbo-wpc-soft{\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #fbfcff 0%,\r\n      #f7f9fd 100%\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON\r\n========================================================= *\/\r\n.wpbo-wpc-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:7px 13px;\r\n  border:1px solid rgba(20,115,230,.09);\r\n  border-radius:999px;\r\n  background:var(--wpc-blue-soft);\r\n  color:var(--wpc-blue);\r\n  font-size:12px;\r\n  font-weight:750;\r\n}\r\n\r\n.wpbo-wpc-eyebrow-dot{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:var(--wpc-blue);\r\n  box-shadow:0 0 0 4px rgba(20,115,230,.08);\r\n}\r\n\r\n.wpbo-wpc-section-head{\r\n  max-width:770px;\r\n  margin:0 auto 46px;\r\n  text-align:center;\r\n}\r\n\r\n.wpbo-wpc-section-head h2{\r\n  margin:15px 0 11px;\r\n  color:var(--wpc-dark);\r\n  font-size:clamp(28px,4vw,42px);\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n.wpbo-wpc-section-head p{\r\n  margin:0;\r\n  color:var(--wpc-muted);\r\n  font-size:15px;\r\n  line-height:1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n.wpbo-wpc-btn{\r\n  min-height:50px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  padding:0 21px;\r\n  border:1px solid transparent;\r\n  border-radius:11px;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  transition:.22s ease;\r\n}\r\n\r\n.wpbo-wpc-btn-primary{\r\n  color:#fff !important;\r\n  background:linear-gradient(135deg,#1473e6,#6556e4);\r\n  box-shadow:0 11px 25px rgba(20,115,230,.21);\r\n}\r\n\r\n.wpbo-wpc-btn-primary:hover{\r\n  transform:translateY(-2px);\r\n  box-shadow:0 15px 32px rgba(20,115,230,.27);\r\n}\r\n\r\n.wpbo-wpc-btn-outline{\r\n  color:#172033 !important;\r\n  border-color:#dce5ef;\r\n  background:#fff;\r\n}\r\n\r\n.wpbo-wpc-btn-outline:hover{\r\n  color:var(--wpc-blue) !important;\r\n  border-color:#b9d7f8;\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n.wpbo-wpc-hero{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:110px 0 105px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 10%,\r\n      rgba(101,86,228,.12),\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 5% 85%,\r\n      rgba(20,115,230,.08),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #fff,\r\n      #fafcff\r\n    );\r\n}\r\n\r\n.wpbo-wpc-hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:470px;\r\n  height:470px;\r\n  right:-190px;\r\n  top:-270px;\r\n  border:1px solid rgba(20,115,230,.09);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n\r\n.wpbo-wpc-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);\r\n  gap:70px;\r\n  align-items:center;\r\n}\r\n\r\n.wpbo-wpc-brand{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:20px;\r\n}\r\n\r\n.wpbo-wpc-brand-icon{\r\n  width:45px;\r\n  height:45px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:12px;\r\n  background:linear-gradient(135deg,#111827,#26344a);\r\n  color:#fff;\r\n  box-shadow:0 10px 24px rgba(15,23,42,.14);\r\n  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;\r\n  font-size:16px;\r\n  font-weight:800;\r\n}\r\n\r\n.wpbo-wpc-brand-text{\r\n  color:#59677b;\r\n  font-size:12px;\r\n  font-weight:750;\r\n}\r\n\r\n.wpbo-wpc-hero h1{\r\n  max-width:760px;\r\n  margin:0;\r\n  color:var(--wpc-dark);\r\n  font-size:clamp(40px,5.2vw,64px);\r\n  line-height:1.07;\r\n  font-weight:850;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.wpbo-wpc-gradient{\r\n  background:linear-gradient(90deg,#1473e6,#6556e4);\r\n  -webkit-background-clip:text;\r\n  background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n}\r\n\r\n.wpbo-wpc-hero-desc{\r\n  max-width:660px;\r\n  margin:22px 0 28px;\r\n  color:var(--wpc-muted);\r\n  font-size:17px;\r\n  line-height:1.9;\r\n}\r\n\r\n.wpbo-wpc-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:11px;\r\n  margin-bottom:27px;\r\n}\r\n\r\n.wpbo-wpc-trust{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:16px;\r\n}\r\n\r\n.wpbo-wpc-trust-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  color:#64748b;\r\n  font-size:12.5px;\r\n}\r\n\r\n.wpbo-wpc-check-small{\r\n  width:19px;\r\n  height:19px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  background:#eaf8ef;\r\n  color:#159447;\r\n  font-size:11px;\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CODE EDITOR MOCKUP\r\n========================================================= *\/\r\n.wpbo-wpc-editor{\r\n  overflow:hidden;\r\n  border:1px solid #d8e0e9;\r\n  border-radius:24px;\r\n  background:#111827;\r\n  box-shadow:0 35px 80px rgba(15,23,42,.18);\r\n}\r\n\r\n.wpbo-wpc-editor-top{\r\n  height:47px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  padding:0 15px;\r\n  border-bottom:1px solid rgba(255,255,255,.08);\r\n  background:#0b101b;\r\n}\r\n\r\n.wpbo-wpc-editor-dots{\r\n  display:flex;\r\n  gap:6px;\r\n}\r\n\r\n.wpbo-wpc-editor-dots span{\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n}\r\n\r\n.wpbo-wpc-editor-dots span:nth-child(1){background:#ff6b6b;}\r\n.wpbo-wpc-editor-dots span:nth-child(2){background:#ffd166;}\r\n.wpbo-wpc-editor-dots span:nth-child(3){background:#42d392;}\r\n\r\n.wpbo-wpc-editor-name{\r\n  color:#a9b4c4;\r\n  font-size:9px;\r\n  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;\r\n}\r\n\r\n.wpbo-wpc-editor-body{\r\n  min-height:395px;\r\n  display:grid;\r\n  grid-template-columns:105px 1fr;\r\n}\r\n\r\n.wpbo-wpc-editor-sidebar{\r\n  padding:17px 9px;\r\n  border-right:1px solid rgba(255,255,255,.07);\r\n  background:#0e1523;\r\n}\r\n\r\n.wpbo-wpc-editor-menu{\r\n  height:29px;\r\n  display:flex;\r\n  align-items:center;\r\n  padding:0 8px;\r\n  margin-bottom:5px;\r\n  border-radius:6px;\r\n  color:#778599;\r\n  font-size:7px;\r\n}\r\n\r\n.wpbo-wpc-editor-menu.active{\r\n  color:#fff;\r\n  background:#1e6bd6;\r\n}\r\n\r\n.wpbo-wpc-code-area{\r\n  padding:20px 18px;\r\n}\r\n\r\n.wpbo-wpc-code-head{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.wpbo-wpc-code-head strong{\r\n  color:#f8fafc;\r\n  font-size:10px;\r\n}\r\n\r\n.wpbo-wpc-code-status{\r\n  padding:4px 8px;\r\n  border-radius:999px;\r\n  background:rgba(34,197,94,.12);\r\n  color:#74de9a;\r\n  font-size:7px;\r\n  font-weight:750;\r\n}\r\n\r\n.wpbo-wpc-code-toolbar{\r\n  display:flex;\r\n  gap:5px;\r\n  margin-bottom:15px;\r\n}\r\n\r\n.wpbo-wpc-code-toolbar span{\r\n  padding:4px 7px;\r\n  border-radius:5px;\r\n  background:#182235;\r\n  color:#8090a6;\r\n  font-size:7px;\r\n}\r\n\r\n.wpbo-wpc-code-lines{\r\n  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;\r\n  font-size:9px;\r\n  line-height:1.9;\r\n  color:#b6c2d2;\r\n}\r\n\r\n.wpbo-wpc-line{\r\n  display:flex;\r\n  gap:13px;\r\n}\r\n\r\n.wpbo-wpc-ln{\r\n  width:15px;\r\n  color:#526075;\r\n  text-align:right;\r\n}\r\n\r\n.wpbo-wpc-token-blue{color:#65a7ff;}\r\n.wpbo-wpc-token-green{color:#70d6a0;}\r\n.wpbo-wpc-token-pink{color:#ed7ab4;}\r\n.wpbo-wpc-token-orange{color:#f6ba6d;}\r\n.wpbo-wpc-token-white{color:#e6edf7;}\r\n\r\n.wpbo-wpc-code-bottom{\r\n  margin-top:20px;\r\n  padding:12px;\r\n  border:1px solid rgba(255,255,255,.07);\r\n  border-radius:9px;\r\n  background:#0d1421;\r\n}\r\n\r\n.wpbo-wpc-code-bottom-title{\r\n  margin-bottom:8px;\r\n  color:#748399;\r\n  font-size:7px;\r\n}\r\n\r\n.wpbo-wpc-insert-row{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:7px;\r\n}\r\n\r\n.wpbo-wpc-insert-box{\r\n  padding:9px;\r\n  border:1px solid rgba(255,255,255,.07);\r\n  border-radius:7px;\r\n  color:#95a4b8;\r\n  font-size:7px;\r\n}\r\n\r\n.wpbo-wpc-insert-box.active{\r\n  border-color:#296fcf;\r\n  background:rgba(20,115,230,.09);\r\n  color:#9fc9ff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUICK NAV\r\n========================================================= *\/\r\n.wpbo-wpc-quick{\r\n  position:relative;\r\n  z-index:5;\r\n  margin-top:-35px;\r\n}\r\n\r\n.wpbo-wpc-quick-box{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  overflow:hidden;\r\n  border:1px solid #e3eaf1;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:var(--wpc-shadow);\r\n}\r\n\r\n.wpbo-wpc-quick-item{\r\n  padding:21px 18px;\r\n  text-align:center;\r\n  border-right:1px solid #edf1f5;\r\n  color:#172033 !important;\r\n  transition:.2s ease;\r\n}\r\n\r\n.wpbo-wpc-quick-item:last-child{\r\n  border-right:0;\r\n}\r\n\r\n.wpbo-wpc-quick-item:hover{\r\n  background:#f8fbff;\r\n}\r\n\r\n.wpbo-wpc-quick-item strong{\r\n  display:block;\r\n  margin-bottom:4px;\r\n  font-size:13px;\r\n}\r\n\r\n.wpbo-wpc-quick-item span{\r\n  color:#7c899b;\r\n  font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n.wpbo-wpc-intro-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:18px;\r\n}\r\n\r\n.wpbo-wpc-intro-card{\r\n  position:relative;\r\n  padding:27px;\r\n  overflow:hidden;\r\n  border:1px solid var(--wpc-border);\r\n  border-radius:18px;\r\n  background:#fff;\r\n  transition:.24s ease;\r\n}\r\n\r\n.wpbo-wpc-intro-card:hover{\r\n  transform:translateY(-5px);\r\n  border-color:#bdd8f7;\r\n  box-shadow:0 18px 40px rgba(15,23,42,.06);\r\n}\r\n\r\n.wpbo-wpc-intro-number{\r\n  position:absolute;\r\n  top:9px;\r\n  right:16px;\r\n  color:#edf6ff;\r\n  font-size:48px;\r\n  line-height:1;\r\n  font-weight:850;\r\n}\r\n\r\n.wpbo-wpc-intro-icon{\r\n  width:48px;\r\n  height:48px;\r\n  display:grid;\r\n  place-items:center;\r\n  margin-bottom:17px;\r\n  border-radius:14px;\r\n  background:#eef6ff;\r\n  color:#1473e6;\r\n  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;\r\n  font-size:13px;\r\n  font-weight:850;\r\n}\r\n\r\n.wpbo-wpc-intro-card h3{\r\n  position:relative;\r\n  margin:0 0 8px;\r\n  color:#172033;\r\n  font-size:17px;\r\n}\r\n\r\n.wpbo-wpc-intro-card p{\r\n  position:relative;\r\n  margin:0;\r\n  color:#64748b;\r\n  font-size:12.5px;\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORKFLOW\r\n========================================================= *\/\r\n.wpbo-wpc-workflow{\r\n  max-width:930px;\r\n  margin:0 auto;\r\n}\r\n\r\n.wpbo-wpc-workflow-item{\r\n  position:relative;\r\n  display:grid;\r\n  grid-template-columns:70px 1fr;\r\n  gap:20px;\r\n  padding-bottom:28px;\r\n}\r\n\r\n.wpbo-wpc-workflow-item:not(:last-child)::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:34px;\r\n  top:65px;\r\n  bottom:0;\r\n  width:2px;\r\n  background:#dce9f8;\r\n}\r\n\r\n.wpbo-wpc-workflow-number{\r\n  position:relative;\r\n  z-index:2;\r\n  width:68px;\r\n  height:68px;\r\n  display:grid;\r\n  place-items:center;\r\n  border:7px solid #f8fafc;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,#1473e6,#6556e4);\r\n  color:#fff;\r\n  font-size:13px;\r\n  font-weight:800;\r\n  box-shadow:0 8px 18px rgba(20,115,230,.18);\r\n}\r\n\r\n.wpbo-wpc-workflow-card{\r\n  display:grid;\r\n  grid-template-columns:1fr auto;\r\n  gap:20px;\r\n  padding:24px;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:17px;\r\n  background:#fff;\r\n  transition:.23s ease;\r\n}\r\n\r\n.wpbo-wpc-workflow-card:hover{\r\n  transform:translateX(4px);\r\n  border-color:#bdd8f7;\r\n  box-shadow:0 16px 36px rgba(15,23,42,.05);\r\n}\r\n\r\n.wpbo-wpc-workflow-tag{\r\n  display:inline-flex;\r\n  margin-bottom:8px;\r\n  padding:4px 8px;\r\n  border-radius:999px;\r\n  background:#eef6ff;\r\n  color:#1473e6;\r\n  font-size:10px;\r\n  font-weight:750;\r\n}\r\n\r\n.wpbo-wpc-workflow-card h3{\r\n  margin:0 0 7px;\r\n  color:#172033;\r\n  font-size:18px;\r\n}\r\n\r\n.wpbo-wpc-workflow-card p{\r\n  max-width:650px;\r\n  margin:0;\r\n  color:#64748b;\r\n  font-size:12.5px;\r\n  line-height:1.75;\r\n}\r\n\r\n.wpbo-wpc-workflow-arrow{\r\n  width:38px;\r\n  height:38px;\r\n  display:grid;\r\n  place-items:center;\r\n  align-self:center;\r\n  border-radius:11px;\r\n  background:#eef6ff;\r\n  color:#1473e6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SNIPPET TABS\r\n========================================================= *\/\r\n.wpbo-wpc-tabs{\r\n  max-width:1050px;\r\n  margin:0 auto;\r\n}\r\n\r\n.wpbo-wpc-tab-buttons{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-bottom:27px;\r\n}\r\n\r\n.wpbo-wpc-tab-btn{\r\n  padding:9px 15px;\r\n  border:1px solid #dfe6ef;\r\n  border-radius:999px;\r\n  background:#fff;\r\n  color:#64748b;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  transition:.2s ease;\r\n}\r\n\r\n.wpbo-wpc-tab-btn:hover,\r\n.wpbo-wpc-tab-btn.active{\r\n  color:#fff;\r\n  border-color:#1473e6;\r\n  background:#1473e6;\r\n}\r\n\r\n.wpbo-wpc-tab-panel{\r\n  display:none;\r\n  padding:32px;\r\n  border:1px solid #dfe7f0;\r\n  border-radius:22px;\r\n  background:#fff;\r\n  box-shadow:0 18px 45px rgba(15,23,42,.05);\r\n}\r\n\r\n.wpbo-wpc-tab-panel.active{\r\n  display:block;\r\n}\r\n\r\n.wpbo-wpc-tab-grid{\r\n  display:grid;\r\n  grid-template-columns:.78fr 1.22fr;\r\n  gap:30px;\r\n}\r\n\r\n.wpbo-wpc-tab-summary{\r\n  padding:23px;\r\n  border-radius:17px;\r\n  background:linear-gradient(145deg,#eef7ff,#fbfdff);\r\n}\r\n\r\n.wpbo-wpc-tab-label{\r\n  margin-bottom:8px;\r\n  color:#1473e6;\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.wpbo-wpc-tab-summary h3{\r\n  margin:0 0 9px;\r\n  color:#172033;\r\n  font-size:23px;\r\n}\r\n\r\n.wpbo-wpc-tab-summary p{\r\n  margin:0;\r\n  color:#64748b;\r\n  font-size:12.5px;\r\n  line-height:1.8;\r\n}\r\n\r\n.wpbo-wpc-example{\r\n  overflow:hidden;\r\n  border-radius:14px;\r\n  background:#111827;\r\n}\r\n\r\n.wpbo-wpc-example-head{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  padding:10px 13px;\r\n  border-bottom:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.wpbo-wpc-example-head span{\r\n  color:#9ca9ba;\r\n  font-size:9px;\r\n}\r\n\r\n.wpbo-wpc-example-type{\r\n  padding:4px 7px;\r\n  border-radius:5px;\r\n  background:#1d2940;\r\n  color:#82baff !important;\r\n}\r\n\r\n.wpbo-wpc-example-code{\r\n  padding:18px;\r\n  overflow:auto;\r\n  color:#d8e1ec;\r\n  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;\r\n  font-size:10px;\r\n  line-height:1.8;\r\n  white-space:pre;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INSERT METHODS\r\n========================================================= *\/\r\n.wpbo-wpc-insert-layout{\r\n  display:grid;\r\n  grid-template-columns:.82fr 1.18fr;\r\n  gap:35px;\r\n  align-items:start;\r\n}\r\n\r\n.wpbo-wpc-insert-copy h2{\r\n  margin:15px 0 12px;\r\n  color:#172033;\r\n  font-size:34px;\r\n  line-height:1.25;\r\n}\r\n\r\n.wpbo-wpc-insert-copy p{\r\n  margin:0 0 20px;\r\n  color:#64748b;\r\n  font-size:14px;\r\n  line-height:1.85;\r\n}\r\n\r\n.wpbo-wpc-method-list{\r\n  display:grid;\r\n  gap:11px;\r\n}\r\n\r\n.wpbo-wpc-method{\r\n  display:grid;\r\n  grid-template-columns:44px 1fr;\r\n  gap:13px;\r\n  padding:17px;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:14px;\r\n  background:#fff;\r\n}\r\n\r\n.wpbo-wpc-method-icon{\r\n  width:41px;\r\n  height:41px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:11px;\r\n  background:#eef6ff;\r\n  color:#1473e6;\r\n  font-size:10px;\r\n  font-weight:850;\r\n}\r\n\r\n.wpbo-wpc-method h3{\r\n  margin:1px 0 4px;\r\n  color:#172033;\r\n  font-size:13px;\r\n}\r\n\r\n.wpbo-wpc-method p{\r\n  margin:0;\r\n  color:#7b8798;\r\n  font-size:10.8px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SAFETY \/ BEST PRACTICES\r\n========================================================= *\/\r\n.wpbo-wpc-safety-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:15px;\r\n}\r\n\r\n.wpbo-wpc-safety-card{\r\n  padding:22px;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:16px;\r\n  background:#fff;\r\n  transition:.22s ease;\r\n}\r\n\r\n.wpbo-wpc-safety-card:hover{\r\n  transform:translateY(-4px);\r\n  border-color:#bdd8f7;\r\n}\r\n\r\n.wpbo-wpc-safety-icon{\r\n  width:39px;\r\n  height:39px;\r\n  display:grid;\r\n  place-items:center;\r\n  margin-bottom:13px;\r\n  border-radius:11px;\r\n  background:#eef6ff;\r\n  color:#1473e6;\r\n  font-size:11px;\r\n  font-weight:850;\r\n}\r\n\r\n.wpbo-wpc-safety-card.warning\r\n.wpbo-wpc-safety-icon{\r\n  background:#fff8e8;\r\n  color:#d97706;\r\n}\r\n\r\n.wpbo-wpc-safety-card h3{\r\n  margin:0 0 6px;\r\n  color:#172033;\r\n  font-size:14px;\r\n}\r\n\r\n.wpbo-wpc-safety-card p{\r\n  margin:0;\r\n  color:#718096;\r\n  font-size:11.5px;\r\n  line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHEN TO USE WPCODE\r\n========================================================= *\/\r\n.wpbo-wpc-use-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:20px;\r\n  max-width:980px;\r\n  margin:0 auto;\r\n}\r\n\r\n.wpbo-wpc-use-card{\r\n  padding:27px;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:19px;\r\n  background:#fff;\r\n}\r\n\r\n.wpbo-wpc-use-card.good{\r\n  border-color:#cde9d7;\r\n  background:#fbfffc;\r\n}\r\n\r\n.wpbo-wpc-use-card.caution{\r\n  border-color:#f1dfb5;\r\n  background:#fffdf8;\r\n}\r\n\r\n.wpbo-wpc-use-badge{\r\n  display:inline-flex;\r\n  margin-bottom:12px;\r\n  padding:5px 9px;\r\n  border-radius:999px;\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.wpbo-wpc-use-card.good\r\n.wpbo-wpc-use-badge{\r\n  color:#15803d;\r\n  background:#eaf8ef;\r\n}\r\n\r\n.wpbo-wpc-use-card.caution\r\n.wpbo-wpc-use-badge{\r\n  color:#b45309;\r\n  background:#fff7e5;\r\n}\r\n\r\n.wpbo-wpc-use-card h3{\r\n  margin:0 0 10px;\r\n  color:#172033;\r\n  font-size:21px;\r\n}\r\n\r\n.wpbo-wpc-use-list{\r\n  display:grid;\r\n  gap:9px;\r\n}\r\n\r\n.wpbo-wpc-use-item{\r\n  display:flex;\r\n  gap:9px;\r\n  color:#536174;\r\n  font-size:11.5px;\r\n  line-height:1.6;\r\n}\r\n\r\n.wpbo-wpc-use-item::before{\r\n  content:\"\u2713\";\r\n  flex:0 0 20px;\r\n  width:20px;\r\n  height:20px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:50%;\r\n  background:#eaf8ef;\r\n  color:#159447;\r\n  font-size:9px;\r\n  font-weight:900;\r\n}\r\n\r\n.wpbo-wpc-use-card.caution\r\n.wpbo-wpc-use-item::before{\r\n  content:\"!\";\r\n  background:#fff4d8;\r\n  color:#b45309;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECKLIST\r\n========================================================= *\/\r\n.wpbo-wpc-check-layout{\r\n  display:grid;\r\n  grid-template-columns:.75fr 1.25fr;\r\n  gap:30px;\r\n  align-items:start;\r\n}\r\n\r\n.wpbo-wpc-progress{\r\n  position:sticky;\r\n  top:100px;\r\n  padding:28px;\r\n  border-radius:22px;\r\n  color:#fff;\r\n  background:linear-gradient(145deg,#1473e6,#6556e4);\r\n  box-shadow:0 22px 55px rgba(20,115,230,.18);\r\n}\r\n\r\n.wpbo-wpc-progress small{\r\n  color:rgba(255,255,255,.76);\r\n  font-size:10px;\r\n}\r\n\r\n.wpbo-wpc-progress-value{\r\n  margin:10px 0;\r\n  font-size:48px;\r\n  line-height:1;\r\n  font-weight:850;\r\n}\r\n\r\n.wpbo-wpc-progress p{\r\n  margin:0 0 20px;\r\n  color:rgba(255,255,255,.84);\r\n  font-size:12px;\r\n  line-height:1.7;\r\n}\r\n\r\n.wpbo-wpc-progress-track{\r\n  height:8px;\r\n  overflow:hidden;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.20);\r\n}\r\n\r\n.wpbo-wpc-progress-bar{\r\n  width:0;\r\n  height:100%;\r\n  border-radius:999px;\r\n  background:#fff;\r\n  transition:width .3s ease;\r\n}\r\n\r\n.wpbo-wpc-checklist{\r\n  display:grid;\r\n  gap:10px;\r\n}\r\n\r\n.wpbo-wpc-check-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:13px;\r\n  padding:16px 17px;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:14px;\r\n  background:#fff;\r\n  cursor:pointer;\r\n  user-select:none;\r\n  transition:.2s ease;\r\n}\r\n\r\n.wpbo-wpc-check-item:hover{\r\n  border-color:#bdd8f7;\r\n  background:#fbfdff;\r\n}\r\n\r\n.wpbo-wpc-check-item.done{\r\n  border-color:#bee5cc;\r\n  background:#f5fbf7;\r\n}\r\n\r\n.wpbo-wpc-checkbox{\r\n  flex:0 0 25px;\r\n  width:25px;\r\n  height:25px;\r\n  display:grid;\r\n  place-items:center;\r\n  border:2px solid #ced9e5;\r\n  border-radius:8px;\r\n  color:transparent;\r\n  font-size:12px;\r\n  font-weight:900;\r\n}\r\n\r\n.wpbo-wpc-check-item.done\r\n.wpbo-wpc-checkbox{\r\n  color:#fff;\r\n  border-color:#22a55a;\r\n  background:#22a55a;\r\n}\r\n\r\n.wpbo-wpc-check-content strong{\r\n  display:block;\r\n  margin-bottom:2px;\r\n  color:#172033;\r\n  font-size:12.5px;\r\n}\r\n\r\n.wpbo-wpc-check-content span{\r\n  color:#7b8798;\r\n  font-size:10.8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FAQ\r\n========================================================= *\/\r\n.wpbo-wpc-faq{\r\n  max-width:900px;\r\n  margin:0 auto;\r\n}\r\n\r\n.wpbo-wpc-faq-list{\r\n  display:grid;\r\n  gap:10px;\r\n}\r\n\r\n.wpbo-wpc-faq-item{\r\n  overflow:hidden;\r\n  border:1px solid #e2e8f0;\r\n  border-radius:14px;\r\n  background:#fff;\r\n}\r\n\r\n.wpbo-wpc-faq-button{\r\n  width:100%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  padding:18px;\r\n  border:0;\r\n  background:transparent;\r\n  color:#172033;\r\n  text-align:left;\r\n  font-size:13.5px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n}\r\n\r\n.wpbo-wpc-faq-plus{\r\n  position:relative;\r\n  flex:0 0 28px;\r\n  width:28px;\r\n  height:28px;\r\n  display:grid;\r\n  place-items:center;\r\n  border-radius:9px;\r\n  background:#eef6ff;\r\n  color:#1473e6;\r\n}\r\n\r\n.wpbo-wpc-faq-plus::before,\r\n.wpbo-wpc-faq-plus::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  width:11px;\r\n  height:2px;\r\n  border-radius:20px;\r\n  background:currentColor;\r\n  transition:.2s ease;\r\n}\r\n\r\n.wpbo-wpc-faq-plus::after{\r\n  transform:rotate(90deg);\r\n}\r\n\r\n.wpbo-wpc-faq-item.open\r\n.wpbo-wpc-faq-plus{\r\n  color:#fff;\r\n  background:#1473e6;\r\n}\r\n\r\n.wpbo-wpc-faq-item.open\r\n.wpbo-wpc-faq-plus::after{\r\n  transform:rotate(0);\r\n}\r\n\r\n.wpbo-wpc-faq-answer{\r\n  max-height:0;\r\n  overflow:hidden;\r\n  transition:max-height .35s ease;\r\n}\r\n\r\n.wpbo-wpc-faq-answer-inner{\r\n  padding:0 18px 18px;\r\n  color:#64748b;\r\n  font-size:12.5px;\r\n  line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n.wpbo-wpc-cta{\r\n  padding:56px 30px;\r\n  text-align:center;\r\n  border-radius:26px;\r\n  color:#fff;\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 10%,\r\n      rgba(255,255,255,.14),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #1473e6,\r\n      #6556e4\r\n    );\r\n}\r\n\r\n.wpbo-wpc-cta small{\r\n  display:inline-flex;\r\n  margin-bottom:15px;\r\n  padding:6px 11px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,.14);\r\n  font-size:11px;\r\n  font-weight:700;\r\n}\r\n\r\n.wpbo-wpc-cta h2{\r\n  max-width:720px;\r\n  margin:0 auto 12px;\r\n  color:#fff;\r\n  font-size:clamp(29px,4vw,42px);\r\n  line-height:1.25;\r\n}\r\n\r\n.wpbo-wpc-cta p{\r\n  max-width:630px;\r\n  margin:0 auto 25px;\r\n  color:rgba(255,255,255,.84);\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n.wpbo-wpc-cta .wpbo-wpc-btn{\r\n  color:#1473e6 !important;\r\n  background:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n@media(max-width:1024px){\r\n\r\n  .wpbo-wpc-hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wpbo-wpc-hero-copy{\r\n    text-align:center;\r\n  }\r\n\r\n  .wpbo-wpc-hero h1,\r\n  .wpbo-wpc-hero-desc{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .wpbo-wpc-brand,\r\n  .wpbo-wpc-actions,\r\n  .wpbo-wpc-trust{\r\n    justify-content:center;\r\n  }\r\n\r\n  .wpbo-wpc-editor{\r\n    max-width:650px;\r\n    margin:auto;\r\n  }\r\n\r\n  .wpbo-wpc-insert-layout,\r\n  .wpbo-wpc-check-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wpbo-wpc-progress{\r\n    position:relative;\r\n    top:auto;\r\n  }\r\n\r\n  .wpbo-wpc-safety-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n@media(max-width:767px){\r\n\r\n  .wpbo-wpc-container{\r\n    width:min(calc(100% - 28px),1180px);\r\n  }\r\n\r\n  .wpbo-wpc-section{\r\n    padding:65px 0;\r\n  }\r\n\r\n  .wpbo-wpc-hero{\r\n    padding:70px 0 80px;\r\n  }\r\n\r\n  .wpbo-wpc-hero h1{\r\n    font-size:39px;\r\n  }\r\n\r\n  .wpbo-wpc-hero-desc{\r\n    font-size:15px;\r\n  }\r\n\r\n  .wpbo-wpc-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .wpbo-wpc-actions .wpbo-wpc-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .wpbo-wpc-editor-body{\r\n    grid-template-columns:76px 1fr;\r\n    min-height:325px;\r\n  }\r\n\r\n  .wpbo-wpc-editor-sidebar{\r\n    padding:10px 5px;\r\n  }\r\n\r\n  .wpbo-wpc-editor-menu{\r\n    padding:0 5px;\r\n    font-size:6px;\r\n  }\r\n\r\n  .wpbo-wpc-code-area{\r\n    padding:13px 10px;\r\n  }\r\n\r\n  .wpbo-wpc-code-lines{\r\n    font-size:7px;\r\n  }\r\n\r\n  .wpbo-wpc-insert-row{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wpbo-wpc-quick{\r\n    margin-top:-25px;\r\n  }\r\n\r\n  .wpbo-wpc-quick-box{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .wpbo-wpc-quick-item:nth-child(2){\r\n    border-right:0;\r\n  }\r\n\r\n  .wpbo-wpc-quick-item:nth-child(-n+2){\r\n    border-bottom:1px solid #edf1f5;\r\n  }\r\n\r\n  .wpbo-wpc-intro-grid,\r\n  .wpbo-wpc-safety-grid,\r\n  .wpbo-wpc-use-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wpbo-wpc-workflow-item{\r\n    grid-template-columns:48px 1fr;\r\n    gap:12px;\r\n  }\r\n\r\n  .wpbo-wpc-workflow-number{\r\n    width:46px;\r\n    height:46px;\r\n    border-width:5px;\r\n  }\r\n\r\n  .wpbo-wpc-workflow-item:not(:last-child)::before{\r\n    left:23px;\r\n    top:45px;\r\n  }\r\n\r\n  .wpbo-wpc-workflow-card{\r\n    grid-template-columns:1fr;\r\n    padding:19px;\r\n  }\r\n\r\n  .wpbo-wpc-workflow-arrow{\r\n    display:none;\r\n  }\r\n\r\n  .wpbo-wpc-tab-panel{\r\n    padding:20px;\r\n  }\r\n\r\n  .wpbo-wpc-tab-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wpbo-wpc-example-code{\r\n    font-size:8px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #wpbo-wpc-page *,\r\n  #wpbo-wpc-page *::before,\r\n  #wpbo-wpc-page *::after{\r\n    scroll-behavior:auto !important;\r\n    transition:none !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- =========================================================\r\n HERO\r\n========================================================= -->\r\n\r\n<section class=\"wpbo-wpc-hero\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-hero-grid\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-hero-copy\">\r\n\r\n        <div class=\"wpbo-wpc-brand\">\r\n\r\n          <span class=\"wpbo-wpc-brand-icon\">\r\n            &lt;\/&gt;\r\n          <\/span>\r\n\r\n          <span class=\"wpbo-wpc-brand-text\">\r\n            WPCODE & CUSTOM CODE\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <h1>\r\n          \u0e40\u0e1e\u0e34\u0e48\u0e21 Custom Code \u0e43\u0e2b\u0e49 WordPress \u0e14\u0e49\u0e27\u0e22\r\n          <span class=\"wpbo-wpc-gradient\">\r\n            WPCode\r\n          <\/span>\r\n        <\/h1>\r\n\r\n\r\n        <p class=\"wpbo-wpc-hero-desc\">\r\n          \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21 HTML, CSS, JavaScript \u0e41\u0e25\u0e30 PHP\r\n          \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e1c\u0e48\u0e32\u0e19 Code Snippets\r\n          \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 Auto Insert, Shortcode,\r\n          \u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19 \u0e41\u0e25\u0e30\u0e27\u0e34\u0e18\u0e35\u0e17\u0e14\u0e2a\u0e2d\u0e1a Code\r\n          \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\r\n        <\/p>\r\n\r\n\r\n        <div class=\"wpbo-wpc-actions\">\r\n\r\n          <a\r\n            href=\"#wpbo-wpc-workflow\"\r\n            class=\"wpbo-wpc-btn wpbo-wpc-btn-primary\">\r\n\r\n            \u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e23\u0e35\u0e22\u0e19 WPCode \u2192\r\n\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            href=\"#wpbo-wpc-checklist\"\r\n            class=\"wpbo-wpc-btn wpbo-wpc-btn-outline\">\r\n\r\n            \u0e14\u0e39 Code Checklist\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-trust\">\r\n\r\n          <span class=\"wpbo-wpc-trust-item\">\r\n            <span class=\"wpbo-wpc-check-small\">\u2713<\/span>\r\n            HTML \/ CSS\r\n          <\/span>\r\n\r\n          <span class=\"wpbo-wpc-trust-item\">\r\n            <span class=\"wpbo-wpc-check-small\">\u2713<\/span>\r\n            JavaScript\r\n          <\/span>\r\n\r\n          <span class=\"wpbo-wpc-trust-item\">\r\n            <span class=\"wpbo-wpc-check-small\">\u2713<\/span>\r\n            PHP Snippets\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CODE EDITOR -->\r\n\r\n      <div class=\"wpbo-wpc-editor\">\r\n\r\n        <div class=\"wpbo-wpc-editor-top\">\r\n\r\n          <div class=\"wpbo-wpc-editor-dots\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-editor-name\">\r\n            wordpress-custom-code\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-editor-body\">\r\n\r\n\r\n          <div class=\"wpbo-wpc-editor-sidebar\">\r\n\r\n            <div class=\"wpbo-wpc-editor-menu active\">\r\n              Code Snippets\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-editor-menu\">\r\n              Add Snippet\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-editor-menu\">\r\n              Header & Footer\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-editor-menu\">\r\n              Generator\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-editor-menu\">\r\n              Settings\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wpbo-wpc-code-area\">\r\n\r\n\r\n            <div class=\"wpbo-wpc-code-head\">\r\n\r\n              <strong>\r\n                Custom Website Style\r\n              <\/strong>\r\n\r\n              <span class=\"wpbo-wpc-code-status\">\r\n                ACTIVE\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wpbo-wpc-code-toolbar\">\r\n\r\n              <span>CSS<\/span>\r\n              <span>Auto Insert<\/span>\r\n              <span>Frontend<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wpbo-wpc-code-lines\">\r\n\r\n              <div class=\"wpbo-wpc-line\">\r\n                <span class=\"wpbo-wpc-ln\">1<\/span>\r\n                <span>\r\n                  <span class=\"wpbo-wpc-token-blue\">.onsello-button<\/span>\r\n                  <span class=\"wpbo-wpc-token-white\">{<\/span>\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"wpbo-wpc-line\">\r\n                <span class=\"wpbo-wpc-ln\">2<\/span>\r\n                <span>\r\n                  &nbsp;&nbsp;\r\n                  <span class=\"wpbo-wpc-token-pink\">background<\/span>:\r\n                  <span class=\"wpbo-wpc-token-green\">#1473e6<\/span>;\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"wpbo-wpc-line\">\r\n                <span class=\"wpbo-wpc-ln\">3<\/span>\r\n                <span>\r\n                  &nbsp;&nbsp;\r\n                  <span class=\"wpbo-wpc-token-pink\">color<\/span>:\r\n                  <span class=\"wpbo-wpc-token-green\">#ffffff<\/span>;\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"wpbo-wpc-line\">\r\n                <span class=\"wpbo-wpc-ln\">4<\/span>\r\n                <span>\r\n                  &nbsp;&nbsp;\r\n                  <span class=\"wpbo-wpc-token-pink\">border-radius<\/span>:\r\n                  <span class=\"wpbo-wpc-token-orange\">10px<\/span>;\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"wpbo-wpc-line\">\r\n                <span class=\"wpbo-wpc-ln\">5<\/span>\r\n                <span>\r\n                  &nbsp;&nbsp;\r\n                  <span class=\"wpbo-wpc-token-pink\">padding<\/span>:\r\n                  <span class=\"wpbo-wpc-token-orange\">12px 20px<\/span>;\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"wpbo-wpc-line\">\r\n                <span class=\"wpbo-wpc-ln\">6<\/span>\r\n                <span class=\"wpbo-wpc-token-white\">}<\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"wpbo-wpc-code-bottom\">\r\n\r\n              <div class=\"wpbo-wpc-code-bottom-title\">\r\n                INSERT METHOD\r\n              <\/div>\r\n\r\n              <div class=\"wpbo-wpc-insert-row\">\r\n\r\n                <div class=\"wpbo-wpc-insert-box active\">\r\n                  Auto Insert\r\n                <\/div>\r\n\r\n                <div class=\"wpbo-wpc-insert-box\">\r\n                  Shortcode\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n QUICK NAV\r\n========================================================= -->\r\n\r\n<div class=\"wpbo-wpc-quick\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-quick-box\">\r\n\r\n      <a\r\n        href=\"#wpbo-wpc-types\"\r\n        class=\"wpbo-wpc-quick-item\">\r\n\r\n        <strong>\r\n          01 \u00b7 Code Types\r\n        <\/strong>\r\n\r\n        <span>\r\n          HTML \/ CSS \/ JS \/ PHP\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a\r\n        href=\"#wpbo-wpc-workflow\"\r\n        class=\"wpbo-wpc-quick-item\">\r\n\r\n        <strong>\r\n          02 \u00b7 Workflow\r\n        <\/strong>\r\n\r\n        <span>\r\n          \u0e27\u0e34\u0e18\u0e35\u0e2a\u0e23\u0e49\u0e32\u0e07 Snippet\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a\r\n        href=\"#wpbo-wpc-insert\"\r\n        class=\"wpbo-wpc-quick-item\">\r\n\r\n        <strong>\r\n          03 \u00b7 Insert\r\n        <\/strong>\r\n\r\n        <span>\r\n          Auto \/ Shortcode\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <a\r\n        href=\"#wpbo-wpc-checklist\"\r\n        class=\"wpbo-wpc-quick-item\">\r\n\r\n        <strong>\r\n          04 \u00b7 Safety\r\n        <\/strong>\r\n\r\n        <span>\r\n          \u0e15\u0e23\u0e27\u0e08\u0e01\u0e48\u0e2d\u0e19 Active\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n WPCODE 101\r\n========================================================= -->\r\n\r\n<section class=\"wpbo-wpc-section\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        WPCODE 101\r\n      <\/div>\r\n\r\n      <h2>\r\n        WPCode \u0e43\u0e0a\u0e49\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23?\r\n      <\/h2>\r\n\r\n      <p>\r\n        WPCode \u0e0a\u0e48\u0e27\u0e22\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Custom Code\r\n        \u0e41\u0e22\u0e01\u0e40\u0e1b\u0e47\u0e19 Snippet\r\n        \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e34\u0e14 \u0e1b\u0e34\u0e14 \u0e41\u0e01\u0e49\u0e44\u0e02 \u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\r\n        \u0e44\u0e14\u0e49\u0e2a\u0e30\u0e14\u0e27\u0e01\u0e01\u0e27\u0e48\u0e32\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49\u0e44\u0e1f\u0e25\u0e4c Theme \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-intro-grid\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-intro-card\">\r\n\r\n        <span class=\"wpbo-wpc-intro-number\">\r\n          01\r\n        <\/span>\r\n\r\n        <div class=\"wpbo-wpc-intro-icon\">\r\n          &lt;\/&gt;\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Code \u0e40\u0e1b\u0e47\u0e19 Snippet\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e41\u0e22\u0e01 Code \u0e15\u0e32\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\r\n          \u0e40\u0e0a\u0e48\u0e19 CSS Header,\r\n          Tracking Script \u0e2b\u0e23\u0e37\u0e2d Custom Function\r\n          \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e41\u0e01\u0e49\u0e44\u0e02\u0e20\u0e32\u0e22\u0e2b\u0e25\u0e31\u0e07\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-intro-card\">\r\n\r\n        <span class=\"wpbo-wpc-intro-number\">\r\n          02\r\n        <\/span>\r\n\r\n        <div class=\"wpbo-wpc-intro-icon\">\r\n          ON\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e34\u0e14\u0e44\u0e14\u0e49\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16 Disable Snippet\r\n          \u0e42\u0e14\u0e22\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e25\u0e1a Code\r\n          \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-intro-card\">\r\n\r\n        <span class=\"wpbo-wpc-intro-number\">\r\n          03\r\n        <\/span>\r\n\r\n        <div class=\"wpbo-wpc-intro-icon\">\r\n          LOC\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e44\u0e14\u0e49\u0e27\u0e48\u0e32 Code\r\n          \u0e04\u0e27\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a Auto Insert,\r\n          \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1a\u0e32\u0e07\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\r\n          \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e01\u0e14\u0e49\u0e27\u0e22 Shortcode\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n CODE TYPES\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"wpbo-wpc-types\"\r\n  class=\"wpbo-wpc-section wpbo-wpc-soft\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        CODE TYPES\r\n      <\/div>\r\n\r\n      <h2>\r\n        Code \u0e41\u0e15\u0e48\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e43\u0e0a\u0e49\u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0e01\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 Code\r\n        \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2b\u0e19\u0e49\u0e32\u0e17\u0e35\u0e48\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-tabs\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-tab-buttons\">\r\n\r\n        <button\r\n          class=\"wpbo-wpc-tab-btn active\"\r\n          data-tab=\"html\"\r\n          type=\"button\">\r\n\r\n          HTML\r\n\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"wpbo-wpc-tab-btn\"\r\n          data-tab=\"css\"\r\n          type=\"button\">\r\n\r\n          CSS\r\n\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"wpbo-wpc-tab-btn\"\r\n          data-tab=\"javascript\"\r\n          type=\"button\">\r\n\r\n          JavaScript\r\n\r\n        <\/button>\r\n\r\n\r\n        <button\r\n          class=\"wpbo-wpc-tab-btn\"\r\n          data-tab=\"php\"\r\n          type=\"button\">\r\n\r\n          PHP\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- HTML -->\r\n\r\n      <div\r\n        class=\"wpbo-wpc-tab-panel active\"\r\n        data-panel=\"html\">\r\n\r\n        <div class=\"wpbo-wpc-tab-grid\">\r\n\r\n          <div class=\"wpbo-wpc-tab-summary\">\r\n\r\n            <div class=\"wpbo-wpc-tab-label\">\r\n              STRUCTURE\r\n            <\/div>\r\n\r\n            <h3>\r\n              HTML\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e43\u0e0a\u0e49\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e04\u0e23\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\r\n              \u0e40\u0e0a\u0e48\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e1b\u0e38\u0e48\u0e21 \u0e01\u0e25\u0e48\u0e2d\u0e07\r\n              \u0e2b\u0e23\u0e37\u0e2d\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33\u0e44\u0e1b\u0e41\u0e2a\u0e14\u0e07\u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wpbo-wpc-example\">\r\n\r\n            <div class=\"wpbo-wpc-example-head\">\r\n\r\n              <span>\r\n                example.html\r\n              <\/span>\r\n\r\n              <span class=\"wpbo-wpc-example-type\">\r\n                HTML\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-example-code\">&lt;div class=\"notice-box\"&gt;\r\n  &lt;strong&gt;WordPress by Onsello&lt;\/strong&gt;\r\n  &lt;p&gt;\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 WordPress \u0e41\u0e1a\u0e1a\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22&lt;\/p&gt;\r\n&lt;\/div&gt;<\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CSS -->\r\n\r\n      <div\r\n        class=\"wpbo-wpc-tab-panel\"\r\n        data-panel=\"css\">\r\n\r\n        <div class=\"wpbo-wpc-tab-grid\">\r\n\r\n          <div class=\"wpbo-wpc-tab-summary\">\r\n\r\n            <div class=\"wpbo-wpc-tab-label\">\r\n              DESIGN\r\n            <\/div>\r\n\r\n            <h3>\r\n              CSS\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e43\u0e0a\u0e49\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e2a\u0e35\r\n              Font, Spacing,\r\n              Border, Responsive\r\n              \u0e41\u0e25\u0e30\u0e23\u0e39\u0e1b\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wpbo-wpc-example\">\r\n\r\n            <div class=\"wpbo-wpc-example-head\">\r\n\r\n              <span>\r\n                custom-style.css\r\n              <\/span>\r\n\r\n              <span class=\"wpbo-wpc-example-type\">\r\n                CSS\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-example-code\">.notice-box{\r\n  padding:20px;\r\n  border-radius:12px;\r\n  background:#eef6ff;\r\n  color:#172033;\r\n}<\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- JS -->\r\n\r\n      <div\r\n        class=\"wpbo-wpc-tab-panel\"\r\n        data-panel=\"javascript\">\r\n\r\n        <div class=\"wpbo-wpc-tab-grid\">\r\n\r\n          <div class=\"wpbo-wpc-tab-summary\">\r\n\r\n            <div class=\"wpbo-wpc-tab-label\">\r\n              INTERACTION\r\n            <\/div>\r\n\r\n            <h3>\r\n              JavaScript\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\r\n              \u0e41\u0e25\u0e30 Interaction\r\n              \u0e40\u0e0a\u0e48\u0e19\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 \u0e40\u0e1b\u0e34\u0e14\u0e01\u0e25\u0e48\u0e2d\u0e07\r\n              \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 UI\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wpbo-wpc-example\">\r\n\r\n            <div class=\"wpbo-wpc-example-head\">\r\n\r\n              <span>\r\n                interaction.js\r\n              <\/span>\r\n\r\n              <span class=\"wpbo-wpc-example-type\">\r\n                JS\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-example-code\">const button = document.querySelector('.demo-button');\r\n\r\nif(button){\r\n  button.addEventListener('click', function(){\r\n    console.log('Button clicked');\r\n  });\r\n}<\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- PHP -->\r\n\r\n      <div\r\n        class=\"wpbo-wpc-tab-panel\"\r\n        data-panel=\"php\">\r\n\r\n        <div class=\"wpbo-wpc-tab-grid\">\r\n\r\n          <div class=\"wpbo-wpc-tab-summary\">\r\n\r\n            <div class=\"wpbo-wpc-tab-label\">\r\n              WORDPRESS LOGIC\r\n            <\/div>\r\n\r\n            <h3>\r\n              PHP\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e43\u0e0a\u0e49\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07 WordPress\r\n              \u0e1c\u0e48\u0e32\u0e19 Hook, Filter\r\n              \u0e2b\u0e23\u0e37\u0e2d Function \u0e15\u0e48\u0e32\u0e07 \u0e46\r\n              \u0e41\u0e25\u0e30\u0e04\u0e27\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e23\u0e30\u0e21\u0e31\u0e14\u0e23\u0e30\u0e27\u0e31\u0e07\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"wpbo-wpc-example\">\r\n\r\n            <div class=\"wpbo-wpc-example-head\">\r\n\r\n              <span>\r\n                wordpress-function.php\r\n              <\/span>\r\n\r\n              <span class=\"wpbo-wpc-example-type\">\r\n                PHP\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"wpbo-wpc-example-code\">add_filter('excerpt_length', function($length){\r\n  return 25;\r\n});<\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n WORKFLOW\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"wpbo-wpc-workflow\"\r\n  class=\"wpbo-wpc-section\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        SNIPPET WORKFLOW\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0e2a\u0e23\u0e49\u0e32\u0e07 Snippet \u0e15\u0e32\u0e21\u0e25\u0e33\u0e14\u0e31\u0e1a\u0e19\u0e35\u0e49\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0e2d\u0e22\u0e48\u0e32\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e32\u0e01\u0e01\u0e32\u0e23\u0e01\u0e14 Active \u0e17\u0e31\u0e19\u0e17\u0e35\r\n        \u0e43\u0e2b\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e49\u0e16\u0e39\u0e01\u0e01\u0e48\u0e2d\u0e19\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-workflow\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-workflow-item\">\r\n\r\n        <div class=\"wpbo-wpc-workflow-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"wpbo-wpc-workflow-card\">\r\n\r\n          <div>\r\n\r\n            <span class=\"wpbo-wpc-workflow-tag\">\r\n              CREATE\r\n            <\/span>\r\n\r\n            <h3>\r\n              \u0e2a\u0e23\u0e49\u0e32\u0e07 Snippet \u0e43\u0e2b\u0e21\u0e48\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e40\u0e02\u0e49\u0e32 WPCode\r\n              \u0e41\u0e25\u0e49\u0e27\u0e2a\u0e23\u0e49\u0e32\u0e07 Custom Snippet\r\n              \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e27\u0e48\u0e32 Code \u0e19\u0e35\u0e49\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"wpbo-wpc-workflow-arrow\">\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-workflow-item\">\r\n\r\n        <div class=\"wpbo-wpc-workflow-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"wpbo-wpc-workflow-card\">\r\n\r\n          <div>\r\n\r\n            <span class=\"wpbo-wpc-workflow-tag\">\r\n              CODE TYPE\r\n            <\/span>\r\n\r\n            <h3>\r\n              \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1b\u0e23\u0e30\u0e40\u0e20\u0e17 Code\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e23\u0e30\u0e1a\u0e38\u0e27\u0e48\u0e32\u0e40\u0e1b\u0e47\u0e19 HTML,\r\n              CSS, JavaScript \u0e2b\u0e23\u0e37\u0e2d PHP\r\n              \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e1a Code \u0e17\u0e35\u0e48\u0e08\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"wpbo-wpc-workflow-arrow\">\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-workflow-item\">\r\n\r\n        <div class=\"wpbo-wpc-workflow-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"wpbo-wpc-workflow-card\">\r\n\r\n          <div>\r\n\r\n            <span class=\"wpbo-wpc-workflow-tag\">\r\n              CODE\r\n            <\/span>\r\n\r\n            <h3>\r\n              \u0e43\u0e2a\u0e48 Code \u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08 Syntax\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e15\u0e23\u0e27\u0e08\u0e27\u0e07\u0e40\u0e25\u0e47\u0e1a \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\r\n              Selector, Function\r\n              \u0e41\u0e25\u0e30 Scope \u0e01\u0e48\u0e2d\u0e19\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"wpbo-wpc-workflow-arrow\">\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-workflow-item\">\r\n\r\n        <div class=\"wpbo-wpc-workflow-number\">\r\n          04\r\n        <\/div>\r\n\r\n        <div class=\"wpbo-wpc-workflow-card\">\r\n\r\n          <div>\r\n\r\n            <span class=\"wpbo-wpc-workflow-tag\">\r\n              INSERT\r\n            <\/span>\r\n\r\n            <h3>\r\n              \u0e40\u0e25\u0e37\u0e2d\u0e01 Insert Method\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e40\u0e25\u0e37\u0e2d\u0e01 Auto Insert\r\n              \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49 Code \u0e17\u0e33\u0e07\u0e32\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\r\n              \u0e2b\u0e23\u0e37\u0e2d Shortcode\r\n              \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e08\u0e38\u0e14\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"wpbo-wpc-workflow-arrow\">\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-workflow-item\">\r\n\r\n        <div class=\"wpbo-wpc-workflow-number\">\r\n          05\r\n        <\/div>\r\n\r\n        <div class=\"wpbo-wpc-workflow-card\">\r\n\r\n          <div>\r\n\r\n            <span class=\"wpbo-wpc-workflow-tag\">\r\n              TEST\r\n            <\/span>\r\n\r\n            <h3>\r\n              Save \u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e15\u0e23\u0e27\u0e08\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e08\u0e23\u0e34\u0e07\r\n              \u0e40\u0e1b\u0e34\u0e14 Developer Tools\r\n              \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\r\n              \u0e41\u0e25\u0e30\u0e15\u0e23\u0e27\u0e08\u0e27\u0e48\u0e32\u0e44\u0e21\u0e48\u0e21\u0e35 Layout \u0e2b\u0e23\u0e37\u0e2d Function \u0e2d\u0e37\u0e48\u0e19\u0e40\u0e2a\u0e35\u0e22\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"wpbo-wpc-workflow-arrow\">\r\n            \u2192\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-workflow-item\">\r\n\r\n        <div class=\"wpbo-wpc-workflow-number\">\r\n          06\r\n        <\/div>\r\n\r\n        <div class=\"wpbo-wpc-workflow-card\">\r\n\r\n          <div>\r\n\r\n            <span class=\"wpbo-wpc-workflow-tag\">\r\n              ACTIVE\r\n            <\/span>\r\n\r\n            <h3>\r\n              \u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27\r\n              \u0e08\u0e36\u0e07\u0e40\u0e1b\u0e34\u0e14 Snippet\r\n              \u0e41\u0e25\u0e30\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e27\u0e48\u0e32 Code \u0e19\u0e35\u0e49\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e14\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <span class=\"wpbo-wpc-workflow-arrow\">\r\n            \u2713\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n INSERT METHODS\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"wpbo-wpc-insert\"\r\n  class=\"wpbo-wpc-section wpbo-wpc-soft\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-insert-layout\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-insert-copy\">\r\n\r\n        <div class=\"wpbo-wpc-eyebrow\">\r\n          <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n          INSERT METHOD\r\n        <\/div>\r\n\r\n        <h2>\r\n          Code \u0e04\u0e27\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e15\u0e23\u0e07\u0e44\u0e2b\u0e19?\r\n        <\/h2>\r\n\r\n        <p>\r\n          \u0e08\u0e38\u0e14\u0e2a\u0e33\u0e04\u0e31\u0e0d\u0e02\u0e2d\u0e07 WPCode\r\n          \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e04\u0e48\u0e01\u0e32\u0e23\u0e27\u0e32\u0e07 Code\r\n          \u0e41\u0e15\u0e48\u0e04\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e27\u0e48\u0e32 Code \u0e19\u0e31\u0e49\u0e19\r\n          \u0e04\u0e27\u0e23\u0e16\u0e39\u0e01\u0e40\u0e23\u0e35\u0e22\u0e01\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e43\u0e14\u0e41\u0e25\u0e30\u0e17\u0e35\u0e48\u0e44\u0e2b\u0e19\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-method-list\">\r\n\r\n\r\n        <div class=\"wpbo-wpc-method\">\r\n\r\n          <div class=\"wpbo-wpc-method-icon\">\r\n            AUTO\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <h3>\r\n              Auto Insert\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a Code\r\n              \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\r\n              \u0e40\u0e0a\u0e48\u0e19 CSS \u0e2b\u0e23\u0e37\u0e2d Script \u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e17\u0e31\u0e48\u0e27\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-method\">\r\n\r\n          <div class=\"wpbo-wpc-method-icon\">\r\n            [ ]\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <h3>\r\n              Shortcode\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2b\u0e32\u0e2b\u0e23\u0e37\u0e2d Function\r\n              \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1a\u0e32\u0e07\u0e2b\u0e19\u0e49\u0e32\r\n              \u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e32\u0e07\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-method\">\r\n\r\n          <div class=\"wpbo-wpc-method-icon\">\r\n            H\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <h3>\r\n              Header \/ Footer\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a Script\r\n              \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19 Head\r\n              \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e48\u0e2d\u0e19\u0e1b\u0e34\u0e14 Body \u0e15\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07 Script\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-method\">\r\n\r\n          <div class=\"wpbo-wpc-method-icon\">\r\n            IF\r\n          <\/div>\r\n\r\n          <div>\r\n\r\n            <h3>\r\n              Conditional Logic\r\n            <\/h3>\r\n\r\n            <p>\r\n              \u0e43\u0e0a\u0e49\u0e08\u0e33\u0e01\u0e31\u0e14\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\r\n              \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2b\u0e19\u0e49\u0e32 \u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n              \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\r\n              \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1f\u0e35\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n SAFETY\r\n========================================================= -->\r\n\r\n<section class=\"wpbo-wpc-section\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        SAFE CODING\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14 Code \u0e08\u0e23\u0e34\u0e07 \u0e43\u0e2b\u0e49\u0e40\u0e0a\u0e47\u0e01 4 \u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e19\u0e35\u0e49\r\n      <\/h2>\r\n\r\n      <p>\r\n        Custom Code \u0e21\u0e35\u0e1e\u0e25\u0e31\u0e07\u0e21\u0e32\u0e01\r\n        \u0e41\u0e15\u0e48\u0e04\u0e27\u0e23\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 Scope\r\n        \u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e17\u0e38\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\u0e01\u0e48\u0e2d\u0e19\u0e43\u0e0a\u0e49\u0e01\u0e31\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e08\u0e23\u0e34\u0e07\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-safety-grid\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-safety-card\">\r\n\r\n        <div class=\"wpbo-wpc-safety-icon\">\r\n          01\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e0a\u0e31\u0e14\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e0a\u0e37\u0e48\u0e2d Snippet\r\n          \u0e04\u0e27\u0e23\u0e1a\u0e2d\u0e01\u0e27\u0e48\u0e32 Code \u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\r\n          \u0e41\u0e25\u0e30\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e44\u0e2b\u0e19\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-safety-card\">\r\n\r\n        <div class=\"wpbo-wpc-safety-icon\">\r\n          02\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0e08\u0e33\u0e01\u0e31\u0e14 Scope\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e43\u0e2b\u0e49 Code\r\n          \u0e17\u0e33\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e40\u0e27\u0e47\u0e1a\r\n          \u0e16\u0e49\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1a\u0e32\u0e07\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-safety-card warning\">\r\n\r\n        <div class=\"wpbo-wpc-safety-icon\">\r\n          03\r\n        <\/div>\r\n\r\n        <h3>\r\n          PHP \u0e15\u0e49\u0e2d\u0e07\u0e23\u0e30\u0e27\u0e31\u0e07\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e15\u0e23\u0e27\u0e08 Syntax\r\n          \u0e41\u0e25\u0e30\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e02\u0e2d\u0e07 Function\r\n          \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14 Snippet\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-safety-card\">\r\n\r\n        <div class=\"wpbo-wpc-safety-icon\">\r\n          04\r\n        <\/div>\r\n\r\n        <h3>\r\n          \u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e07 Active\r\n        <\/h3>\r\n\r\n        <p>\r\n          \u0e40\u0e1b\u0e34\u0e14\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e49\u0e32 Desktop,\r\n          Mobile \u0e41\u0e25\u0e30 Function \u0e2a\u0e33\u0e04\u0e31\u0e0d\r\n          \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e27\u0e48\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e22\u0e31\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e15\u0e34\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n WHEN TO USE\r\n========================================================= -->\r\n\r\n<section class=\"wpbo-wpc-section wpbo-wpc-soft\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        WHEN TO USE\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0e07\u0e32\u0e19\u0e41\u0e1a\u0e1a\u0e44\u0e2b\u0e19\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a WPCode?\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e17\u0e38\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19 Code\r\n        \u0e16\u0e49\u0e32\u0e21\u0e35 Setting \u0e2b\u0e23\u0e37\u0e2d Widget\r\n        \u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27\r\n        \u0e04\u0e27\u0e23\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e34\u0e18\u0e35\u0e17\u0e35\u0e48\u0e14\u0e39\u0e41\u0e25\u0e07\u0e48\u0e32\u0e22\u0e17\u0e35\u0e48\u0e2a\u0e38\u0e14\u0e01\u0e48\u0e2d\u0e19\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-use-grid\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-use-card good\">\r\n\r\n        <span class=\"wpbo-wpc-use-badge\">\r\n          \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a WPCode\r\n        <\/span>\r\n\r\n        <h3>\r\n          \u0e43\u0e0a\u0e49\u0e40\u0e21\u0e37\u0e48\u0e2d...\r\n        <\/h3>\r\n\r\n        <div class=\"wpbo-wpc-use-list\">\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21 CSS \u0e40\u0e25\u0e47\u0e01\u0e19\u0e49\u0e2d\u0e22\u0e17\u0e31\u0e48\u0e27\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21 JavaScript \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Interaction \u0e40\u0e09\u0e1e\u0e32\u0e30\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            \u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1e\u0e34\u0e48\u0e21 WordPress Hook \u0e2b\u0e23\u0e37\u0e2d Filter\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            \u0e15\u0e49\u0e2d\u0e07\u0e27\u0e32\u0e07 Script \u0e43\u0e19 Header \u0e2b\u0e23\u0e37\u0e2d Footer\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-use-card caution\">\r\n\r\n        <span class=\"wpbo-wpc-use-badge\">\r\n          \u0e1e\u0e34\u0e08\u0e32\u0e23\u0e13\u0e32\u0e01\u0e48\u0e2d\u0e19\r\n        <\/span>\r\n\r\n        <h3>\r\n          \u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e23\u0e35\u0e1a\u0e43\u0e0a\u0e49\u0e40\u0e21\u0e37\u0e48\u0e2d...\r\n        <\/h3>\r\n\r\n        <div class=\"wpbo-wpc-use-list\">\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            Elementor \u0e21\u0e35 Widget \u0e17\u0e35\u0e48\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            Astra \u0e21\u0e35 Setting \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e2a\u0e34\u0e48\u0e07\u0e19\u0e31\u0e49\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            Code \u0e22\u0e32\u0e27\u0e41\u0e25\u0e30\u0e0b\u0e31\u0e1a\u0e0b\u0e49\u0e2d\u0e19\u0e08\u0e19\u0e14\u0e39\u0e41\u0e25\u0e22\u0e32\u0e01\r\n          <\/div>\r\n\r\n          <div class=\"wpbo-wpc-use-item\">\r\n            \u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e23\u0e39\u0e49\u0e27\u0e48\u0e32 Code \u0e08\u0e32\u0e01\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n CHECKLIST\r\n========================================================= -->\r\n\r\n<section\r\n  id=\"wpbo-wpc-checklist\"\r\n  class=\"wpbo-wpc-section\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        CODE CHECKLIST\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0e15\u0e23\u0e27\u0e08 Snippet \u0e01\u0e48\u0e2d\u0e19\u0e40\u0e1b\u0e34\u0e14\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0e15\u0e34\u0e4a\u0e01\u0e2a\u0e34\u0e48\u0e07\u0e17\u0e35\u0e48\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27\r\n        \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e04\u0e33\u0e19\u0e27\u0e13\u0e04\u0e27\u0e32\u0e21\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-check-layout\">\r\n\r\n\r\n      <div class=\"wpbo-wpc-progress\">\r\n\r\n        <small>\r\n          SNIPPET READINESS\r\n        <\/small>\r\n\r\n        <div\r\n          id=\"wpbo-wpc-progress-value\"\r\n          class=\"wpbo-wpc-progress-value\">\r\n\r\n          0%\r\n\r\n        <\/div>\r\n\r\n        <p>\r\n          \u0e40\u0e21\u0e37\u0e48\u0e2d Checklist \u0e04\u0e23\u0e1a\r\n          Snippet \u0e01\u0e47\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e08\u0e23\u0e34\u0e07\r\n        <\/p>\r\n\r\n        <div class=\"wpbo-wpc-progress-track\">\r\n\r\n          <div\r\n            id=\"wpbo-wpc-progress-bar\"\r\n            class=\"wpbo-wpc-progress-bar\">\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"wpbo-wpc-checklist\">\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"name\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              \u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d Snippet \u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19\r\n            <\/strong>\r\n\r\n            <span>\r\n              \u0e23\u0e39\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35\u0e27\u0e48\u0e32 Code \u0e19\u0e35\u0e49\u0e43\u0e0a\u0e49\u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"type\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              \u0e40\u0e25\u0e37\u0e2d\u0e01 Code Type \u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\r\n            <\/strong>\r\n\r\n            <span>\r\n              HTML \/ CSS \/ JavaScript \/ PHP\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"syntax\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              \u0e15\u0e23\u0e27\u0e08 Syntax \u0e41\u0e25\u0e49\u0e27\r\n            <\/strong>\r\n\r\n            <span>\r\n              \u0e44\u0e21\u0e48\u0e21\u0e35\u0e27\u0e07\u0e40\u0e25\u0e47\u0e1a\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e15\u0e01\u0e2b\u0e25\u0e48\u0e19\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"scope\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              Scope \u0e44\u0e21\u0e48\u0e01\u0e27\u0e49\u0e32\u0e07\u0e40\u0e01\u0e34\u0e19\u0e44\u0e1b\r\n            <\/strong>\r\n\r\n            <span>\r\n              Code \u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e08\u0e33\u0e40\u0e1b\u0e47\u0e19\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"insert\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              Insert Method \u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\r\n            <\/strong>\r\n\r\n            <span>\r\n              Auto Insert \u0e2b\u0e23\u0e37\u0e2d Shortcode \u0e15\u0e32\u0e21\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"desktop\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              \u0e17\u0e14\u0e2a\u0e2d\u0e1a Desktop \u0e41\u0e25\u0e49\u0e27\r\n            <\/strong>\r\n\r\n            <span>\r\n              Layout \u0e41\u0e25\u0e30 Function \u0e17\u0e33\u0e07\u0e32\u0e19\u0e1b\u0e01\u0e15\u0e34\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"mobile\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              \u0e17\u0e14\u0e2a\u0e2d\u0e1a Mobile \u0e41\u0e25\u0e49\u0e27\r\n            <\/strong>\r\n\r\n            <span>\r\n              \u0e44\u0e21\u0e48\u0e21\u0e35\u0e2a\u0e48\u0e27\u0e19\u0e43\u0e14\u0e25\u0e49\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div\r\n          class=\"wpbo-wpc-check-item\"\r\n          data-key=\"final\">\r\n\r\n          <span class=\"wpbo-wpc-checkbox\">\u2713<\/span>\r\n\r\n          <div class=\"wpbo-wpc-check-content\">\r\n\r\n            <strong>\r\n              \u0e15\u0e23\u0e27\u0e08\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e08\u0e23\u0e34\u0e07\u0e2b\u0e25\u0e31\u0e07 Active\r\n            <\/strong>\r\n\r\n            <span>\r\n              \u0e44\u0e21\u0e48\u0e21\u0e35 Error \u0e2b\u0e23\u0e37\u0e2d\u0e1c\u0e25\u0e01\u0e23\u0e30\u0e17\u0e1a\u0e01\u0e31\u0e1a\u0e2a\u0e48\u0e27\u0e19\u0e2d\u0e37\u0e48\u0e19\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n FAQ\r\n========================================================= -->\r\n\r\n<section class=\"wpbo-wpc-section wpbo-wpc-soft\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-section-head\">\r\n\r\n      <div class=\"wpbo-wpc-eyebrow\">\r\n        <span class=\"wpbo-wpc-eyebrow-dot\"><\/span>\r\n        FAQ\r\n      <\/div>\r\n\r\n      <h2>\r\n        \u0e04\u0e33\u0e16\u0e32\u0e21\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a WPCode\r\n      <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"wpbo-wpc-faq\">\r\n\r\n      <div class=\"wpbo-wpc-faq-list\">\r\n\r\n\r\n        <div class=\"wpbo-wpc-faq-item\">\r\n\r\n          <button\r\n            class=\"wpbo-wpc-faq-button\"\r\n            type=\"button\">\r\n\r\n            <span>\r\n              WPCode \u0e15\u0e48\u0e32\u0e07\u0e08\u0e32\u0e01 Custom HTML \u0e02\u0e2d\u0e07 Elementor \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\r\n            <\/span>\r\n\r\n            <span class=\"wpbo-wpc-faq-plus\"><\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"wpbo-wpc-faq-answer\">\r\n\r\n            <div class=\"wpbo-wpc-faq-answer-inner\">\r\n              Custom HTML \u0e02\u0e2d\u0e07 Elementor\r\n              \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a Code \u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e25\u0e30\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e19\u0e31\u0e49\u0e19\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\r\n              \u0e2a\u0e48\u0e27\u0e19 WPCode \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Snippet\r\n              \u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e43\u0e0a\u0e49\u0e0b\u0e49\u0e33 \u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e17\u0e31\u0e48\u0e27\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n              \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e08\u0e32\u0e01\u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e32\u0e07\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-faq-item\">\r\n\r\n          <button\r\n            class=\"wpbo-wpc-faq-button\"\r\n            type=\"button\">\r\n\r\n            <span>\r\n              CSS \u0e04\u0e27\u0e23\u0e43\u0e2a\u0e48\u0e43\u0e19 Elementor \u0e2b\u0e23\u0e37\u0e2d WPCode?\r\n            <\/span>\r\n\r\n            <span class=\"wpbo-wpc-faq-plus\"><\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"wpbo-wpc-faq-answer\">\r\n\r\n            <div class=\"wpbo-wpc-faq-answer-inner\">\r\n              \u0e16\u0e49\u0e32 CSS \u0e43\u0e0a\u0e49\u0e40\u0e09\u0e1e\u0e32\u0e30 Section \u0e40\u0e14\u0e35\u0e22\u0e27\r\n              \u0e41\u0e25\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e01\u0e25\u0e49\u0e01\u0e31\u0e1a\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e19\u0e31\u0e49\u0e19\r\n              \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e2a\u0e48\u0e43\u0e19 Custom HTML \u0e44\u0e14\u0e49\r\n              \u0e41\u0e15\u0e48\u0e16\u0e49\u0e32 Style \u0e43\u0e0a\u0e49\u0e2b\u0e25\u0e32\u0e22\u0e2b\u0e19\u0e49\u0e32\r\n              \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19 Global Style\r\n              \u0e01\u0e32\u0e23\u0e41\u0e22\u0e01\u0e44\u0e27\u0e49\u0e43\u0e19 WPCode \u0e08\u0e30\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e07\u0e48\u0e32\u0e22\u0e01\u0e27\u0e48\u0e32\u0e04\u0e23\u0e31\u0e1a\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-faq-item\">\r\n\r\n          <button\r\n            class=\"wpbo-wpc-faq-button\"\r\n            type=\"button\">\r\n\r\n            <span>\r\n              Auto Insert \u0e01\u0e31\u0e1a Shortcode \u0e15\u0e48\u0e32\u0e07\u0e01\u0e31\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e23?\r\n            <\/span>\r\n\r\n            <span class=\"wpbo-wpc-faq-plus\"><\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"wpbo-wpc-faq-answer\">\r\n\r\n            <div class=\"wpbo-wpc-faq-answer-inner\">\r\n              Auto Insert \u0e43\u0e0a\u0e49\u0e40\u0e21\u0e37\u0e48\u0e2d Snippet\r\n              \u0e15\u0e49\u0e2d\u0e07\u0e17\u0e33\u0e07\u0e32\u0e19\u0e2d\u0e31\u0e15\u0e42\u0e19\u0e21\u0e31\u0e15\u0e34\u0e15\u0e32\u0e21\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e07\u0e37\u0e48\u0e2d\u0e19\u0e44\u0e02\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\r\n              \u0e2a\u0e48\u0e27\u0e19 Shortcode \u0e40\u0e2b\u0e21\u0e32\u0e30\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e01 Snippet\r\n              \u0e40\u0e09\u0e1e\u0e32\u0e30\u0e43\u0e19\u0e2b\u0e19\u0e49\u0e32 Widget \u0e2b\u0e23\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e40\u0e2d\u0e07\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-faq-item\">\r\n\r\n          <button\r\n            class=\"wpbo-wpc-faq-button\"\r\n            type=\"button\">\r\n\r\n            <span>\r\n              PHP Snippet \u0e15\u0e49\u0e2d\u0e07\u0e23\u0e30\u0e27\u0e31\u0e07\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 CSS \u0e2b\u0e23\u0e37\u0e2d\u0e44\u0e21\u0e48?\r\n            <\/span>\r\n\r\n            <span class=\"wpbo-wpc-faq-plus\"><\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"wpbo-wpc-faq-answer\">\r\n\r\n            <div class=\"wpbo-wpc-faq-answer-inner\">\r\n              \u0e04\u0e27\u0e23\u0e23\u0e30\u0e27\u0e31\u0e07\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32\u0e04\u0e23\u0e31\u0e1a\r\n              \u0e40\u0e1e\u0e23\u0e32\u0e30 PHP \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e1e\u0e24\u0e15\u0e34\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07 WordPress\r\n              \u0e1d\u0e31\u0e48\u0e07 Server \u0e44\u0e14\u0e49\u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\r\n              \u0e08\u0e36\u0e07\u0e04\u0e27\u0e23\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 Code \u0e17\u0e35\u0e48\u0e19\u0e33\u0e21\u0e32\u0e43\u0e0a\u0e49\r\n              \u0e15\u0e23\u0e27\u0e08 Syntax \u0e41\u0e25\u0e30\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e17\u0e35\u0e25\u0e30 Snippet\r\n              \u0e44\u0e21\u0e48\u0e04\u0e27\u0e23\u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e25\u0e32\u0e22 Snippet \u0e43\u0e2b\u0e21\u0e48\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e19\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"wpbo-wpc-faq-item\">\r\n\r\n          <button\r\n            class=\"wpbo-wpc-faq-button\"\r\n            type=\"button\">\r\n\r\n            <span>\r\n              \u0e17\u0e33\u0e44\u0e21\u0e04\u0e27\u0e23\u0e43\u0e0a\u0e49 WPCode \u0e41\u0e17\u0e19\u0e01\u0e32\u0e23\u0e41\u0e01\u0e49 functions.php?\r\n            <\/span>\r\n\r\n            <span class=\"wpbo-wpc-faq-plus\"><\/span>\r\n\r\n          <\/button>\r\n\r\n          <div class=\"wpbo-wpc-faq-answer\">\r\n\r\n            <div class=\"wpbo-wpc-faq-answer-inner\">\r\n              \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a Snippet \u0e02\u0e19\u0e32\u0e14\u0e40\u0e25\u0e47\u0e01\r\n              \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19 WPCode\r\n              \u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e34\u0e14 \u0e1b\u0e34\u0e14 \u0e41\u0e22\u0e01\u0e0a\u0e37\u0e48\u0e2d\r\n              \u0e41\u0e25\u0e30\u0e04\u0e49\u0e19\u0e2b\u0e32 Code \u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22\u0e01\u0e27\u0e48\u0e32\r\n              \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e19\u0e33 Custom Code\r\n              \u0e44\u0e1b\u0e1c\u0e39\u0e01\u0e44\u0e27\u0e49\u0e01\u0e31\u0e1a\u0e44\u0e1f\u0e25\u0e4c Theme \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n CTA\r\n========================================================= -->\r\n\r\n<section class=\"wpbo-wpc-section\">\r\n\r\n  <div class=\"wpbo-wpc-container\">\r\n\r\n    <div class=\"wpbo-wpc-cta\">\r\n\r\n      <small>\r\n        NEXT STEP\r\n      <\/small>\r\n\r\n      <h2>\r\n        \u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 Custom Code \u0e44\u0e14\u0e49\u0e41\u0e25\u0e49\u0e27 \u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e17\u0e33 SEO \u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n      <\/h2>\r\n\r\n      <p>\r\n        \u0e02\u0e31\u0e49\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e1b\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 Rank Math SEO\r\n        \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23 SEO Title,\r\n        Meta Description, Sitemap\r\n        \u0e41\u0e25\u0e30\u0e2d\u0e07\u0e04\u0e4c\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49 Search Engine\r\n        \u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e44\u0e14\u0e49\u0e14\u0e35\u0e02\u0e36\u0e49\u0e19\r\n      <\/p>\r\n\r\n      <a\r\n        href=\"\/rank-math-seo\/\"\r\n        class=\"wpbo-wpc-btn\">\r\n\r\n        \u0e40\u0e23\u0e35\u0e22\u0e19 Rank Math SEO \u2192\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================================\r\n JAVASCRIPT\r\n========================================================= -->\r\n\r\n<script>\r\n(function(){\r\n\r\n  'use strict';\r\n\r\n  const root =\r\n    document.getElementById('wpbo-wpc-page');\r\n\r\n  if(!root){\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     SMOOTH SCROLL\r\n  ======================================================= *\/\r\n  root\r\n    .querySelectorAll('a[href^=\"#\"]')\r\n    .forEach(function(link){\r\n\r\n      link.addEventListener(\r\n        'click',\r\n        function(event){\r\n\r\n          const href =\r\n            this.getAttribute('href');\r\n\r\n          if(!href || href === '#'){\r\n            return;\r\n          }\r\n\r\n          const target =\r\n            document.querySelector(href);\r\n\r\n          if(!target){\r\n            return;\r\n          }\r\n\r\n          event.preventDefault();\r\n\r\n          target.scrollIntoView({\r\n            behavior:'smooth',\r\n            block:'start'\r\n          });\r\n\r\n        }\r\n      );\r\n\r\n    });\r\n\r\n\r\n  \/* =======================================================\r\n     CODE TYPE TABS\r\n  ======================================================= *\/\r\n  const tabButtons =\r\n    root.querySelectorAll('.wpbo-wpc-tab-btn');\r\n\r\n  const tabPanels =\r\n    root.querySelectorAll('.wpbo-wpc-tab-panel');\r\n\r\n\r\n  tabButtons.forEach(function(button){\r\n\r\n    button.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        const target =\r\n          this.dataset.tab;\r\n\r\n        tabButtons.forEach(function(item){\r\n          item.classList.remove('active');\r\n        });\r\n\r\n        tabPanels.forEach(function(panel){\r\n          panel.classList.remove('active');\r\n        });\r\n\r\n        this.classList.add('active');\r\n\r\n        const selected =\r\n          root.querySelector(\r\n            '[data-panel=\"' +\r\n            target +\r\n            '\"]'\r\n          );\r\n\r\n        if(selected){\r\n          selected.classList.add('active');\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n\r\n  \/* =======================================================\r\n     CHECKLIST + LOCAL STORAGE\r\n  ======================================================= *\/\r\n  const checklist =\r\n    root.querySelectorAll(\r\n      '.wpbo-wpc-check-item'\r\n    );\r\n\r\n  const progressValue =\r\n    document.getElementById(\r\n      'wpbo-wpc-progress-value'\r\n    );\r\n\r\n  const progressBar =\r\n    document.getElementById(\r\n      'wpbo-wpc-progress-bar'\r\n    );\r\n\r\n  const storageKey =\r\n    'wpboWPCodeChecklist';\r\n\r\n\r\n  function loadChecklist(){\r\n\r\n    try{\r\n\r\n      return JSON.parse(\r\n        localStorage.getItem(storageKey)\r\n      ) || {};\r\n\r\n    }catch(error){\r\n\r\n      return {};\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  function saveChecklist(data){\r\n\r\n    try{\r\n\r\n      localStorage.setItem(\r\n        storageKey,\r\n        JSON.stringify(data)\r\n      );\r\n\r\n    }catch(error){}\r\n\r\n  }\r\n\r\n\r\n  function updateProgress(){\r\n\r\n    let done = 0;\r\n\r\n    checklist.forEach(function(item){\r\n\r\n      if(item.classList.contains('done')){\r\n        done++;\r\n      }\r\n\r\n    });\r\n\r\n    const total =\r\n      checklist.length;\r\n\r\n    const percent =\r\n      total\r\n        ? Math.round(done \/ total * 100)\r\n        : 0;\r\n\r\n    if(progressValue){\r\n      progressValue.textContent =\r\n        percent + '%';\r\n    }\r\n\r\n    if(progressBar){\r\n      progressBar.style.width =\r\n        percent + '%';\r\n    }\r\n\r\n  }\r\n\r\n\r\n  const saved =\r\n    loadChecklist();\r\n\r\n\r\n  checklist.forEach(function(item){\r\n\r\n    const key =\r\n      item.dataset.key;\r\n\r\n    if(saved[key]){\r\n      item.classList.add('done');\r\n    }\r\n\r\n    item.setAttribute(\r\n      'role',\r\n      'checkbox'\r\n    );\r\n\r\n    item.setAttribute(\r\n      'tabindex',\r\n      '0'\r\n    );\r\n\r\n    item.setAttribute(\r\n      'aria-checked',\r\n      item.classList.contains('done')\r\n        ? 'true'\r\n        : 'false'\r\n    );\r\n\r\n\r\n    function toggle(){\r\n\r\n      item.classList.toggle('done');\r\n\r\n      const state =\r\n        item.classList.contains('done');\r\n\r\n      item.setAttribute(\r\n        'aria-checked',\r\n        state ? 'true' : 'false'\r\n      );\r\n\r\n      const current =\r\n        loadChecklist();\r\n\r\n      current[key] =\r\n        state;\r\n\r\n      saveChecklist(current);\r\n\r\n      updateProgress();\r\n\r\n    }\r\n\r\n\r\n    item.addEventListener(\r\n      'click',\r\n      toggle\r\n    );\r\n\r\n\r\n    item.addEventListener(\r\n      'keydown',\r\n      function(event){\r\n\r\n        if(\r\n          event.key === 'Enter' ||\r\n          event.key === ' '\r\n        ){\r\n\r\n          event.preventDefault();\r\n\r\n          toggle();\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n\r\n  updateProgress();\r\n\r\n\r\n  \/* =======================================================\r\n     FAQ\r\n  ======================================================= *\/\r\n  const faqItems =\r\n    root.querySelectorAll(\r\n      '.wpbo-wpc-faq-item'\r\n    );\r\n\r\n\r\n  faqItems.forEach(function(item){\r\n\r\n    const button =\r\n      item.querySelector(\r\n        '.wpbo-wpc-faq-button'\r\n      );\r\n\r\n    const answer =\r\n      item.querySelector(\r\n        '.wpbo-wpc-faq-answer'\r\n      );\r\n\r\n    if(!button || !answer){\r\n      return;\r\n    }\r\n\r\n    button.setAttribute(\r\n      'aria-expanded',\r\n      'false'\r\n    );\r\n\r\n\r\n    button.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        const opened =\r\n          item.classList.contains('open');\r\n\r\n\r\n        faqItems.forEach(function(other){\r\n\r\n          if(other === item){\r\n            return;\r\n          }\r\n\r\n          other.classList.remove('open');\r\n\r\n\r\n          const otherButton =\r\n            other.querySelector(\r\n              '.wpbo-wpc-faq-button'\r\n            );\r\n\r\n          const otherAnswer =\r\n            other.querySelector(\r\n              '.wpbo-wpc-faq-answer'\r\n            );\r\n\r\n\r\n          if(otherButton){\r\n\r\n            otherButton.setAttribute(\r\n              'aria-expanded',\r\n              'false'\r\n            );\r\n\r\n          }\r\n\r\n\r\n          if(otherAnswer){\r\n\r\n            otherAnswer.style.maxHeight =\r\n              null;\r\n\r\n          }\r\n\r\n        });\r\n\r\n\r\n        item.classList.toggle(\r\n          'open',\r\n          !opened\r\n        );\r\n\r\n\r\n        button.setAttribute(\r\n          'aria-expanded',\r\n          String(!opened)\r\n        );\r\n\r\n\r\n        answer.style.maxHeight =\r\n          !opened\r\n            ? answer.scrollHeight + 'px'\r\n            : null;\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&lt;\/&gt; WPCODE &#038; CUSTOM CODE \u0e40\u0e1e\u0e34\u0e48\u0e21 Custom Code \u0e43\u0e2b\u0e49 WordPress \u0e14\u0e49\u0e27\u0e22 WPCode \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21 HTML, CSS, JavaScript \u0e41\u0e25\u0e30 PHP \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e1a\u0e1a\u0e1c\u0e48\u0e32\u0e19 Code [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":4,"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/pages\/38\/revisions\/167"}],"wp:attachment":[{"href":"https:\/\/test.onsello.com\/en\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}