{"id":7,"date":"2026-07-17T12:27:33","date_gmt":"2026-07-17T12:27:33","guid":{"rendered":"https:\/\/hariomudyog.net\/?page_id=7"},"modified":"2026-07-17T12:28:25","modified_gmt":"2026-07-17T12:28:25","slug":"maintenance-mode","status":"publish","type":"page","link":"https:\/\/hariomudyog.net\/","title":{"rendered":"Maintenance Mode"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc6a9ec e-con e-atomic-element e-flexbox-base e-157f962 \" data-id=\"fc6a9ec\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fc6a9ec\">\n    \t\t<div class=\"elementor-element elementor-element-3b1a60e elementor-widget elementor-widget-html\" data-id=\"3b1a60e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Hari Om Udyog \u2014 Site Under Construction<\/title>\n<meta name=\"description\" content=\"Hari Om Udyog \u2014 ISO 9001 &amp; IATF 16949 certified precision plastic injection molding manufacturer since 1988. New website coming soon.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --bg:#14181C;\n    --grid-line:rgba(255,255,255,0.05);\n    --steel:#5B6A75;\n    --steel-dim:#2B333A;\n    --panel:#1A2025;\n    --text-primary:#ECEEF0;\n    --text-secondary:#8B98A3;\n    --accent:#E8A33D;\n    --accent-cool:#5B8FA8;\n  }\n  *{box-sizing:border-box;}\n  html,body{margin:0;padding:0;height:100%;}\n  body{\n    background:var(--bg);\n    color:var(--text-primary);\n    font-family:'Inter',sans-serif;\n    background-image:\n      linear-gradient(var(--grid-line) 1px, transparent 1px),\n      linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);\n    background-size:40px 40px;\n  }\n  .reg{position:fixed;width:14px;height:14px;pointer-events:none;z-index:5;}\n  .reg::before,.reg::after{content:\"\";position:absolute;background:var(--steel);}\n  .reg::before{width:100%;height:1px;top:50%;left:0;}\n  .reg::after{width:1px;height:100%;left:50%;top:0;}\n  .reg.tl{top:16px;left:16px;} .reg.tr{top:16px;right:16px;}\n  .reg.bl{bottom:16px;left:16px;} .reg.br{bottom:16px;right:16px;}\n\n  .sheet{\n    margin:16px;\n    min-height:calc(100vh - 32px);\n    border:1px solid var(--steel-dim);\n    display:flex;\n    flex-direction:column;\n  }\n\n  .titleblock{\n    display:flex;\n    justify-content:space-between;\n    flex-wrap:wrap;\n    gap:8px 24px;\n    padding:16px 24px;\n    border-bottom:1px solid var(--steel-dim);\n    font-family:'IBM Plex Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.08em;\n    text-transform:uppercase;\n    color:var(--text-secondary);\n  }\n  .titleblock span b{color:var(--text-secondary);font-weight:500;}\n  .titleblock span{color:var(--steel);}\n\n  main{\n    flex:1;\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    padding:56px 24px;\n    gap:28px;\n  }\n\n  .logotype{display:flex;flex-direction:column;align-items:center;gap:6px;}\n  .logotype .name{\n    font-family:'Space Grotesk',sans-serif;\n    font-weight:700;\n    font-size:clamp(20px,3vw,26px);\n    letter-spacing:0.06em;\n  }\n  .logotype .est{\n    font-family:'IBM Plex Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.15em;\n    color:var(--accent);\n  }\n\n  h1{\n    font-family:'Space Grotesk',sans-serif;\n    font-weight:700;\n    font-size:clamp(32px,6vw,56px);\n    line-height:1.08;\n    margin:0;\n    max-width:16ch;\n  }\n\n  p.sub{\n    font-size:clamp(14px,1.6vw,16px);\n    line-height:1.6;\n    color:var(--text-secondary);\n    max-width:46ch;\n    margin:0;\n  }\n\n  \/* --- Fill analysis visual --- *\/\n  .viz-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;margin:8px 0;}\n  .viz-caption{\n    font-family:'IBM Plex Mono',monospace;\n    font-size:10px;\n    letter-spacing:0.18em;\n    color:var(--steel);\n    text-transform:uppercase;\n  }\n  svg.part{width:min(90vw,360px);height:auto;overflow:visible;}\n  .sweep{\n    transform-box:fill-box;\n    transform-origin:0 0;\n    animation:sweep 4s linear infinite;\n  }\n  @keyframes sweep{\n    0%{transform:translateX(-100%);}\n    100%{transform:translateX(100%);}\n  }\n  .guide-line{stroke:var(--steel-dim);stroke-width:1;}\n  .part-outline{stroke:var(--steel);stroke-width:1.5;fill:none;}\n  .dim-line{stroke:var(--steel-dim);stroke-width:1;}\n  .dim-text{\n    font-family:'IBM Plex Mono',monospace;\n    font-size:9px;\n    letter-spacing:0.1em;\n    fill:var(--steel);\n    text-transform:uppercase;\n  }\n  #fillStatus{\n    font-family:'IBM Plex Mono',monospace;\n    font-size:11px;\n    letter-spacing:0.14em;\n    color:var(--accent);\n    min-width:14ch;\n    display:inline-block;\n    text-transform:uppercase;\n  }\n\n  .cta{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:13px 26px;\n    background:transparent;\n    border:1px solid var(--accent);\n    color:var(--text-primary);\n    text-decoration:none;\n    font-family:'IBM Plex Mono',monospace;\n    font-size:12px;\n    letter-spacing:0.1em;\n    text-transform:uppercase;\n    transition:background 0.15s ease, color 0.15s ease;\n  }\n  .cta:hover{background:var(--accent);color:#14181C;}\n  .cta:focus-visible{outline:2px solid var(--accent-cool);outline-offset:3px;}\n  .cta-note{font-size:12px;color:var(--steel);}\n\n  footer{\n    border-top:1px solid var(--steel-dim);\n    padding:22px 24px;\n    display:flex;\n    flex-wrap:wrap;\n    gap:20px 40px;\n    justify-content:space-between;\n    font-family:'IBM Plex Mono',monospace;\n    font-size:11px;\n    color:var(--text-secondary);\n  }\n  footer .plant b{\n    display:block;\n    color:var(--text-primary);\n    letter-spacing:0.06em;\n    margin-bottom:4px;\n  }\n  footer .plant span{color:var(--steel);display:block;}\n  .copyright{\n    width:100%;\n    text-align:center;\n    padding-top:16px;\n    margin-top:6px;\n    border-top:1px solid var(--steel-dim);\n    color:var(--steel);\n    font-size:10px;\n    letter-spacing:0.08em;\n  }\n\n  @media (max-width:640px){\n    .titleblock{font-size:10px;}\n    footer{flex-direction:column;gap:16px;}\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    .sweep{animation:none;transform:translateX(20%);}\n  }\n<\/style>\n<\/head>\n<body>\n\n  <div class=\"reg tl\"><\/div><div class=\"reg tr\"><\/div>\n  <div class=\"reg bl\"><\/div><div class=\"reg br\"><\/div>\n\n  <div class=\"sheet\">\n\n    <div class=\"titleblock\">\n      <span>DWG NO. <b>HOU\/WEB\/2026<\/b><\/span>\n      <span>SCALE <b>N.T.S.<\/b><\/span>\n      <span>STATUS <b>IN TOOLING<\/b><\/span>\n      <span>REV <b>A<\/b><\/span>\n    <\/div>\n\n    <main>\n      <div class=\"logotype\">\n        <div class=\"name\">HARI OM UDYOG<\/div>\n        <div class=\"est\">EST. 1988<\/div>\n      <\/div>\n\n      <h1>We're retooling the website.<\/h1>\n\n      <p class=\"sub\">\n        ISO 9001:2015 &amp; IATF 16949:2016 certified precision plastic injection\n        molding for automotive, electrical and medical components. The new site\n        is being tooled up \u2014 full details are on the way.\n      <\/p>\n\n      <div class=\"viz-wrap\">\n        <div class=\"viz-caption\">Mold fill status<\/div>\n        <svg class=\"part\" viewBox=\"0 0 300 190\" aria-hidden=\"true\">\n          <defs>\n            <clipPath id=\"partClip\">\n              <path d=\"M20,30 h260 a20,20 0 0 1 20,20 v90 a20,20 0 0 1 -20,20 h-260 a20,20 0 0 1 -20,-20 v-90 a20,20 0 0 1 20,-20 z\"\n                    fill-rule=\"evenodd\"\/>\n              <circle cx=\"55\" cy=\"55\" r=\"10\"\/>\n              <circle cx=\"245\" cy=\"55\" r=\"10\"\/>\n              <circle cx=\"150\" cy=\"130\" r=\"12\"\/>\n            <\/clipPath>\n            <linearGradient id=\"flowGrad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n              <stop offset=\"0%\" stop-color=\"#14181C\" stop-opacity=\"0\"\/>\n              <stop offset=\"18%\" stop-color=\"var(--accent-cool)\"\/>\n              <stop offset=\"100%\" stop-color=\"var(--accent)\"\/>\n            <\/linearGradient>\n          <\/defs>\n\n          <!-- static guide lines, evoke a flow\/isochrone grid -->\n          <line class=\"guide-line\" x1=\"90\" y1=\"20\" x2=\"90\" y2=\"170\"\/>\n          <line class=\"guide-line\" x1=\"150\" y1=\"20\" x2=\"150\" y2=\"170\"\/>\n          <line class=\"guide-line\" x1=\"210\" y1=\"20\" x2=\"210\" y2=\"170\"\/>\n\n          <!-- animated fill, clipped to the part shape minus its bosses -->\n          <g clip-path=\"url(#partClip)\">\n            <rect class=\"sweep\" x=\"0\" y=\"10\" width=\"320\" height=\"170\" fill=\"url(#flowGrad)\"\/>\n          <\/g>\n\n          <!-- part outline + mounting bosses, drawn on top -->\n          <path class=\"part-outline\" d=\"M20,30 h260 a20,20 0 0 1 20,20 v90 a20,20 0 0 1 -20,20 h-260 a20,20 0 0 1 -20,-20 v-90 a20,20 0 0 1 20,-20 z\"\/>\n          <circle class=\"part-outline\" cx=\"55\" cy=\"55\" r=\"10\"\/>\n          <circle class=\"part-outline\" cx=\"245\" cy=\"55\" r=\"10\"\/>\n          <circle class=\"part-outline\" cx=\"150\" cy=\"130\" r=\"12\"\/>\n\n          <!-- dimension line -->\n          <line class=\"dim-line\" x1=\"20\" y1=\"182\" x2=\"280\" y2=\"182\"\/>\n          <line class=\"dim-line\" x1=\"20\" y1=\"177\" x2=\"20\" y2=\"187\"\/>\n          <line class=\"dim-line\" x1=\"280\" y1=\"177\" x2=\"280\" y2=\"187\"\/>\n          <text class=\"dim-text\" x=\"150\" y=\"180\" text-anchor=\"middle\">page \u2014 in development<\/text>\n        <\/svg>\n        <div id=\"fillStatus\">SHORT SHOT<\/div>\n      <\/div>\n\n      <div>\n        <a class=\"cta\" href=\"mailto:md@hariomudyog.net\">Email us \u2014 md@hariomudyog.net<\/a>\n        <div class=\"cta-note\" style=\"margin-top:10px;\">For enquiries in the meantime<\/div>\n      <\/div>\n    <\/main>\n\n    <footer>\n      <div class=\"plant\">\n        <b>Unit 1 \u2014 Greater Noida, U.P.<\/b>\n        <span>Estd. 1988<\/span>\n        <span>ISO 9001:2015 \u00b7 MSIL Green Approved \u00b7 ZED Certified<\/span>\n      <\/div>\n      <div class=\"plant\">\n        <b>Unit 2 \u2014 Chakan, Pune<\/b>\n        <span>Estd. 2012<\/span>\n        <span>IATF 16949:2016 \u00b7 VDA 6.3<\/span>\n      <\/div>\n      <div class=\"plant\">\n        <b>Warehouse \u2014 Rudrapur, Uttarakhand<\/b>\n        <span>Estd. 2007<\/span>\n      <\/div>\n      <div class=\"copyright\">\u00a9 <span id=\"year\"><\/span> Hari Om Udyog. All rights reserved.<\/div>\n    <\/footer>\n\n  <\/div>\n\n<script>\n  document.getElementById('year').textContent = new Date().getFullYear();\n\n  var states = [\"SHORT SHOT\", \"PARTIAL FILL\", \"FULL SHOT\"];\n  var i = 0;\n  var el = document.getElementById('fillStatus');\n  var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  if(!reduceMotion){\n    setInterval(function(){\n      i = (i + 1) % states.length;\n      el.textContent = states[i];\n    }, 1333);\n  } else {\n    el.textContent = \"TOOLING IN PROGRESS\";\n  }\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hari Om Udyog \u2014 Site Under Construction DWG NO. HOU\/WEB\/2026 SCALE N.T.S. STATUS IN TOOLING REV A HARI OM UDYOG EST. 1988 We&#8217;re retooling the website. ISO 9001:2015 &amp; IATF 16949:2016 certified precision plastic injection molding for automotive, electrical and medical components. The new site is being tooled up \u2014 full details are on the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":4,"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/hariomudyog.net\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}