{"id":493,"date":"2026-06-20T11:48:34","date_gmt":"2026-06-20T03:48:34","guid":{"rendered":"https:\/\/printingguidehub.com\/?page_id=493"},"modified":"2026-06-20T23:45:38","modified_gmt":"2026-06-20T15:45:38","slug":"home","status":"publish","type":"page","link":"https:\/\/printingguidehub.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"493\" class=\"elementor elementor-493\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f108ef e-con-full e-flex e-con e-parent\" data-id=\"5f108ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c9adc4 elementor-widget elementor-widget-html\" data-id=\"3c9adc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.pgh-hero-switch,\n.pgh-hero-switch *{\n  box-sizing:border-box;\n}\n\n.pgh-hero-switch{\n  --green:#00984A;\n  --green2:#00B66B;\n  --deep:#073B2B;\n  --dark:#173B31;\n  --text:#111827;\n  --muted:#667085;\n  --soft:#F7FCFA;\n  --line:#D6EFE2;\n  --line2:#B7E6CC;\n  --shadow:0 24px 70px rgba(7,59,43,.13);\n  position:relative;\n  width:100%;\n  overflow:hidden;\n  background:\n    radial-gradient(circle at 86% 8%,rgba(0,152,74,.18),transparent 30%),\n    radial-gradient(circle at 10% 92%,rgba(255,235,0,.14),transparent 25%),\n    linear-gradient(135deg,#ffffff 0%,#F0FAF4 100%);\n  padding:96px 5vw 96px;\n  font-family:Inter,Arial,Helvetica,sans-serif;\n}\n\n.pgh-hero-switch-inner{\n  max-width:1480px;\n  margin:0 auto;\n  display:grid;\n  grid-template-columns:minmax(0,1.02fr) minmax(540px,.98fr);\n  gap:72px;\n  align-items:center;\n}\n\n.pgh-hero-copy{\n  max-width:780px;\n}\n\n.pgh-kicker{\n  margin:0 0 14px;\n  color:#667085;\n  font-size:18px;\n  line-height:1.2;\n  font-weight:900;\n  letter-spacing:4px;\n  text-transform:uppercase;\n}\n\n.pgh-title{\n  margin:0 0 26px;\n  color:var(--text);\n  font-size:66px;\n  line-height:1.03;\n  letter-spacing:-.055em;\n  font-weight:900;\n}\n\n.pgh-desc{\n  margin:0;\n  max-width:760px;\n  color:#5F6F84;\n  font-size:21px;\n  line-height:1.55;\n  font-weight:500;\n}\n\n.pgh-actions{\n  display:flex;\n  align-items:center;\n  gap:16px;\n  margin-top:40px;\n  flex-wrap:wrap;\n}\n\n.pgh-view-btn{\n  border:0;\n  min-width:330px;\n  height:62px;\n  background:var(--green);\n  color:#fff;\n  border-radius:10px;\n  cursor:pointer;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:14px;\n  padding:0 20px;\n  box-shadow:0 18px 42px rgba(0,152,74,.22);\n  font-size:17px;\n  font-weight:900;\n}\n\n.pgh-view-btn:hover{\n  background:#008C44;\n}\n\n.pgh-view-btn strong{\n  min-width:118px;\n  height:30px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:999px;\n  background:rgba(255,255,255,.16);\n  border:1px solid rgba(255,255,255,.30);\n  color:#fff;\n  line-height:1;\n}\n\n.pgh-view-btn em{\n  font-style:normal;\n  font-size:28px;\n  line-height:1;\n}\n\n.pgh-outline-btn{\n  height:62px;\n  min-width:194px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 24px;\n  background:#fff;\n  border:1px solid var(--line);\n  border-radius:10px;\n  color:var(--deep);\n  font-size:17px;\n  font-weight:900;\n  text-decoration:none;\n}\n\n.pgh-outline-btn:hover{\n  color:var(--green);\n  border-color:var(--line2);\n}\n\n.pgh-progress-row{\n  display:flex;\n  align-items:center;\n  gap:14px;\n  margin-top:34px;\n}\n\n.pgh-progress-row span{\n  color:#667085;\n  font-size:15px;\n  font-weight:900;\n}\n\n.pgh-progress-track{\n  width:220px;\n  height:6px;\n  border-radius:999px;\n  background:#BDE9D2;\n  overflow:hidden;\n}\n\n.pgh-progress-bar{\n  display:block;\n  width:25%;\n  height:100%;\n  border-radius:999px;\n  background:var(--green);\n  transform:translateX(0);\n  transition:transform .36s ease;\n}\n\n.pgh-dots{\n  display:flex;\n  align-items:center;\n  gap:10px;\n  margin-top:20px;\n}\n\n.pgh-dot{\n  width:38px;\n  height:8px;\n  border:0;\n  border-radius:999px;\n  background:#BDE9D2;\n  cursor:pointer;\n  transition:.25s ease;\n}\n\n.pgh-dot.active{\n  width:66px;\n  background:var(--green);\n}\n\n\/* right card *\/\n.pgh-showcase{\n  position:relative;\n  min-width:0;\n}\n\n.pgh-showcase-card{\n  position:relative;\n  background:#fff;\n  border:1px solid var(--line);\n  border-radius:30px;\n  padding:20px;\n  box-shadow:var(--shadow);\n}\n\n.pgh-panel{\n  display:none;\n  animation:pghFade .36s ease;\n}\n\n.pgh-panel.active{\n  display:block;\n}\n\n@keyframes pghFade{\n  from{opacity:.18;transform:translateX(18px)}\n  to{opacity:1;transform:translateX(0)}\n}\n\n.pgh-figure{\n  position:relative;\n  height:380px;\n  border:1px solid var(--line);\n  border-radius:22px;\n  overflow:hidden;\n  background:#F4FAF6;\n}\n\n.pgh-figure img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  object-position:center;\n  display:block;\n}\n\n.pgh-caption{\n  margin-top:16px;\n  background:var(--dark);\n  border-radius:16px;\n  padding:24px;\n  color:#fff;\n}\n\n.pgh-caption h3{\n  margin:0 0 8px;\n  color:#fff;\n  font-size:28px;\n  line-height:1.1;\n  font-weight:900;\n}\n\n.pgh-caption p{\n  margin:0;\n  color:#DDF7EA;\n  font-size:15px;\n  line-height:1.55;\n  font-weight:600;\n}\n\n.pgh-meta-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:12px;\n  margin-top:14px;\n}\n\n.pgh-meta{\n  min-height:84px;\n  border:1px solid var(--line);\n  border-radius:14px;\n  background:var(--soft);\n  padding:16px;\n}\n\n.pgh-meta b{\n  display:block;\n  margin:0 0 6px;\n  color:var(--deep);\n  font-size:16px;\n  line-height:1.2;\n  font-weight:900;\n}\n\n.pgh-meta small{\n  display:block;\n  color:#667085;\n  font-size:13px;\n  line-height:1.35;\n}\n\n.pgh-open-link{\n  display:inline-flex;\n  margin-top:16px;\n  color:var(--deep);\n  font-size:18px;\n  font-weight:900;\n  text-decoration:none;\n}\n\n.pgh-open-link:hover{\n  color:var(--green);\n}\n\n\/* floating buttons like the screenshot *\/\n.pgh-float{\n  position:fixed;\n  right:22px;\n  bottom:22px;\n  z-index:99;\n  display:grid;\n  gap:10px;\n}\n\n.pgh-float a,\n.pgh-float button{\n  min-width:142px;\n  min-height:56px;\n  border:0;\n  border-radius:999px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 18px;\n  background:var(--green);\n  color:#fff;\n  font-size:16px;\n  font-weight:900;\n  text-decoration:none;\n  box-shadow:0 14px 30px rgba(0,152,74,.25);\n  cursor:pointer;\n}\n\n.pgh-float button{\n  background:#fff;\n  color:var(--deep);\n  border:1px solid var(--line);\n}\n\n\/* responsive *\/\n@media(max-width:1160px){\n  .pgh-hero-switch-inner{\n    grid-template-columns:1fr;\n    gap:48px;\n  }\n  .pgh-title{\n    font-size:52px;\n  }\n}\n\n@media(max-width:680px){\n  .pgh-hero-switch{\n    padding:60px 5vw 72px;\n  }\n  .pgh-kicker{\n    font-size:14px;\n    letter-spacing:2px;\n  }\n  .pgh-title{\n    font-size:38px;\n  }\n  .pgh-desc{\n    font-size:17px;\n  }\n  .pgh-actions{\n    display:grid;\n  }\n  .pgh-view-btn,\n  .pgh-outline-btn{\n    width:100%;\n    min-width:0;\n  }\n  .pgh-progress-row{\n    align-items:flex-start;\n    flex-direction:column;\n  }\n  .pgh-progress-track{\n    width:100%;\n  }\n  .pgh-figure{\n    height:260px;\n  }\n  .pgh-meta-grid{\n    grid-template-columns:1fr;\n  }\n  .pgh-float{\n    display:none;\n  }\n}\n<\/style>\n\n<section class=\"pgh-hero-switch\" id=\"pgh-hero-switch\">\n  <div class=\"pgh-hero-switch-inner\">\n    <div class=\"pgh-hero-copy\">\n      <p class=\"pgh-kicker\">Screen Printing Supply Categories<\/p>\n      <h1 class=\"pgh-title\">Choose the Right Screen Printing Category<\/h1>\n      <p class=\"pgh-desc\">Browse the four main product systems in one clean entry. The category word slides automatically, and the right-side image changes with the selected category.<\/p>\n\n      <div class=\"pgh-actions\">\n        <button class=\"pgh-view-btn\" type=\"button\" data-pgh-next>\n          <span>View Categories<\/span>\n          <strong data-pgh-word>Materials<\/strong>\n          <em>\u203a<\/em>\n        <\/button>\n\n        <a class=\"pgh-outline-btn\" href=\"\/contact\/\">Request a Quote<\/a>\n      <\/div>\n\n      <div class=\"pgh-progress-row\">\n        <span>Auto sliding through<\/span>\n        <div class=\"pgh-progress-track\"><i class=\"pgh-progress-bar\" data-pgh-progress><\/i><\/div>\n      <\/div>\n\n      <div class=\"pgh-dots\" aria-label=\"Category controls\">\n        <button class=\"pgh-dot active\" type=\"button\" data-pgh-dot=\"0\" aria-label=\"Materials\"><\/button>\n        <button class=\"pgh-dot\" type=\"button\" data-pgh-dot=\"1\" aria-label=\"Machines\"><\/button>\n        <button class=\"pgh-dot\" type=\"button\" data-pgh-dot=\"2\" aria-label=\"Accessories\"><\/button>\n        <button class=\"pgh-dot\" type=\"button\" data-pgh-dot=\"3\" aria-label=\"Equipment\"><\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"pgh-showcase\">\n      <div class=\"pgh-showcase-card\">\n        <article class=\"pgh-panel active\" data-pgh-panel=\"0\">\n          <figure class=\"pgh-figure\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618331833071-ce81bd50d300?auto=format&fit=crop&w=1300&q=80\" alt=\"Materials category for screen printing\">\n          <\/figure>\n          <div class=\"pgh-caption\">\n            <h3>Materials<\/h3>\n            <p>Image slot: inks, film, powders and printing materials grouped together.<\/p>\n          <\/div>\n          <div class=\"pgh-meta-grid\">\n            <div class=\"pgh-meta\"><b>Ink<\/b><small>Printing color system<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Film<\/b><small>Transfer support<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Powder<\/b><small>Effect material<\/small><\/div>\n          <\/div>\n          <a class=\"pgh-open-link\" href=\"\/materials\/\">Open Materials \u2192<\/a>\n        <\/article>\n\n        <article class=\"pgh-panel\" data-pgh-panel=\"1\">\n          <figure class=\"pgh-figure\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581092160607-ee22621dd758?auto=format&fit=crop&w=1300&q=80\" alt=\"Machines category for screen printing\">\n          <\/figure>\n          <div class=\"pgh-caption\">\n            <h3>Machines<\/h3>\n            <p>Image slot: printing machines, dryers and ovens for production.<\/p>\n          <\/div>\n          <div class=\"pgh-meta-grid\">\n            <div class=\"pgh-meta\"><b>Print<\/b><small>Machine line<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Dry<\/b><small>Drying equipment<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Cure<\/b><small>Oven system<\/small><\/div>\n          <\/div>\n          <a class=\"pgh-open-link\" href=\"\/machines\/\">Open Machines \u2192<\/a>\n        <\/article>\n\n        <article class=\"pgh-panel\" data-pgh-panel=\"2\">\n          <figure class=\"pgh-figure\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523381210434-271e8be1f52b?auto=format&fit=crop&w=1300&q=80\" alt=\"Accessories category for screen printing\">\n          <\/figure>\n          <div class=\"pgh-caption\">\n            <h3>Accessories<\/h3>\n            <p>Image slot: garments, fabrics, substrates and supporting accessories.<\/p>\n          <\/div>\n          <div class=\"pgh-meta-grid\">\n            <div class=\"pgh-meta\"><b>Garment<\/b><small>Finished items<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Fabric<\/b><small>Base material<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Support<\/b><small>Transfer accessories<\/small><\/div>\n          <\/div>\n          <a class=\"pgh-open-link\" href=\"\/accessories\/\">Open Accessories \u2192<\/a>\n        <\/article>\n\n        <article class=\"pgh-panel\" data-pgh-panel=\"3\">\n          <figure class=\"pgh-figure\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1586864387967-d02ef85d93e8?auto=format&fit=crop&w=1300&q=80\" alt=\"Equipment category for screen printing\">\n          <\/figure>\n          <div class=\"pgh-caption\">\n            <h3>Equipment<\/h3>\n            <p>Image slot: squeegees, screen frames, mesh, plates and preparation tools.<\/p>\n          <\/div>\n          <div class=\"pgh-meta-grid\">\n            <div class=\"pgh-meta\"><b>Apply<\/b><small>Squeegee tools<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Prepare<\/b><small>Frame and mesh<\/small><\/div>\n            <div class=\"pgh-meta\"><b>Maintain<\/b><small>Daily supplies<\/small><\/div>\n          <\/div>\n          <a class=\"pgh-open-link\" href=\"\/tools-equipment\/\">Open Equipment \u2192<\/a>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"pgh-float\">\n  <a href=\"\/contact\/\">Send Inquiry<\/a>\n  <a href=\"https:\/\/wa.me\/8613809833489\">WhatsApp<\/a>\n  <button type=\"button\" data-pgh-top>Back Top<\/button>\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('pgh-hero-switch');\n  if(!root)return;\n\n  var words=['Materials','Machines','Accessories','Equipment'];\n  var index=0;\n  var wordEl=root.querySelector('[data-pgh-word]');\n  var nextBtn=root.querySelector('[data-pgh-next]');\n  var progress=root.querySelector('[data-pgh-progress]');\n  var panels=root.querySelectorAll('[data-pgh-panel]');\n  var dots=root.querySelectorAll('[data-pgh-dot]');\n  var timer;\n\n  function showCategory(n){\n    index=(n+words.length)%words.length;\n    wordEl.textContent=words[index];\n    progress.style.transform='translateX('+(index*100)+'%)';\n\n    panels.forEach(function(panel,i){\n      panel.classList.toggle('active',i===index);\n    });\n\n    dots.forEach(function(dot,i){\n      dot.classList.toggle('active',i===index);\n    });\n  }\n\n  function restart(){\n    clearInterval(timer);\n    timer=setInterval(function(){\n      showCategory(index+1);\n    },3600);\n  }\n\n  nextBtn.addEventListener('click',function(){\n    showCategory(index+1);\n    restart();\n  });\n\n  dots.forEach(function(dot){\n    dot.addEventListener('click',function(){\n      showCategory(parseInt(dot.getAttribute('data-pgh-dot'),10));\n      restart();\n    });\n  });\n\n  root.addEventListener('mouseenter',function(){\n    clearInterval(timer);\n  });\n\n  root.addEventListener('mouseleave',restart);\n\n  var topBtn=document.querySelector('[data-pgh-top]');\n  if(topBtn){\n    topBtn.addEventListener('click',function(){\n      window.scrollTo({top:0,behavior:'smooth'});\n    });\n  }\n\n  showCategory(0);\n  restart();\n})();\n<\/script>\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>Screen Printing Supply Categories Choose the Right Scre [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-493","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/pages\/493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/comments?post=493"}],"version-history":[{"count":92,"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/pages\/493\/revisions"}],"predecessor-version":[{"id":707,"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/pages\/493\/revisions\/707"}],"wp:attachment":[{"href":"https:\/\/printingguidehub.com\/index.php\/wp-json\/wp\/v2\/media?parent=493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}