{"id":1316,"date":"2026-10-13T07:52:05","date_gmt":"2026-10-13T07:52:05","guid":{"rendered":"https:\/\/hithotprodcut.com\/?page_id=1316"},"modified":"2026-10-14T05:53:15","modified_gmt":"2026-10-14T05:53:15","slug":"omr-login","status":"publish","type":"page","link":"https:\/\/hithotprodcut.com\/index.php\/omr-login\/","title":{"rendered":"OMR Login"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1316\" class=\"elementor elementor-1316\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5baf3ea e-flex e-con-boxed e-con e-parent\" data-id=\"5baf3ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc88105 elementor-widget elementor-widget-shortcode\" data-id=\"bc88105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- OMR Check: Home + Login. Paste into a WordPress \"Custom HTML\" block. -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;800&display=swap\" rel=\"stylesheet\">\n<style>\n#omr-app{--ink:#0f1b33;--mute:#56627a;--bg:#f2f5fa;--card:#fff;--blue:#2457d6;--ok:#17855a;--err:#c0392b;--line:#d9e0ec;\nfont-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;box-sizing:border-box}\n#omr-app *{box-sizing:border-box}\n#omr-app .bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--ink);color:#fff;flex-wrap:wrap;gap:12px}\n#omr-app .logo{font-weight:800;font-size:20px;letter-spacing:.3px}\n#omr-app nav a,#omr-app nav button{color:#fff;background:none;border:0;font:inherit;font-weight:600;margin-left:20px;cursor:pointer;text-decoration:none;padding:6px 2px}\n#omr-app nav a:hover,#omr-app nav button:hover{text-decoration:underline}\n#omr-app .wrap{max-width:1040px;margin:0 auto;padding:0 24px}\n#omr-app .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:64px 0}\n#omr-app h1{font-size:clamp(32px,5vw,52px);line-height:1.12;margin:0 0 16px;font-weight:800}\n#omr-app .hero p{color:var(--mute);font-size:18px;max-width:46ch;margin:0 0 28px}\n#omr-app .btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:13px 26px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}\n#omr-app .btn:hover{background:#1b43ad}\n#omr-app .btn:focus-visible,#omr-app input:focus-visible,#omr-app nav *:focus-visible{outline:3px solid #8fb0ff;outline-offset:2px}\n\/* bubble sheet graphic *\/\n#omr-app .sheet{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px 24px;box-shadow:0 1px 0 var(--line)}\n#omr-app .row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line)}\n#omr-app .row:last-child{border:0}\n#omr-app .row b{width:26px;font-size:13px;color:var(--mute)}\n#omr-app .bub{width:24px;height:24px;border-radius:50%;border:2px solid #9aa7c0;font-size:11px;display:grid;place-items:center;color:var(--mute)}\n#omr-app .bub.on{background:var(--ink);border-color:var(--ink);color:#fff}\n#omr-app .bub.ok{background:var(--ok);border-color:var(--ok);color:#fff}\n#omr-app .bub.no{background:var(--err);border-color:var(--err);color:#fff}\n#omr-app .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 0 64px}\n#omr-app .feat div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}\n#omr-app .feat h3{margin:0 0 8px;font-size:18px}\n#omr-app .feat p{margin:0;color:var(--mute);font-size:15px}\n\/* login *\/\n#omr-app .login{max-width:420px;margin:56px auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:32px}\n#omr-app .login h2,#omr-app .dash h2{margin:0 0 6px;font-size:26px}\n#omr-app label{display:block;font-weight:600;font-size:14px;margin:18px 0 6px}\n#omr-app input{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:8px;font:inherit;background:#fff;color:var(--ink)}\n#omr-app .msg{min-height:22px;margin:14px 0 0;font-size:14px;font-weight:600}\n#omr-app .msg.err{color:var(--err)}\n#omr-app .login .btn{width:100%;margin-top:18px}\n#omr-app .btn[disabled]{opacity:.6;cursor:wait}\n#omr-app .dash{max-width:640px;margin:56px auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:32px}\n#omr-app .dash p{color:var(--mute)}\n#omr-app .foot{text-align:center;padding:24px;color:var(--mute);font-size:14px}\n#omr-app [hidden]{display:none!important}\n@media(max-width:760px){#omr-app .hero,#omr-app .feat{grid-template-columns:1fr}#omr-app .hero{padding:40px 0}}\n\n#omr-app .hub{position:relative;overflow:hidden;padding:56px 24px 80px;color:#0f1b33;background:#f0f5fb}\n#omr-app .orb{position:absolute;border-radius:50%;opacity:.35;animation:omrFloat 9s ease-in-out infinite;pointer-events:none}\n#omr-app .o1{width:230px;height:230px;left:-70px;top:30px;background:radial-gradient(circle at 30% 30%,#8fb0ff,#2457d6 60%,transparent 72%)}\n#omr-app .o2{width:150px;height:150px;right:-30px;top:230px;background:radial-gradient(circle at 30% 30%,#8ff0cb,#17855a 60%,transparent 72%);animation-delay:-3s}\n#omr-app .o3{width:190px;height:190px;left:12%;bottom:-70px;background:radial-gradient(circle at 30% 30%,#d0a8ff,#6b2fc0 60%,transparent 72%);animation-delay:-6s}\n@keyframes omrFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(8deg)}}\n@keyframes omrRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}\n#omr-app .hub .head{position:relative;max-width:960px;margin:0 auto 46px;display:flex;align-items:center;justify-content:space-between;gap:32px;animation:omrRise .7s ease both}\n#omr-app .htext{flex:1}\n#omr-app .osheet{width:210px;flex:none;perspective:900px}\n#omr-app .osheet svg{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 22px rgba(15,27,51,.28));transform:rotateY(-16deg) rotateX(6deg);animation:omrSheet 6s ease-in-out infinite}\n@keyframes omrSheet{0%,100%{transform:rotateY(-16deg) rotateX(6deg) translateY(0)}50%{transform:rotateY(-10deg) rotateX(4deg) translateY(-14px)}}\n#omr-app .hub h2{font-size:clamp(28px,4.5vw,46px);margin:0 0 8px;font-weight:800}\n#omr-app .hub .head p{margin:0;color:#56627a;font-size:17px}\n#omr-app .grid3d{position:relative;max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px}\n#omr-app .card3d{position:relative;display:block;text-decoration:none;color:#fff;min-height:210px;padding:30px 28px;border-radius:18px;\n background:linear-gradient(145deg,var(--c1),var(--c2));transform-style:preserve-3d;transition:transform .15s ease-out;\n box-shadow:0 26px 40px -18px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.4);animation:omrRise .7s ease backwards}\n#omr-app .card3d:nth-child(2){animation-delay:.08s}#omr-app .card3d:nth-child(3){animation-delay:.16s}#omr-app .card3d:nth-child(4){animation-delay:.24s}\n#omr-app .card3d::after{content:\"\";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.28),transparent 45%)}\n#omr-app .card3d .tag{transform:translateZ(30px);font-size:12px;font-weight:700;letter-spacing:1.5px;opacity:.85}\n#omr-app .card3d h3{transform:translateZ(55px);font-size:36px;line-height:1.1;margin:12px 0 6px;font-weight:800;color:#fff}\n#omr-app .card3d p{transform:translateZ(35px);margin:0 0 22px;opacity:.92;font-size:15px;color:#fff}\n#omr-app .card3d .go{display:inline-block;transform:translateZ(45px);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.5);padding:9px 18px;border-radius:999px;font-weight:700;font-size:14px}\n#omr-app .bub3{position:absolute;right:22px;top:22px;transform:translateZ(70px);display:grid;grid-template-columns:repeat(2,20px);gap:8px}\n#omr-app .bub3 i{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.7)}\n#omr-app .bub3 i.f{background:#fff}\n#omr-app .card3d:focus-visible{outline:3px solid #fff;outline-offset:4px}\n#omr-app .card3d:nth-child(5){animation-delay:.32s;grid-column:1\/-1;width:calc(50% - 14px);justify-self:center}\n@media(max-width:700px){#omr-app .card3d:nth-child(5){width:auto}#omr-app .hub .head{flex-direction:column;text-align:center}#omr-app .osheet{width:170px}#omr-app .grid3d{grid-template-columns:1fr}#omr-app .hub{padding:40px 18px 56px}}\n@media(prefers-reduced-motion:reduce){#omr-app .osheet svg,#omr-app .orb,#omr-app .card3d,#omr-app .hub .head{animation:none}}\n\n#omr-app .lp-wrap{max-width:1040px;margin:0 auto;padding:0 24px}\n#omr-app .lp-hero{position:relative;overflow:hidden;padding:64px 0 72px;background:linear-gradient(180deg,#e3ecfb 0%,#f0f5fb 100%)}\n#omr-app .lp-hero::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,#c3d1ec 1.6px,transparent 2.2px);background-size:30px 30px;opacity:.7;pointer-events:none}\n#omr-app .lp-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n#omr-app .badge{display:inline-block;background:#fff;border:1px solid var(--line);color:var(--blue);font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;margin-bottom:18px}\n#omr-app .lp-text p{color:var(--mute);font-size:18px;max-width:46ch;margin:0 0 28px}\n#omr-app .lp-btns{display:flex;gap:12px;flex-wrap:wrap}\n#omr-app .btn.ghost{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}\n#omr-app .btn.ghost:hover{background:#eaf0ff}\n#omr-app .btn.light{background:#fff;color:#14308a}\n#omr-app .btn.light:hover{background:#eaf0ff}\n#omr-app .stage{position:relative;height:430px;perspective:1000px;display:grid;place-items:center}\n#omr-app .rot{position:relative;width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateY(var(--ry,-18deg)) rotateX(var(--rx,8deg));transition:transform .2s ease-out}\n#omr-app .paper{position:relative;width:260px;border-radius:10px;overflow:hidden;box-shadow:0 30px 40px -12px rgba(15,27,51,.35);animation:omrBob 6s ease-in-out infinite}\n#omr-app .paper svg{display:block;width:100%;height:auto}\n#omr-app .scan{position:absolute;left:0;right:0;height:3px;z-index:2;background:linear-gradient(90deg,transparent,#2457d6,transparent);box-shadow:0 0 18px 7px rgba(36,87,214,.4);animation:omrScan 3.2s ease-in-out infinite}\n@keyframes omrScan{0%{top:2%;opacity:0}10%,90%{opacity:1}100%{top:98%;opacity:0}}\n@keyframes omrBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}\n#omr-app .fb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#9db9ff,#2457d6 65%);box-shadow:0 14px 20px -8px rgba(36,87,214,.5);transform:translateZ(var(--z));animation:omrBub 5s ease-in-out infinite}\n@keyframes omrBub{0%,100%{transform:translateZ(var(--z)) translateY(0)}50%{transform:translateZ(var(--z)) translateY(-18px)}}\n#omr-app .chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-weight:800;font-size:14px;box-shadow:0 16px 24px -10px rgba(15,27,51,.35);transform:translateZ(130px)}\n#omr-app .c1{left:-2%;top:46%;color:var(--ok)}\n#omr-app .c2{right:0;bottom:22%;color:var(--blue);transform:translateZ(110px)}\n#omr-app .lp-sec{padding-top:64px;padding-bottom:8px}\n#omr-app .lp-h{text-align:center;font-size:clamp(24px,3.4vw,36px);margin:0 0 30px;font-weight:800}\n#omr-app .pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}\n#omr-app .pills span{background:var(--ink);color:#fff;font-weight:700;font-size:13px;letter-spacing:1px;padding:8px 18px;border-radius:999px}\n#omr-app .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1000px}\n#omr-app .fcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 20px;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s;box-shadow:0 14px 24px -16px rgba(15,27,51,.35)}\n#omr-app .fcard:hover{box-shadow:0 26px 34px -16px rgba(36,87,214,.45)}\n#omr-app .fcard h3{margin:14px 0 6px;font-size:18px;transform:translateZ(30px)}\n#omr-app .fcard p{margin:0;color:var(--mute);font-size:15px;transform:translateZ(18px)}\n#omr-app .ico{display:grid;grid-template-columns:repeat(2,18px);gap:6px;width:max-content;padding:12px;border-radius:12px;background:linear-gradient(145deg,#3b6ef0,#1a2f8a);transform:translateZ(46px)}\n#omr-app .ico i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.8)}\n#omr-app .ico i.f{background:#fff}\n#omr-app .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}\n#omr-app .step{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 20px}\n#omr-app .step b{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;font-size:22px;color:#fff;background:linear-gradient(145deg,#3b6ef0,#1a2f8a);box-shadow:0 12px 18px -8px rgba(36,87,214,.6),0 0 0 6px #e3ecfb}\n#omr-app .step h3{margin:0 0 6px;font-size:18px}\n#omr-app .step p{margin:0;color:var(--mute);font-size:15px}\n#omr-app .cta{text-align:center;color:#fff;border-radius:18px;padding:48px 24px;background:radial-gradient(700px 300px at 50% 0%,#2f62e0,#14308a 70%);box-shadow:0 26px 40px -22px rgba(20,48,138,.8)}\n#omr-app .cta h2{margin:0 0 8px;font-size:clamp(24px,3.4vw,34px);font-weight:800;color:#fff}\n#omr-app .cta p{margin:0 0 22px;color:#cfdbf7}\n#omr-app.js .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}\n#omr-app.js .rv.in{opacity:1;transform:none}\n@media(max-width:860px){#omr-app .fgrid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:700px){#omr-app .lp-grid,#omr-app .steps{grid-template-columns:1fr}#omr-app .lp-hero{padding:40px 0 48px}#omr-app .stage{height:350px}#omr-app .fgrid{grid-template-columns:1fr}#omr-app .lp-text{text-align:center}#omr-app .lp-text p{margin-left:auto;margin-right:auto}#omr-app .lp-btns{justify-content:center}}\n@media(prefers-reduced-motion:reduce){#omr-app .paper,#omr-app .fb,#omr-app .scan{animation:none}#omr-app.js .rv{opacity:1;transform:none;transition:none}}\n<\/style>\n\n<div id=\"omr-app\">\n  <header class=\"bar\">\n    <div class=\"logo\">OMR Check<\/div>\n    <nav>\n      <button data-go=\"home\">Home<\/button>\n      <button data-go=\"login\" id=\"navLogin\">Login<\/button>\n      <button id=\"navLogout\" hidden>Logout<\/button>\n    <\/nav>\n  <\/header>\n\n  <!-- HOME -->\n  <main id=\"v-home\">\n    <section class=\"lp-hero\">\n      <div class=\"lp-wrap lp-grid\">\n        <div class=\"lp-text\">\n          <span class=\"badge\">Fast &bull; Accurate &bull; Automatic<\/span>\n          <h1>Check OMR sheets in minutes, not hours.<\/h1>\n          <p>Upload scanned answer sheets and get marks, percentage and rank for every student, with a ready result Excel.<\/p>\n          <div class=\"lp-btns\">\n            <button class=\"btn\" data-go=\"login\">Login to start checking<\/button>\n            <button class=\"btn ghost\" data-scroll=\"omr-how\">See how it works<\/button>\n          <\/div>\n        <\/div>\n        <div class=\"stage\" id=\"omrStage\">\n          <div class=\"rot\" id=\"omrRot\">\n            <span class=\"fb\" style=\"--z:70px;left:6%;top:12%;width:46px;height:46px\"><\/span>\n            <span class=\"fb\" style=\"--z:120px;right:4%;top:6%;width:30px;height:30px;animation-delay:-2s\"><\/span>\n            <span class=\"fb\" style=\"--z:90px;left:2%;bottom:14%;width:34px;height:34px;animation-delay:-4s\"><\/span>\n            <span class=\"fb\" style=\"--z:60px;right:8%;bottom:10%;width:52px;height:52px;animation-delay:-1s\"><\/span>\n            <div class=\"paper\"><div class=\"scan\"><\/div><svg viewBox=\"0 0 250 330\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"OMR answer sheet\"><rect x=\"4\" y=\"4\" width=\"242\" height=\"322\" rx=\"10\" fill=\"#fff\" stroke=\"#c9d3e6\" stroke-width=\"2\"\/><rect x=\"4\" y=\"4\" width=\"242\" height=\"38\" rx=\"10\" fill=\"#2457d6\"\/><rect x=\"4\" y=\"30\" width=\"242\" height=\"12\" fill=\"#2457d6\"\/><text x=\"125\" y=\"29\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"14\" font-weight=\"700\" fill=\"#fff\">OMR ANSWER SHEET<\/text><rect x=\"12\" y=\"58\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"84\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"110\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"136\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"162\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"188\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"214\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"240\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"266\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"292\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><text x=\"150\" y=\"62\" font-family=\"Arial,sans-serif\" font-size=\"8\" font-weight=\"700\" fill=\"#56627a\">ROLL NO.<\/text><circle cx=\"156\" cy=\"76\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"156\" cy=\"92\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"156\" cy=\"108\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"156\" cy=\"124\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"76\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"92\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"108\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"124\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"76\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"92\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"108\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"124\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"76\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"92\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"108\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"124\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><text x=\"32\" y=\"62\" font-family=\"Arial,sans-serif\" font-size=\"8\" font-weight=\"700\" fill=\"#56627a\">ANSWERS<\/text><text x=\"30\" y=\"86\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">1<\/text><circle cx=\"58\" cy=\"82\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"82\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"82\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"82\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"116\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">2<\/text><circle cx=\"58\" cy=\"112\" r=\"8\" fill=\"#c0392b\" stroke=\"#c0392b\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"112\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"112\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"112\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"146\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">3<\/text><circle cx=\"58\" cy=\"142\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"142\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"142\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"142\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"176\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">4<\/text><circle cx=\"58\" cy=\"172\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"172\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"172\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"172\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"206\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">5<\/text><circle cx=\"58\" cy=\"202\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"202\" r=\"8\" fill=\"#c0392b\" stroke=\"#c0392b\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"202\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"202\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"236\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">6<\/text><circle cx=\"58\" cy=\"232\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"232\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"232\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"232\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"266\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">7<\/text><circle cx=\"58\" cy=\"262\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"262\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"262\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"262\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"296\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">8<\/text><circle cx=\"58\" cy=\"292\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"292\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"292\" r=\"8\" fill=\"#c0392b\" stroke=\"#c0392b\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"292\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><rect x=\"150\" y=\"150\" width=\"86\" height=\"92\" rx=\"8\" fill=\"#eef3fc\"\/><text x=\"193\" y=\"176\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#56627a\">SCORE<\/text><text x=\"193\" y=\"212\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"30\" font-weight=\"800\" fill=\"#17855a\">92<\/text><text x=\"193\" y=\"230\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"9\" fill=\"#56627a\">out of 100<\/text><rect x=\"30\" y=\"302\" width=\"190\" height=\"8\" rx=\"4\" fill=\"#e3e9f4\"\/><\/svg><\/div>\n            <div class=\"chip c1\">Checked &#10003; 92 \/ 100<\/div>\n            <div class=\"chip c2\">Rank #1<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-wrap lp-sec\">\n      <div class=\"pills rv\"><span>JEE MAINS<\/span><span>NEET<\/span><span>NDA<\/span><span>CLAT<\/span><\/div>\n      <h2 class=\"lp-h rv\">Everything you need to check OMR sheets<\/h2>\n      <div class=\"fgrid\">\n      <div class=\"fcard rv\"><span class=\"ico\"><i class=\"f\"><\/i><i><\/i><i><\/i><i class=\"f\"><\/i><\/span><h3>Bulk checking<\/h3><p>Upload many scanned sheets at once and check them one after another automatically.<\/p><\/div>\n      <div class=\"fcard rv\"><span class=\"ico\"><i><\/i><i class=\"f\"><\/i><i class=\"f\"><\/i><i><\/i><\/span><h3>Custom marking<\/h3><p>Set marks per question and negative marking for each exam, such as +5 and -1.<\/p><\/div>\n      <div class=\"fcard rv\"><span class=\"ico\"><i class=\"f\"><\/i><i class=\"f\"><\/i><i><\/i><i><\/i><\/span><h3>Auto result<\/h3><p>Marks, percentage and rank are calculated for every student without extra work.<\/p><\/div>\n      <div class=\"fcard rv\"><span class=\"ico\"><i><\/i><i><\/i><i class=\"f\"><\/i><i class=\"f\"><\/i><\/span><h3>Result Excel<\/h3><p>Download the full result in your own Excel format, ready to print or share.<\/p><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-wrap lp-sec\" id=\"omr-how\">\n      <h2 class=\"lp-h rv\">How it works<\/h2>\n      <div class=\"steps\">\n        <div class=\"step rv\"><b>1<\/b><h3>Login<\/h3><p>Use the Login ID and password given by your institute.<\/p><\/div>\n        <div class=\"step rv\"><b>2<\/b><h3>Upload sheets<\/h3><p>Choose your exam, upload the scanned sheets and set the marking.<\/p><\/div>\n        <div class=\"step rv\"><b>3<\/b><h3>Get results<\/h3><p>Download marks, percentage and rank in your result Excel.<\/p><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-wrap lp-sec\">\n      <div class=\"cta rv\">\n        <h2>Ready to check your next test?<\/h2>\n        <p>Login and pick your exam to begin.<\/p>\n        <button class=\"btn light\" data-go=\"login\">Login now<\/button>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- LOGIN -->\n  <main id=\"v-login\" hidden>\n    <form class=\"login\" id=\"loginForm\" autocomplete=\"on\">\n      <h2>Login<\/h2>\n      <div style=\"color:var(--mute)\">Enter the Login ID and password given by your institute.<\/div>\n      <label for=\"uid\">Login ID<\/label>\n      <input id=\"uid\" name=\"username\" type=\"text\" autocomplete=\"username\" required>\n      <label for=\"pwd\">Password<\/label>\n      <input id=\"pwd\" name=\"password\" type=\"password\" autocomplete=\"current-password\" required>\n      <div class=\"msg\" id=\"msg\" role=\"alert\"><\/div>\n      <button class=\"btn\" id=\"loginBtn\" type=\"submit\">Login<\/button>\n    <\/form>\n  <\/main>\n\n  <!-- AFTER LOGIN -->\n  <main id=\"v-dash\" hidden>\n    <section class=\"hub\">\n      <span class=\"orb o1\"><\/span><span class=\"orb o2\"><\/span><span class=\"orb o3\"><\/span>\n      <div class=\"head\">\n        <div class=\"htext\">\n          <h2 id=\"welcome\">Welcome<\/h2>\n          <p>Choose your exam to start OMR checking.<\/p>\n        <\/div>\n        <div class=\"osheet\"><svg viewBox=\"0 0 250 330\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"OMR answer sheet\"><rect x=\"4\" y=\"4\" width=\"242\" height=\"322\" rx=\"10\" fill=\"#fff\" stroke=\"#c9d3e6\" stroke-width=\"2\"\/><rect x=\"4\" y=\"4\" width=\"242\" height=\"38\" rx=\"10\" fill=\"#2457d6\"\/><rect x=\"4\" y=\"30\" width=\"242\" height=\"12\" fill=\"#2457d6\"\/><text x=\"125\" y=\"29\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"14\" font-weight=\"700\" fill=\"#fff\">OMR ANSWER SHEET<\/text><rect x=\"12\" y=\"58\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"84\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"110\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"136\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"162\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"188\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"214\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"240\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"266\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><rect x=\"12\" y=\"292\" width=\"8\" height=\"5\" fill=\"#0f1b33\"\/><text x=\"150\" y=\"62\" font-family=\"Arial,sans-serif\" font-size=\"8\" font-weight=\"700\" fill=\"#56627a\">ROLL NO.<\/text><circle cx=\"156\" cy=\"76\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"156\" cy=\"92\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"156\" cy=\"108\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"156\" cy=\"124\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"76\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"92\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"108\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"176\" cy=\"124\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"76\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"92\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"108\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"196\" cy=\"124\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"76\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"92\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"108\" r=\"5.5\" fill=\"#0f1b33\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><circle cx=\"216\" cy=\"124\" r=\"5.5\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.4\"\/><text x=\"32\" y=\"62\" font-family=\"Arial,sans-serif\" font-size=\"8\" font-weight=\"700\" fill=\"#56627a\">ANSWERS<\/text><text x=\"30\" y=\"86\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">1<\/text><circle cx=\"58\" cy=\"82\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"82\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"82\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"82\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"116\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">2<\/text><circle cx=\"58\" cy=\"112\" r=\"8\" fill=\"#c0392b\" stroke=\"#c0392b\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"112\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"112\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"112\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"146\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">3<\/text><circle cx=\"58\" cy=\"142\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"142\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"142\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"142\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"176\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">4<\/text><circle cx=\"58\" cy=\"172\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"172\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"172\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"172\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"206\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">5<\/text><circle cx=\"58\" cy=\"202\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"202\" r=\"8\" fill=\"#c0392b\" stroke=\"#c0392b\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"202\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"202\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"236\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">6<\/text><circle cx=\"58\" cy=\"232\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"232\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"232\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"232\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"266\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">7<\/text><circle cx=\"58\" cy=\"262\" r=\"8\" fill=\"#17855a\" stroke=\"#17855a\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"262\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"262\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"262\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><text x=\"30\" y=\"296\" font-family=\"Arial,sans-serif\" font-size=\"10\" fill=\"#56627a\">8<\/text><circle cx=\"58\" cy=\"292\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"82\" cy=\"292\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><circle cx=\"106\" cy=\"292\" r=\"8\" fill=\"#c0392b\" stroke=\"#c0392b\" stroke-width=\"1.6\"\/><circle cx=\"130\" cy=\"292\" r=\"8\" fill=\"none\" stroke=\"#9aa7c0\" stroke-width=\"1.6\"\/><rect x=\"150\" y=\"150\" width=\"86\" height=\"92\" rx=\"8\" fill=\"#eef3fc\"\/><text x=\"193\" y=\"176\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"9\" font-weight=\"700\" fill=\"#56627a\">SCORE<\/text><text x=\"193\" y=\"212\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"30\" font-weight=\"800\" fill=\"#17855a\">92<\/text><text x=\"193\" y=\"230\" text-anchor=\"middle\" font-family=\"Arial,sans-serif\" font-size=\"9\" fill=\"#56627a\">out of 100<\/text><rect x=\"30\" y=\"302\" width=\"190\" height=\"8\" rx=\"4\" fill=\"#e3e9f4\"\/><\/svg><\/div>\n      <\/div>\n      <div class=\"grid3d\">\n      <a class=\"card3d\" href=\"https:\/\/hithotprodcut.com\/index.php\/jee-mains\/\" style=\"--c1:#3b6ef0;--c2:#1a2f8a\">\n        <span class=\"bub3\" aria-hidden=\"true\"><i><\/i><i class=\"f\"><\/i><i><\/i><i><\/i><\/span>\n        <div class=\"tag\">ENGINEERING ENTRANCE<\/div>\n        <h3>JEE MAINS<\/h3>\n        <p>OMR Checking System<\/p>\n        <span class=\"go\">Open &rarr;<\/span>\n      <\/a>\n      <a class=\"card3d\" href=\"https:\/\/hithotprodcut.com\/index.php\/neet\/\" style=\"--c1:#1fa971;--c2:#0b5c3b\">\n        <span class=\"bub3\" aria-hidden=\"true\"><i><\/i><i class=\"f\"><\/i><i><\/i><i><\/i><\/span>\n        <div class=\"tag\">MEDICAL ENTRANCE<\/div>\n        <h3>NEET<\/h3>\n        <p>OMR Checking System<\/p>\n        <span class=\"go\">Open &rarr;<\/span>\n      <\/a>\n      <a class=\"card3d\" href=\"https:\/\/hithotprodcut.com\/index.php\/nda\/\" style=\"--c1:#e8932a;--c2:#8a4505\">\n        <span class=\"bub3\" aria-hidden=\"true\"><i><\/i><i class=\"f\"><\/i><i><\/i><i><\/i><\/span>\n        <div class=\"tag\">DEFENCE ENTRANCE<\/div>\n        <h3>NDA<\/h3>\n        <p>OMR Checking System<\/p>\n        <span class=\"go\">Open &rarr;<\/span>\n      <\/a>\n      <a class=\"card3d\" href=\"https:\/\/hithotprodcut.com\/index.php\/clat-omr-checking-system\/\" style=\"--c1:#9348dc;--c2:#4a1a8a\">\n        <span class=\"bub3\" aria-hidden=\"true\"><i><\/i><i class=\"f\"><\/i><i><\/i><i><\/i><\/span>\n        <div class=\"tag\">LAW ENTRANCE<\/div>\n        <h3>CLAT<\/h3>\n        <p>OMR Checking System<\/p>\n        <span class=\"go\">Open &rarr;<\/span>\n      <\/a>\n      <a class=\"card3d\" href=\"https:\/\/hithotprodcut.com\/index.php\/custome\/\" style=\"--c1:#e0457b;--c2:#8a1a4a\">\n        <span class=\"bub3\" aria-hidden=\"true\"><i><\/i><i><\/i><i class=\"f\"><\/i><i><\/i><\/span>\n        <div class=\"tag\">CUSTOM TEST<\/div>\n        <h3>Test<\/h3>\n        <p>OMR Checking System<\/p>\n        <span class=\"go\">Open &rarr;<\/span>\n      <\/a>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <div class=\"foot\">&copy; OMR Check<\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ ====== SETTINGS: change these two lines ======\n  var SCRIPT_URL = \"https:\\\/\\\/script.google.com\\\/macros\\\/s\\\/AKfycbw5lMB_AewnzXVefuXmIxNH-85KfqWdu4cG1aHkJyv_6nWzGQlaA-Q6Ie8eATRYH-HDIQ\\\/exec\";\n  var TOOL_URL = \"\\\/omr-checker\\\/\";\n  var AJAX_URL = \"https:\\\/\\\/hithotprodcut.com\\\/wp-admin\\\/admin-ajax.php\";\n  \/\/ ==============================================\n\n  var $ = function(id){return document.getElementById(id)};\n  var views = {home:$('v-home'), login:$('v-login'), dash:$('v-dash')};\n\n  function show(name){\n    for (var k in views) views[k].hidden = (k !== name);\n    var user = getUser();\n    $('navLogin').hidden = !!user;\n    $('navLogout').hidden = !user;\n    if (name === 'dash' && user) $('welcome').textContent = 'Welcome, ' + (user.name || user.id);\n  }\n  function getUser(){\n    try { return JSON.parse(sessionStorage.getItem('omrUser') || 'null'); } catch(e){ return null; }\n  }\n\n  document.querySelectorAll('#omr-app [data-go]').forEach(function(b){\n    b.addEventListener('click', function(){\n      var t = b.getAttribute('data-go');\n      show(t === 'login' && getUser() ? 'dash' : t);\n    });\n  });\n  $('navLogout').addEventListener('click', function(){\n    sessionStorage.removeItem('omrUser');\n    fetch(AJAX_URL, {method:'POST', credentials:'same-origin', headers:{'Content-Type':'application\/x-www-form-urlencoded'}, body:'action=omr_logout'})\n      .finally(function(){ show('home'); });\n  });\n\n  $('loginForm').addEventListener('submit', function(e){\n    e.preventDefault();\n    var msg = $('msg'), btn = $('loginBtn');\n    msg.className = 'msg'; msg.textContent = '';\n    btn.disabled = true; btn.textContent = 'Checking...';\n    fetch(SCRIPT_URL, {\n      method: 'POST',\n      headers: {'Content-Type': 'text\/plain;charset=utf-8'}, \/\/ avoids CORS preflight\n      body: JSON.stringify({id: $('uid').value.trim(), password: $('pwd').value})\n    })\n    .then(function(r){return r.json()})\n    .then(function(d){\n      if (d.ok) {\n        return fetch(AJAX_URL, {method:'POST', credentials:'same-origin', headers:{'Content-Type':'application\/x-www-form-urlencoded'}, body:'action=omr_session&token='+encodeURIComponent(d.token)})\n          .then(function(r){return r.json()})\n          .then(function(j){\n            if (j && j.success) {\n              sessionStorage.setItem('omrUser', JSON.stringify({id:d.id, name:d.name, role:d.role}));\n              $('pwd').value = '';\n              show('dash');\n            } else {\n              msg.className = 'msg err';\n              msg.textContent = 'Login worked but the session could not start. Try again.';\n            }\n          });\n      } else {\n        msg.className = 'msg err';\n        msg.textContent = d.error || 'Login ID or password is wrong. Check both and try again.';\n      }\n    })\n    .catch(function(){\n      msg.className = 'msg err';\n      msg.textContent = 'Could not reach the login server. Check your internet and try again.';\n    })\n    .finally(function(){ btn.disabled = false; btn.textContent = 'Login'; });\n  });\n\n  \/\/ 3D tilt on cards\n  if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    document.querySelectorAll('#omr-app .card3d, #omr-app .fcard').forEach(function(c){\n      c.addEventListener('mousemove', function(e){\n        var r = c.getBoundingClientRect(), x = (e.clientX - r.left) \/ r.width, y = (e.clientY - r.top) \/ r.height;\n        c.style.transform = 'perspective(900px) rotateY(' + ((x - .5) * 18) + 'deg) rotateX(' + ((.5 - y) * 18) + 'deg) translateZ(10px)';\n        c.style.setProperty('--mx', (x * 100) + '%'); c.style.setProperty('--my', (y * 100) + '%');\n      });\n      c.addEventListener('mouseleave', function(){ c.style.transform = ''; });\n    });\n  }\n\n  \/\/ Home page: reveal on scroll, 3D hero parallax, smooth scroll\n  var appEl = $('omr-app');\n  appEl.classList.add('js');\n  var calm = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var rv = document.querySelectorAll('#omr-app .rv');\n  if ('IntersectionObserver' in window && !calm) {\n    var io = new IntersectionObserver(function(list){\n      list.forEach(function(en){ if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });\n    }, {threshold: .15});\n    rv.forEach(function(el){ io.observe(el); });\n  } else { rv.forEach(function(el){ el.classList.add('in'); }); }\n\n  var stage = $('omrStage'), rot = $('omrRot');\n  if (stage && !calm) {\n    stage.addEventListener('mousemove', function(e){\n      var r = stage.getBoundingClientRect(), x = (e.clientX - r.left) \/ r.width, y = (e.clientY - r.top) \/ r.height;\n      rot.style.setProperty('--ry', (-18 + (x - .5) * 28) + 'deg');\n      rot.style.setProperty('--rx', (8 + (.5 - y) * 18) + 'deg');\n    });\n    stage.addEventListener('mouseleave', function(){ rot.style.removeProperty('--ry'); rot.style.removeProperty('--rx'); });\n  }\n  document.querySelectorAll('#omr-app [data-scroll]').forEach(function(b){\n    b.addEventListener('click', function(){\n      var t = document.getElementById(b.getAttribute('data-scroll'));\n      if (t) t.scrollIntoView({behavior: calm ? 'auto' : 'smooth', block: 'start'});\n    });\n  });\n\n  show(getUser() ? 'dash' : 'home');\n})();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"","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-1316","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/1316","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/comments?post=1316"}],"version-history":[{"count":6,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/1316\/revisions"}],"predecessor-version":[{"id":1345,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/1316\/revisions\/1345"}],"wp:attachment":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/media?parent=1316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}