{"id":949,"date":"2026-02-21T19:27:28","date_gmt":"2026-02-21T13:57:28","guid":{"rendered":"https:\/\/khabarmanch24.com\/?page_id=949"},"modified":"2026-04-22T13:42:39","modified_gmt":"2026-04-22T08:12:39","slug":"web-story","status":"publish","type":"page","link":"https:\/\/khabarmanch24.com\/?page_id=949","title":{"rendered":"web story"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"949\" class=\"elementor elementor-949\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12084ee elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"12084ee\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2cb54b8\" data-id=\"2cb54b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c4e0f57 elementor-widget elementor-widget-html\" data-id=\"c4e0f57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- KHABAR MANCH 24 \u2014 WEB STORIES PAGE -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+Devanagari:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.km-ws * { box-sizing: border-box; margin: 0; padding: 0; }\r\n.km-ws {\r\n  font-family: 'Noto Sans Devanagari', Arial, sans-serif;\r\n  background: #f2f4f9; min-height: 60vh; padding: 20px 14px 40px; width: 100%;\r\n}\r\n\r\n.km-ws-head { text-align: center; margin-bottom: 28px; }\r\n.km-ws-head h1 { font-size: clamp(22px,4vw,32px); font-weight: 800; color: #1a2c5e; margin-bottom: 6px; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }\r\n.km-ws-head h1 span.km-ws-badge { background: linear-gradient(135deg, #E31E24, #a81419); color: #fff; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: 20px; letter-spacing: 0.5px; animation: kmWsBlink 2s infinite; }\r\n@keyframes kmWsBlink { 0%,100% { box-shadow: 0 0 0 0 rgba(227,30,36,0.4); } 50% { box-shadow: 0 0 0 8px rgba(227,30,36,0); } }\r\n.km-ws-head p { font-size: 14px; color: #666; }\r\n.km-ws-head-line { width: 70px; height: 3px; background: linear-gradient(to right, #FF9933 0% 33%, #F7941D 33% 66%, #138808 66% 100%); margin: 10px auto 0; border-radius: 2px; }\r\n\r\n.km-ws-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 16px; max-width: 1140px; margin: 0 auto; }\r\n\r\n.km-ws-card { position: relative; border-radius: 14px; overflow: hidden; cursor: pointer; transition: transform 0.25s, box-shadow 0.25s; aspect-ratio: 9\/16; background: #1a2c5e; text-decoration: none; display: block; box-shadow: 0 4px 16px rgba(26,44,94,0.18); }\r\n.km-ws-card:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 36px rgba(26,44,94,0.28); }\r\n.km-ws-card-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }\r\n.km-ws-card:hover .km-ws-card-img { transform: scale(1.06); }\r\n.km-ws-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.35) 60%, rgba(13,27,62,0.92) 100%); }\r\n.km-ws-card-new { position: absolute; top: 10px; left: 10px; background: linear-gradient(135deg, #E31E24, #a81419); color: #fff; font-size: 9px; font-weight: 800; padding: 3px 9px; border-radius: 10px; letter-spacing: 0.8px; text-transform: uppercase; box-shadow: 0 2px 6px rgba(227,30,36,0.45); }\r\n.km-ws-card-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 48px; height: 48px; background: rgba(247,148,29,0.85); border: 2px solid #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #fff; opacity: 0; transition: opacity 0.2s; backdrop-filter: blur(4px); }\r\n.km-ws-card:hover .km-ws-card-play { opacity: 1; }\r\n.km-ws-card-body { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px 10px 10px; }\r\n.km-ws-card-cat { font-size: 9.5px; font-weight: 700; color: #F7941D; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 4px; }\r\n.km-ws-card-title { font-size: 12.5px; font-weight: 800; color: #fff; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }\r\n.km-ws-card-date { font-size: 10px; color: rgba(255,255,255,0.6); margin-top: 5px; }\r\n.km-ws-card::before { content: ''; position: absolute; inset: -2px; border-radius: 16px; background: linear-gradient(135deg, #FF9933, #F7941D, #138808); z-index: -1; opacity: 0; transition: opacity 0.2s; }\r\n.km-ws-card:hover::before { opacity: 1; }\r\n\r\n.km-ws-skeleton { aspect-ratio: 9\/16; border-radius: 14px; background: linear-gradient(90deg,#e8eaf0 25%,#f5f6fa 50%,#e8eaf0 75%); background-size: 200% 100%; animation: kmWsSkel 1.4s ease infinite; }\r\n@keyframes kmWsSkel { 0%{background-position:200% 0} 100%{background-position:-200% 0} }\r\n\r\n.km-ws-empty { grid-column:1\/-1; text-align:center; padding:60px 20px; }\r\n.km-ws-empty-icon { font-size:52px; margin-bottom:14px; }\r\n.km-ws-empty h3 { font-size:18px; font-weight:800; color:#1a2c5e; margin-bottom:8px; }\r\n.km-ws-empty p { font-size:13.5px; color:#666; line-height:1.7; max-width:400px; margin:0 auto 20px; }\r\n.km-ws-empty-btn { display:inline-block; background: linear-gradient(135deg, #F7941D, #E31E24); color:#fff; padding:10px 24px; border-radius:30px; font-size:13px; font-weight:700; text-decoration:none; }\r\n.km-ws-empty-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(247,148,29,0.35); }\r\n\r\n.km-ws-more-wrap { text-align:center; margin-top:30px; }\r\n.km-ws-more-btn { background:#fff; border:2px solid #F7941D; color:#F7941D; font-size:14px; font-weight:700; padding:11px 32px; border-radius:30px; cursor:pointer; font-family:inherit; transition:all 0.2s; }\r\n.km-ws-more-btn:hover { background: linear-gradient(135deg, #F7941D, #E31E24); color:#fff; border-color: transparent; }\r\n.km-ws-more-btn:disabled { opacity:0.4; cursor:not-allowed; }\r\n\r\n.km-ws-lightbox { display:none; position:fixed; inset:0; background:rgba(13,27,62,0.95); z-index:99999; align-items:center; justify-content:center; padding:16px; }\r\n.km-ws-lightbox.open { display:flex; }\r\n.km-ws-lb-inner { width:100%; max-width:420px; height:90vh; max-height:750px; border-radius:16px; overflow:hidden; position:relative; background:#000; box-shadow:0 20px 60px rgba(0,0,0,0.8); }\r\n.km-ws-lb-inner iframe { width:100%; height:100%; border:none; display:block; }\r\n.km-ws-lb-close { position:absolute; top:-14px; right:-14px; width:36px; height:36px; background:#fff; border-radius:50%; border:none; font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; font-weight:700; color:#1a2c5e; box-shadow:0 2px 10px rgba(0,0,0,0.3); transition:all 0.2s; z-index:10; }\r\n.km-ws-lb-close:hover { background:#E31E24; color:#fff; }\r\n.km-ws-lb-prev, .km-ws-lb-next { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; background:rgba(247,148,29,0.85); border:none; border-radius:50%; color:#fff; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 0.2s; z-index:10; }\r\n.km-ws-lb-prev { left:-54px; } .km-ws-lb-next { right:-54px; }\r\n.km-ws-lb-prev:hover, .km-ws-lb-next:hover { background:#E31E24; }\r\n\r\n@media (max-width:600px) { .km-ws-grid { grid-template-columns:repeat(2,1fr); gap:12px; } .km-ws-lb-prev, .km-ws-lb-next { display:none; } .km-ws-lb-close { top:8px; right:8px; } }\r\n@media (min-width:900px) { .km-ws-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); } }\r\n<\/style>\r\n\r\n<div class=\"km-ws\">\r\n  <div class=\"km-ws-head\">\r\n    <h1>\ud83d\udcd6 \u0935\u0947\u092c \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c <span class=\"km-ws-badge\">LIVE<\/span><\/h1>\r\n    <p>\u0916\u092c\u0930 \u092e\u0902\u091a 24 \u0915\u0940 \u0924\u093e\u091c\u093c\u093e \u0935\u0947\u092c \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c \u2014 \u090f\u0915 tap \u092e\u0947\u0902 \u092a\u0942\u0930\u0940 \u0915\u0939\u093e\u0928\u0940<\/p>\r\n    <div class=\"km-ws-head-line\"><\/div>\r\n  <\/div>\r\n  <div class=\"km-ws-grid\" id=\"km-ws-grid\">\r\n    <div class=\"km-ws-skeleton\"><\/div><div class=\"km-ws-skeleton\"><\/div><div class=\"km-ws-skeleton\"><\/div><div class=\"km-ws-skeleton\"><\/div>\r\n    <div class=\"km-ws-skeleton\"><\/div><div class=\"km-ws-skeleton\"><\/div><div class=\"km-ws-skeleton\"><\/div><div class=\"km-ws-skeleton\"><\/div>\r\n  <\/div>\r\n  <div class=\"km-ws-more-wrap\" id=\"km-ws-more-wrap\" style=\"display:none;\">\r\n    <button class=\"km-ws-more-btn\" id=\"km-ws-more-btn\" onclick=\"kmWsLoadMore()\">\u0914\u0930 \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c \u0926\u0947\u0916\u0947\u0902 \u2193<\/button>\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"km-ws-lightbox\" id=\"km-ws-lightbox\">\r\n  <div class=\"km-ws-lb-inner\" id=\"km-ws-lb-inner\">\r\n    <button class=\"km-ws-lb-close\" onclick=\"kmWsCloseLB()\">\u2715<\/button>\r\n    <button class=\"km-ws-lb-prev\" onclick=\"kmWsLBPrev()\">\u2039<\/button>\r\n    <button class=\"km-ws-lb-next\" onclick=\"kmWsLBNext()\">\u203a<\/button>\r\n    <iframe id=\"km-ws-lb-iframe\" src=\"\" allowfullscreen><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var SITE='https:\/\/khabarmanch24.com', API=SITE+'\/wp-json\/wp\/v2', PER_PAGE=12, page=1, allStories=[], currentLBIndex=0;\r\n  function getImg(p){ try{ return p._embedded['wp:featuredmedia'][0].source_url; }catch(e){ return ''; } }\r\n  function fmtDate(s){ var d=new Date(s),mn=['\u091c\u0928\u0935\u0930\u0940','\u092b\u0930\u0935\u0930\u0940','\u092e\u093e\u0930\u094d\u091a','\u0905\u092a\u094d\u0930\u0948\u0932','\u092e\u0908','\u091c\u0942\u0928','\u091c\u0941\u0932\u093e\u0908','\u0905\u0917\u0938\u094d\u0924','\u0938\u093f\u0924\u0902\u092c\u0930','\u0905\u0915\u094d\u091f\u0942\u092c\u0930','\u0928\u0935\u0902\u092c\u0930','\u0926\u093f\u0938\u0902\u092c\u0930']; return d.getDate()+' '+mn[d.getMonth()]+' '+d.getFullYear(); }\r\n  function getCatName(p){ try{ return p._embedded['wp:term'][0][0].name; }catch(e){ return '\u0938\u094d\u091f\u094b\u0930\u0940'; } }\r\n  function isNew(s){ return (new Date()-new Date(s))<3*24*60*60*1000; }\r\n  function strip(h){ var d=document.createElement('div'); d.innerHTML=h; return (d.textContent||d.innerText||'').trim(); }\r\n  function isEpaper(p){\r\n    try{ var t=p._embedded['wp:term']; for(var i=0;i<t.length;i++) for(var j=0;j<t[i].length;j++){ var s=(t[i][j].slug||'').toLowerCase(),n=(t[i][j].name||'').toLowerCase(); if(s==='e-paper'||s==='epaper'||n==='e-paper'||n==='\u0908-\u092a\u0947\u092a\u0930'||n==='epaper') return true; } }catch(e){}\r\n    var title=strip(p.title&&p.title.rendered||'').toLowerCase();\r\n    if(title.indexOf('e-paper')!==-1||title.indexOf('epaper')!==-1||title.indexOf('\u0908-\u092a\u0947\u092a\u0930')!==-1) return true;\r\n    return false;\r\n  }\r\n  function renderCard(p,idx){\r\n    var img=getImg(p),title=strip(p.title.rendered),cat=getCatName(p),date=fmtDate(p.date),link=p.link;\r\n    return '<a class=\"km-ws-card\" href=\"'+link+'\" onclick=\"kmWsOpenLB(event,'+idx+',\\''+link+'\\')\">'+(img?'<img decoding=\"async\" class=\"km-ws-card-img\" src=\"'+img+'\" alt=\"'+title+'\" loading=\"lazy\">':'<div style=\"width:100%;height:100%;background:linear-gradient(135deg,#1a2c5e,#0d1b3e);display:flex;align-items:center;justify-content:center;font-size:36px;color:#F7941D;\">\ud83d\udcf0<\/div>')+'<div class=\"km-ws-card-overlay\"><\/div>'+(isNew(p.date)?'<div class=\"km-ws-card-new\">NEW<\/div>':'')+'<div class=\"km-ws-card-play\">\u25b6<\/div><div class=\"km-ws-card-body\"><div class=\"km-ws-card-cat\">'+cat+'<\/div><div class=\"km-ws-card-title\">'+title+'<\/div><div class=\"km-ws-card-date\">'+date+'<\/div><\/div><\/a>';\r\n  }\r\n  function renderGrid(){ var grid=document.getElementById('km-ws-grid'); if(!allStories.length){ showEmpty(); return; } grid.innerHTML=allStories.map(function(p,i){ return renderCard(p,i); }).join(''); }\r\n  function showEmpty(){ document.getElementById('km-ws-more-wrap').style.display='none'; document.getElementById('km-ws-grid').innerHTML='<div class=\"km-ws-empty\"><div class=\"km-ws-empty-icon\">\ud83d\udcd6<\/div><h3>\u0905\u092d\u0940 \u0915\u094b\u0908 \u0935\u0947\u092c \u0938\u094d\u091f\u094b\u0930\u0940 \u0928\u0939\u0940\u0902 \u0939\u0948\u0964<\/h3><p>\u0915\u0943\u092a\u092f\u093e \u0915\u0941\u091b \u0926\u0947\u0930 \u092c\u093e\u0926 \u0926\u094b\u092c\u093e\u0930\u093e check \u0915\u0930\u0947\u0902\u0964<\/p><a href=\"https:\/\/khabarmanch24.com\/\" class=\"km-ws-empty-btn\">\ud83c\udfe0 \u0939\u094b\u092e\u092a\u0947\u091c \u092a\u0930 \u091c\u093e\u090f\u0902<\/a><\/div>'; }\r\n  function processStories(stories,append){ var filtered=stories.filter(function(p){ return !isEpaper(p); }); if(append){ allStories=allStories.concat(filtered); }else{ allStories=filtered; } renderGrid(); document.getElementById('km-ws-more-wrap').style.display=stories.length>=PER_PAGE?'block':'none'; }\r\n  function fetchStories(pageNum,append){\r\n    if(!append) document.getElementById('km-ws-grid').innerHTML='<div class=\"km-ws-skeleton\"><\/div>'.repeat(8);\r\n    fetch(API+'\/web-stories?per_page='+PER_PAGE+'&page='+pageNum+'&_embed&orderby=date&order=desc').then(function(r){ if(!r.ok) throw new Error(); return r.json(); }).then(function(s){ if(!s||!s.length) throw new Error(); processStories(s,append); }).catch(function(){\r\n      fetch(API+'\/categories?slug=e-paper,epaper&per_page=5').then(function(r){ return r.ok?r.json():[]; }).then(function(cats){ var ex=(cats||[]).map(function(c){ return c.id; }); var ep=ex.length?'&categories_exclude='+ex.join(','):''; return fetch(API+'\/posts?per_page='+PER_PAGE+'&page='+pageNum+'&_embed&orderby=date&order=desc'+ep); }).then(function(r){ return r.ok?r.json():[]; }).then(function(posts){ if(!posts||!posts.length){ showEmpty(); return; } processStories(posts,append); }).catch(function(){ showEmpty(); });\r\n    });\r\n  }\r\n  window.kmWsLoadMore=function(){ page++; var btn=document.getElementById('km-ws-more-btn'); btn.disabled=true; btn.textContent='\u23f3 \u0932\u094b\u0921 \u0939\u094b \u0930\u0939\u093e \u0939\u0948...'; fetchStories(page,true); setTimeout(function(){ btn.disabled=false; btn.textContent='\u0914\u0930 \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c \u0926\u0947\u0916\u0947\u0902 \u2193'; },2000); };\r\n  window.kmWsOpenLB=function(e,idx,link){ e.preventDefault(); currentLBIndex=idx; document.getElementById('km-ws-lb-iframe').src=link; document.getElementById('km-ws-lightbox').classList.add('open'); document.body.style.overflow='hidden'; };\r\n  window.kmWsCloseLB=function(){ document.getElementById('km-ws-lightbox').classList.remove('open'); document.getElementById('km-ws-lb-iframe').src=''; document.body.style.overflow=''; };\r\n  window.kmWsLBPrev=function(){ if(currentLBIndex>0){ currentLBIndex--; document.getElementById('km-ws-lb-iframe').src=allStories[currentLBIndex].link; } };\r\n  window.kmWsLBNext=function(){ if(currentLBIndex<allStories.length-1){ currentLBIndex++; document.getElementById('km-ws-lb-iframe').src=allStories[currentLBIndex].link; } };\r\n  document.getElementById('km-ws-lightbox').addEventListener('click',function(e){ if(e.target===this) kmWsCloseLB(); });\r\n  document.addEventListener('keydown',function(e){ if(e.key==='Escape') kmWsCloseLB(); if(e.key==='ArrowLeft') kmWsLBPrev(); if(e.key==='ArrowRight') kmWsLBNext(); });\r\n  var tx=0;\r\n  document.getElementById('km-ws-lb-inner').addEventListener('touchstart',function(e){ tx=e.touches[0].clientX; },{passive:true});\r\n  document.getElementById('km-ws-lb-inner').addEventListener('touchend',function(e){ var diff=tx-e.changedTouches[0].clientX; if(Math.abs(diff)>50){ if(diff>0) kmWsLBNext(); else kmWsLBPrev(); } },{passive:true});\r\n  fetchStories(1,false);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcd6 \u0935\u0947\u092c \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c LIVE \u0916\u092c\u0930 \u092e\u0902\u091a 24 \u0915\u0940 \u0924\u093e\u091c\u093c\u093e \u0935\u0947\u092c \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c \u2014 \u090f\u0915 tap \u092e\u0947\u0902 \u092a\u0942\u0930\u0940 \u0915\u0939\u093e\u0928\u0940 \u0914\u0930 \u0938\u094d\u091f\u094b\u0930\u0940\u091c\u093c \u0926\u0947\u0916\u0947\u0902 \u2193 \u2715 \u2039 \u203a<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-949","page","type-page","status-publish"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=\/wp\/v2\/pages\/949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=949"}],"version-history":[{"count":21,"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=\/wp\/v2\/pages\/949\/revisions"}],"predecessor-version":[{"id":5230,"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=\/wp\/v2\/pages\/949\/revisions\/5230"}],"wp:attachment":[{"href":"https:\/\/khabarmanch24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}