File manager - Edit - /tmp/ipo_proxy_cache/2ce0b9d61881fae45cb67d59eb05bdbe.html
Back
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Subscription Details</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,ital,wght@9..144,0,400;9..144,0,500;9..144,0,600;9..144,0,700;9..144,1,400;9..144,1,500&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet"> <style> :root { --accent: #213369; --accent-deep: #0b1124; --accent-darkest:#050912; --accent-dark: #121c39; --accent-light: #aab1c6; --accent-hair: #d7dae4; --accent-soft: #dfe2ea; --accent-softer: #edeef3; --page: #eff0f4; --surface: #ffffff; --ink: #1a1512; --ink-2: #4a4340; --ink-3: #7a746f; --buy: #0f6b3f; --buy-bg: #def0e5; --sell: #a81d25; --sell-bg: #fadee0; --radius: 16px; --radius-sm: 10px; --radius-pill: 999px; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { background: var(--page); background-image: radial-gradient(circle at 8% 0%, var(--accent-softer) 0%, transparent 38%), radial-gradient(circle at 100% 100%, var(--accent-soft) 0%, transparent 42%); background-attachment: fixed; margin: 0; padding: 0; width: 100%; } body { min-height: 100vh; font-family: 'DM Sans', system-ui, sans-serif; font-size: 14px; line-height: 1.4; color: var(--ink); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Wrapper handles all 4-side spacing reliably in webview */ #mainDiv { padding: 14px 12px 22px; width: 100%; max-width: 100%; } a { text-decoration: none; color: var(--accent); } /* ================= Hero ================= */ .hero { background: linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%); color: #fff; border-radius: var(--radius); padding: 16px 18px 14px; margin-bottom: 12px; position: relative; overflow: hidden; box-shadow: 0 12px 32px -16px #21336966; animation: slideUp .5s ease backwards; } .hero::before, .hero::after { content: ""; position: absolute; right: -22px; top: -22px; width: 78px; height: 78px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,0.18); pointer-events: none; } .hero::after { right: -55px; top: -55px; width: 140px; height: 140px; border: 1.5px solid rgba(255,255,255,0.08); } .hero__live { font-family: 'DM Sans', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.78); display: flex; align-items: center; gap: 7px; position: relative; z-index: 1; margin-bottom: 5px; } .live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 0 rgba(34,197,94,0.7); animation: pulse-green 1.8s ease-in-out infinite; } @keyframes pulse-green { 0% { box-shadow: 0 0 0 0 rgba(34,197,94,0.7); } 70% { box-shadow: 0 0 0 7px rgba(34,197,94,0); } 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); } } .hero__title { font-family: 'Fraunces', serif; font-weight: 600; font-size: 30px; line-height: 1.05; letter-spacing: -0.025em; color: #fff; text-transform: uppercase; position: relative; z-index: 1; margin: 0; max-width: calc(100% - 60px); word-break: break-word; } .hero__divider { height: 1px; background: rgba(255,255,255,0.13); margin: 14px 0 11px; position: relative; z-index: 1; } .hero__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; position: relative; z-index: 1; } .hero__updated { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.72); display: flex; align-items: center; gap: 7px; flex: 1; min-width: 0; } .hero__updated strong { font-family: 'JetBrains Mono', monospace; font-weight: 600; color: #fff; letter-spacing: 0.04em; margin-left: 2px; } .hero__refresh { background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.16); color: #fff; font-family: 'DM Sans', sans-serif; font-size: 9.5px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; padding: 7px 11px 7px 9px; border-radius: var(--radius-pill); cursor: pointer; display: inline-flex; align-items: center; gap: 5px; transition: background 0.15s ease, transform 0.4s ease; flex-shrink: 0; } .hero__refresh:hover { background: rgba(255,255,255,0.18); } .hero__refresh:active { background: rgba(255,255,255,0.22); } .hero__refresh svg { width: 11px; height: 11px; display: block; } .hero__refresh.is-spinning svg { animation: spin 0.6s linear; } @keyframes spin { from{transform:rotate(0)} to{transform:rotate(360deg)} } /* ================= Summary card (subscription + total bids + allotment) ================= */ .sum { background: var(--surface); border: 1px solid var(--accent-hair); border-radius: var(--radius); padding: 14px 16px 12px; margin-bottom: 12px; position: relative; overflow: hidden; box-shadow: 0 2px 0 #2133690d; animation: slideUp .5s ease backwards; animation-delay: 0.05s; } .sum::after { content: ""; position: absolute; right: -42px; top: -42px; width: 110px; height: 110px; border-radius: 50%; background: var(--accent-softer); opacity: 0.5; pointer-events: none; } .sum__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; z-index: 1; } .sum__col { flex: 1; min-width: 0; } .sum__col--right { text-align: right; } .sum__label { display: block; font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent-dark); opacity: 0.85; margin-bottom: 5px; } .sum__big { font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 38px; line-height: 1; letter-spacing: -0.035em; display: inline-flex; align-items: baseline; gap: 3px; } .sum__col--right .sum__big { display: inline-flex; } .sum__big--bids { font-size: 26px; color: var(--ink); letter-spacing: -0.02em; } .sum__big--bids .rupee { font-family: 'DM Sans', sans-serif; font-weight: 600; color: var(--ink); margin-right: 1px; } .sum__unit { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; font-size: 18px; color: var(--ink-3); line-height: 1; } .sum__big--bids .sum__unit { font-size: 14px; } /* Allotment integrated block */ .sum__allot { display: flex; align-items: center; gap: 12px; padding: 11px 12px; background: var(--accent-softer); border-radius: var(--radius-sm); margin-bottom: 10px; position: relative; z-index: 1; } .sum__badge { width: 52px; height: 52px; border-radius: 50%; color: #fff; font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 22px; letter-spacing: -0.02em; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; background: var(--accent-deep); box-shadow: 0 6px 14px -6px #21336999; } .sum__badge--buy { background: var(--buy); box-shadow: 0 6px 14px -6px rgba(15,107,63,0.55); } .sum__badge--lg { font-size: 18px; } .sum__badge--xl { font-size: 14px; } .sum__badge::before { content: ""; position: absolute; inset: 3px; border: 1.5px dashed rgba(255,255,255,0.32); border-radius: 50%; } .sum__allot-body { flex: 1; min-width: 0; } .sum__allot-text { font-family: 'Fraunces', serif; font-size: 14px; line-height: 1.3; color: var(--ink); margin-bottom: 1px; } .sum__allot-text strong { font-family: 'JetBrains Mono', monospace; font-weight: 600; letter-spacing: -0.01em; } .sum__allot-text em { font-style: italic; font-weight: 400; color: var(--ink-2); } .sum__allot-fraction { font-family: 'Fraunces', serif; font-size: 16px; line-height: 1.2; color: var(--ink-2); margin-bottom: 5px; } .sum__allot-fraction strong { font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 22px; color: var(--accent-deep); letter-spacing: -0.015em; } .sum__allot-fraction em { font-style: italic; font-weight: 400; } .hi-low { color: var(--sell); } .hi-norm { color: var(--accent); } .sum__allot-meta { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; color: var(--accent-dark); line-height: 1.4; } .sum__allot-meta .dot { color: var(--accent-light); margin: 0 4px; } /* Bottom apps row */ .sum__apps { padding-top: 9px; border-top: 1px dashed var(--accent-hair); display: flex; justify-content: space-between; align-items: center; gap: 10px; position: relative; z-index: 1; } .sum__apps-label { font-size: 11.5px; color: var(--ink-3); } .sum__apps-value { font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 12.5px; color: var(--accent-deep); letter-spacing: -0.01em; } .sum__apps-value .multi { color: var(--accent); margin-left: 6px; } .sum__apps-value .multi.is-low { color: var(--sell); } /* Value color treatments */ .val--low { color: var(--sell); } .val--norm { color: var(--ink); } .val--warm { color: var(--accent); } .val--hot { color: var(--accent); font-weight: 700; } .val--zero { color: var(--ink-3); opacity: 0.65; } /* ================= Toggle ================= */ .toggle { display: inline-flex; background: var(--accent-softer); border: 1px solid var(--accent-hair); border-radius: var(--radius-pill); padding: 4px; margin-bottom: 6px; animation: slideUp .5s ease backwards; animation-delay: 0.1s; } .toggle__btn { border: none; background: transparent; color: var(--ink-3); font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 7px 14px; border-radius: var(--radius-pill); cursor: pointer; transition: all 0.15s ease; } .toggle__btn--active { background: var(--accent-deep); color: #fff; } .toggle__btn:not(.toggle__btn--active):hover { color: var(--accent-deep); } /* ================= Category section ================= */ .cat-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 16px 4px 10px; } .cat-head__title { font-family: 'Fraunces', serif; font-weight: 500; font-size: 18px; letter-spacing: -0.02em; color: var(--accent-deep); } .cat-head__title em { font-style: italic; font-weight: 400; color: var(--accent-dark); } .cat-head__count { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-3); } /* Category card */ .cat-card { background: var(--surface); border: 1px solid var(--accent-hair); border-radius: var(--radius); padding: 14px 16px 12px; margin-bottom: 10px; position: relative; overflow: hidden; box-shadow: 0 2px 0 #2133690d; animation: slideUp .5s ease backwards; } .cat-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--buy); } .cat-card--low::before { background: var(--sell); } .cat-card--retail::before { width: 5px; } /* Total card — distinct, summary look */ .cat-card--total { background: linear-gradient(135deg, var(--accent-soft) 0%, var(--accent-softer) 100%); border-color: var(--accent-light); } .cat-card--total::before { width: 5px; } .cat-card--total .cat-card__code { color: var(--accent-deep); } .cat-card--total .cat-card__desc { color: var(--accent-dark); } .cat-card--total .cat-card__bar { background: rgba(255,255,255,0.55); } .cat-card--total .cat-card__stats { border-top-color: var(--accent-light); } .cat-card--total .cat-card__stat + .cat-card__stat::before { background: var(--accent-light); } .cat-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 11px; } .cat-card__name { flex: 1; min-width: 0; } .cat-card__code { font-family: 'Fraunces', serif; font-weight: 600; font-size: 18px; line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); margin-bottom: 3px; } .cat-card__code em { font-style: italic; font-weight: 400; color: var(--accent-dark); font-size: 14px; margin-left: 5px; } .cat-card--retail .cat-card__code { color: var(--accent-deep); } .cat-card__desc { font-family: 'DM Sans', sans-serif; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); line-height: 1.3; } .cat-card__big-wrap { flex-shrink: 0; text-align: right; line-height: 1; } .cat-card__big { font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 26px; line-height: 1; letter-spacing: -0.025em; color: var(--ink); display: inline-flex; align-items: baseline; gap: 2px; } .cat-card__big-unit { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; font-size: 14px; color: var(--ink-3); } .cat-card__big--bids { display: none; font-size: 22px; color: var(--accent-deep); letter-spacing: -0.02em; } .cat-card__big--bids .rupee { font-family: 'DM Sans', sans-serif; font-weight: 600; color: var(--ink-2); margin-right: 1px; font-size: 18px; } .cat-card__big--bids .cat-card__big-unit { font-size: 12px; color: var(--ink-3); } body.view-bids .cat-card__big--times { display: none; } body.view-bids .cat-card__big--bids { display: inline-flex; } /* Stat label/value swap based on toggle */ .t-bids { display: none; } .t-times { display: inline; } body.view-bids .t-times { display: none; } body.view-bids .t-bids { display: inline; } .cat-card__bar { height: 3px; background: var(--accent-soft); border-radius: 2px; overflow: hidden; margin-bottom: 11px; } .cat-card__bar-fill { height: 100%; background: var(--buy); border-radius: 2px; width: 0%; transition: width 0.7s ease; } .cat-card--low .cat-card__bar-fill { background: var(--sell); } .cat-card__stats { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 6px; padding-top: 10px; border-top: 1px dashed var(--accent-hair); } .cat-card__stat { min-width: 0; position: relative; text-align: center; } .cat-card__stat + .cat-card__stat::before { content: ""; position: absolute; left: -3px; top: 18%; bottom: 18%; width: 1px; background: var(--accent-hair); } .cat-card__stat-label { font-family: 'DM Sans', sans-serif; font-size: 8.5px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 4px; } .cat-card__stat-value { font-family: 'JetBrains Mono', monospace; font-weight: 600; font-size: 12px; letter-spacing: -0.01em; color: var(--ink); line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cat-card__stat-value .rupee { font-family: 'DM Sans', sans-serif; font-weight: 600; margin-right: 1px; } .cat-card__stat-value .unit { font-family: 'Fraunces', serif; font-style: italic; font-weight: 400; font-size: 10.5px; color: var(--ink-3); margin-left: 1px; } /* ================= Glossary ================= */ .glossary { background: var(--surface); border: 1px solid var(--accent-hair); border-radius: var(--radius); overflow: hidden; margin-bottom: 12px; box-shadow: 0 2px 0 #2133690d; animation: slideUp .5s ease backwards; } .gloss-row { padding: 13px 16px 13px 20px; border-bottom: 1px solid var(--accent-hair); position: relative; } .gloss-row:last-child { border-bottom: none; } .gloss-row::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--accent); opacity: 0.18; } .gloss-row__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 5px; } .gloss-row__name { font-family: 'Fraunces', serif; font-weight: 500; font-size: 15px; line-height: 1.2; letter-spacing: -0.015em; color: var(--accent-deep); flex: 1; min-width: 0; } .gloss-row__abbr { font-size: 9.5px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; color: var(--accent); background: var(--accent-soft); padding: 3px 8px; border-radius: var(--radius-pill); white-space: nowrap; flex-shrink: 0; } .gloss-row__def { font-size: 12px; line-height: 1.55; color: var(--ink-2); } .gloss-sublist { margin-top: 8px; display: flex; flex-direction: column; gap: 6px; } .gloss-sub { background: var(--accent-softer); border-radius: var(--radius-sm); padding: 8px 11px 9px; border-left: 2px solid var(--accent-light); } .gloss-sub__name { font-family: 'Fraunces', serif; font-weight: 500; font-size: 12.5px; letter-spacing: -0.01em; color: var(--accent-deep); margin-bottom: 2px; } .gloss-sub__name em { font-style: italic; font-weight: 400; color: var(--accent-dark); margin-left: 4px; } .gloss-sub__def { font-size: 11.5px; line-height: 1.5; color: var(--ink-2); } /* ================= Disclaimer ================= */ .disclaimer { background: var(--surface); border: 1px solid var(--accent-hair); border-left: 3px solid var(--accent); border-radius: var(--radius-sm); margin-top: 12px; margin-bottom: 4px; box-shadow: 0 1px 0 #2133690d; animation: slideUp .5s ease backwards; overflow: hidden; } .disclaimer__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; background: transparent; border: none; padding: 11px 14px; color: inherit; font-family: inherit; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; text-align: left; } .disclaimer__head:hover { background: var(--accent-softer); } .disclaimer__label { font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); } .disclaimer__chevron { width: 16px; height: 16px; color: var(--accent); transition: transform 0.25s ease; flex-shrink: 0; } .disclaimer.is-open .disclaimer__chevron { transform: rotate(180deg); } .disclaimer__body { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; } .disclaimer.is-open .disclaimer__body { max-height: 1200px; } .disclaimer__text { font-size: 11.5px; line-height: 1.55; color: var(--ink-2); padding: 0 14px 12px; } @keyframes slideUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } </style> </head> <body> <div id="mainDiv"> <!-- ===== Hero ===== --> <div class="hero"> <div class="hero__live"><span class="live-dot"></span>Live Subscription</div> <h1 class="hero__title">HYUNDAI</h1> <div class="hero__divider"></div> <div class="hero__meta"> <div class="hero__updated"> <span class="live-dot"></span>Updated <strong>10:56 AM</strong> </div> <button type="button" class="hero__refresh" onclick="window.location.reload()"> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="23 4 23 10 17 10"/> <polyline points="1 20 1 14 7 14"/> <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/> </svg> Refresh </button> </div> </div> <!-- ===== Summary card ===== --> <div class="sum"> <div class="sum__top"> <div class="sum__col"> <span class="sum__label">Total Subscription</span> <div class="sum__big val--norm"> 2.37<span class="sum__unit">×</span> </div> </div> <div class="sum__col sum__col--right"> <span class="sum__label">Total Bids</span> <div class="sum__big sum__big--bids"> <span class="rupee">₹</span>46,320.27<span class="sum__unit">Cr</span> </div> </div> </div> <div class="sum__allot"> <div class="sum__badge sum__badge--buy"> 1 </div> <div class="sum__allot-body"> <div class="sum__allot-text"> Retail is <strong class="hi-low">0.5×</strong> — <em>likely</em> </div> <div class="sum__allot-fraction"> <strong>1 in 1</strong> <em>allotment</em> </div> <div class="sum__allot-meta"> STRONG CHANCE FOR RETAIL INVESTORS </div> </div> </div> <div class="sum__apps"> <span class="sum__apps-label">Retail applications received</span> <span class="sum__apps-value"> 2,152,114 <span class="multi is-low"> · 0.3×</span> </span> </div> </div> <!-- ===== Toggle ===== --> <div class="toggle"> <button type="button" class="toggle__btn toggle__btn--active" data-mode="times">By Times</button> <button type="button" class="toggle__btn" data-mode="bids">By Bids</button> </div> <!-- ===== Category breakdown ===== --> <div class="cat-head"> <h3 class="cat-head__title">Category <em>breakdown</em></h3> <span class="cat-head__count">7 Categories</span> </div> <div class="cat-card" style="animation-delay:0.09s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">QIB</div> <div class="cat-card__desc">Qualified Institutional</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--warm"> 6.96<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>38,660.64<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="100"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>38,660.64<span class="unit">Cr</span></span> <span class="t-bids">28,320,194</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">197,248,156</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--warm">6.96<span class="unit">x</span></div> </div> </div> </div> <div class="cat-card cat-card--low" style="animation-delay:0.13s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">HNI</div> <div class="cat-card__desc">Non-Institutional</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--low"> 0.6<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>2,500.69<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="60"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>2,500.69<span class="unit">Cr</span></span> <span class="t-bids">21,223,525</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">12,758,627</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--low">0.6<span class="unit">x</span></div> </div> </div> </div> <div class="cat-card cat-card--low" style="animation-delay:0.17s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">HNI <em>> 10L</em></div> <div class="cat-card__desc">Bid above ₹10 Lakh</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--low"> 0.58<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>1,596.81<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="58"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>1,596.81<span class="unit">Cr</span></span> <span class="t-bids">14,149,017</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">8,147,006</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--low">0.58<span class="unit">x</span></div> </div> </div> </div> <div class="cat-card cat-card--low" style="animation-delay:0.21s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">HNI <em>< 10L</em></div> <div class="cat-card__desc">Bid ₹2L to ₹10 Lakh</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--low"> 0.65<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>903.88<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="65"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>903.88<span class="unit">Cr</span></span> <span class="t-bids">7,074,508</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">4,611,621</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--low">0.65<span class="unit">x</span></div> </div> </div> </div> <div class="cat-card cat-card--retail cat-card--low" style="animation-delay:0.25s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">RETAIL</div> <div class="cat-card__desc">Retail Individual</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--low"> 0.5<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>4,893.00<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="50"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>4,893.00<span class="unit">Cr</span></span> <span class="t-bids">49,521,559</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">24,964,289</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--low">0.5<span class="unit">x</span></div> </div> </div> </div> <div class="cat-card cat-card--total" style="animation-delay:0.29s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">TOTAL</div> <div class="cat-card__desc">All categories</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--norm"> 2.37<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>46,320.27<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="100"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>46,320.27<span class="unit">Cr</span></span> <span class="t-bids">99,843,678</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">236,327,903</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--norm">2.37<span class="unit">x</span></div> </div> </div> </div> <div class="cat-card" style="animation-delay:0.33s"> <div class="cat-card__head"> <div class="cat-card__name"> <div class="cat-card__code">EMP</div> <div class="cat-card__desc">Employees</div> </div> <div class="cat-card__big-wrap"> <div class="cat-card__big cat-card__big--times val--norm"> 1.74<span class="cat-card__big-unit">×</span> </div> <div class="cat-card__big cat-card__big--bids"> <span class="rupee">₹</span>265.94<span class="cat-card__big-unit">Cr</span> </div> </div> </div> <div class="cat-card__bar"> <div class="cat-card__bar-fill" data-fill="100"></div> </div> <div class="cat-card__stats"> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Amount</span> <span class="t-bids">Bid Offered</span> </div> <div class="cat-card__stat-value"> <span class="t-times"><span class="rupee">₹</span>265.94<span class="unit">Cr</span></span> <span class="t-bids">778,400</span> </div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label"> <span class="t-times">Bid Quantity</span> <span class="t-bids">Bids</span> </div> <div class="cat-card__stat-value">1,356,831</div> </div> <div class="cat-card__stat"> <div class="cat-card__stat-label">Times</div> <div class="cat-card__stat-value val--norm">1.74<span class="unit">x</span></div> </div> </div> </div> <!-- ===== Investor Categories (glossary) ===== --> <div class="cat-head" style="margin-top:18px"> <h3 class="cat-head__title">Investor <em>categories</em></h3> </div> <div class="glossary"> <div class="gloss-row"> <div class="gloss-row__head"> <span class="gloss-row__name">Qualified Institutional Buyers</span> <span class="gloss-row__abbr">QIB</span> </div> <div class="gloss-row__def"> Financial Institutions, Banks, FIIs, and Mutual Funds registered with SEBI. In most cases, QIBs represent small investors who invest through mutual funds, ULIP schemes of insurance companies, and pension schemes. </div> </div> <div class="gloss-row"> <div class="gloss-row__head"> <span class="gloss-row__name">Non-Institutional Investors</span> <span class="gloss-row__abbr">NII</span> </div> <div class="gloss-row__def"> HNIs, NRIs, Companies, Trusts, etc. who bid for shares worth more than ₹2 lakhs. Unlike QIB bidders, they do not need SEBI registration. </div> <div class="gloss-sublist"> <div class="gloss-sub"> <div class="gloss-sub__name">sNII <em>— bids ₹2L to ₹10L</em></div> <div class="gloss-sub__def"> 1/3 of the NII category is reserved for the Small NII sub-category. Also known as Small HNI (sHNI). </div> </div> <div class="gloss-sub"> <div class="gloss-sub__name">bNII <em>— bids above ₹10L</em></div> <div class="gloss-sub__def"> 2/3 of the NII category is reserved for the Big NII sub-category. Also known as Big HNI (bHNI). </div> </div> </div> </div> <div class="gloss-row"> <div class="gloss-row__head"> <span class="gloss-row__name">Retail Individual Investors</span> <span class="gloss-row__abbr">RII</span> </div> <div class="gloss-row__def"> Retail investors or NRIs who apply up to ₹2 lakhs in an IPO are considered as the RII reserved category. </div> </div> <div class="gloss-row"> <div class="gloss-row__head"> <span class="gloss-row__name">Employee</span> <span class="gloss-row__abbr">EMP</span> </div> <div class="gloss-row__def"> Eligible employees of the issuing company with a reserved quota in the IPO. </div> </div> <div class="gloss-row"> <div class="gloss-row__head"> <span class="gloss-row__name">Shareholders</span> <span class="gloss-row__abbr">SH</span> </div> <div class="gloss-row__def"> Eligible existing shareholders of the parent company with a reserved quota in the IPO. </div> </div> </div> <!-- ===== Disclaimer (foldable) ===== --> <div class="disclaimer" id="disclaimerBox"> <button type="button" class="disclaimer__head" aria-expanded="false" aria-controls="disclaimerBody"> <span class="disclaimer__label">Disclaimer</span> <svg class="disclaimer__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 9 12 15 18 9"/> </svg> </button> <div class="disclaimer__body" id="disclaimerBody"> <div class="disclaimer__text"> The above information / data is sourced from National Stock Exchange (NSE) and Bombay Stock Exchange (BSE) websites and is subject to change in real time. For latest information / data, please refer to the respective websites. The information / data provided here is for informational purposes only and is provided by SM IPO GURU on "AS IS" and "AS AVAILABLE" basis and without warranty, express or implied. SM IPO GURU does not warrant the accuracy, adequacy or completeness of the information you obtain through the above websites. SM IPO GURU shall not be liable in any way for any discrepancies, errors, omissions, losses or damage. SM IPO GURU, including its affiliates and its directors, staff and employees, shall not be liable for any loss, damage of any kind, including but not limited to direct, indirect, punitive, exemplary, consequential damages and lost profits arising in any way out of the use of information / data obtained through the said websites. The recipient alone is fully responsible / liable for any decision made based on this information / data. All recipients, before relying on the said information, should do their own research and seek appropriate professional advice. </div> </div> </div> </div> <script> // Animate progress bars to their target widths after render (function() { var fills = document.querySelectorAll('.cat-card__bar-fill'); window.requestAnimationFrame(function() { setTimeout(function() { fills.forEach(function(el) { var target = el.getAttribute('data-fill') || 0; el.style.width = target + '%'; }); }, 80); }); })(); // BY TIMES / BY BIDS toggle (function() { var btns = document.querySelectorAll('.toggle__btn'); btns.forEach(function(btn) { btn.addEventListener('click', function() { btns.forEach(function(b) { b.classList.remove('toggle__btn--active'); }); btn.classList.add('toggle__btn--active'); document.body.classList.toggle('view-bids', btn.getAttribute('data-mode') === 'bids'); }); }); })(); // Refresh button spin feedback (visual only; reload still happens via onclick) (function() { var btn = document.querySelector('.hero__refresh'); if (!btn) return; btn.addEventListener('click', function() { btn.classList.add('is-spinning'); }); })(); // Foldable disclaimer (function() { var box = document.getElementById('disclaimerBox'); if (!box) return; var head = box.querySelector('.disclaimer__head'); head.addEventListener('click', function() { var open = box.classList.toggle('is-open'); head.setAttribute('aria-expanded', open ? 'true' : 'false'); }); })(); // Auto-reload every 60s — resilient to WebView suspend / resume / network loss. // Strategy: short polling loop checks three gates before reloading. // 1. Page must be visible (don't reload while minimized) // 2. Network must report online (avoid ERR_NAME_NOT_RESOLVED on stale DNS) // 3. 60s must have elapsed since the page last became visible // When the user returns from minimize, the timer resets so they get a fresh // interval rather than an immediate reload against a half-connected network. (function() { var RELOAD_AFTER = 60000; var CHECK_EVERY = 5000; var lastVisibleAt = Date.now(); // Restore scroll position from a previous reload try { var saved = sessionStorage.getItem('sd_scroll'); if (saved !== null) window.scrollTo(0, parseInt(saved, 10)); } catch(e) {} // Reset the countdown whenever the page comes back to the foreground document.addEventListener('visibilitychange', function() { if (!document.hidden) lastVisibleAt = Date.now(); }); setInterval(function() { if (document.hidden) return; if (typeof navigator.onLine === 'boolean' && !navigator.onLine) return; if (Date.now() - lastVisibleAt < RELOAD_AFTER) return; try { sessionStorage.setItem('sd_scroll', window.scrollY); } catch(e) {} try { window.location.reload(); } catch(e) { lastVisibleAt = Date.now(); } }, CHECK_EVERY); })(); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.2.9 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings