<!doctype html><html lang="hi"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width,initial-scale=1" /><title>News24-Style – Taaza Khabar</title><meta name="description" content="News24 style demo site — live video, breaking ticker, social links." /><style>:root{--bg:#f4f6f8;--card:#ffffff;--accent:#e11d48;--muted:#6b7280;--maxw:1150px;--shadow:0 8px 24px rgba(15,23,42,0.06);}*{box-sizing:border-box}body{margin:0;font-family:Inter,system_-ui,Segoe UI,Roboto,Arial;color:#0f172a;background:var(--bg)}a{color:inherit;text-decoration:none}header{background:#fff;border-bottom:1px solid rgba(15,23,42,0.06);position:sticky;top:0;z-index:60}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}.top{display:flex;align-items:center;gap:12px;padding:10px 0}.brand{display:flex;gap:10px;align-items:center}.logo{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#ef4444,#fb7185);display:grid;place-items:center;color:#fff;font-weight:800}.site-title{font-weight:800;font-size:1.05rem}.tag{font-size:12px;color:var(--muted)}.ticker-wrap{background:#111827;color:#fff;padding:8px 0;font-weight:700;overflow:hidden}.ticker{display:inline-block;white-space:nowrap;padding-left:100%;animation:scroll 18s linear infinite}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}.main{display:grid;grid-template-columns:1fr 340px;gap:18px;padding:18px 0}.card{background:var(--card);padding:14px;border-radius:12px;box-shadow:var(--shadow)}.video{height:360px;border-radius:8px;overflow:hidden;background:#000}.headline{font-size:1.1rem;font-weight:800;margin:8px 0}.meta{color:var(--muted);font-size:0.95rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.article img{width:100%;height:150px;object-fit:cover;border-radius:8px}.article h3{margin:8px 0 4px;font-size:1rem}.socials{display:flex;gap:8px}.socials a{width:44px;height:44px;border-radius:8px;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(2,6,23,0.06)}footer{padding:18px 0;color:var(--muted);font-size:0.95rem}@media (max-width:980px){.main{grid-template-columns:1fr 320px} .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.main{grid-template-columns:1fr} .grid{grid-template-columns:1fr} .ticker{animation-duration:12s}}.btn{background:var(--accent);color:#fff;padding:8px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:700}</style></head><body><header><div class="wrap top" role="banner"><div class="brand" role="link" aria-label="Home"><div class="logo">N24</div><div><div class="site-title">News24-Style</div><div class="tag">Taaza • Live • Hindi</div></div></div><nav style="margin-left:18px"><a href="#" style="margin-right:8px;font-weight:700">Home</a><a href="#" style="margin-right:8px">India</a><a href="#" style="margin-right:8px">World</a><a href="#">Videos</a></nav><div style="margin-left:auto;display:flex;gap:8px;align-items:center"><div style="font-weight:800;color:var(--accent)">LIVE</div><button class="btn" id="notify">Subscribe</button></div></div><div class="ticker-wrap" aria-hidden="false"><div class="wrap"><div class="ticker" id="tickerText">ब्रेकिंग:राहत कार्य जारी — प्रशासन ने कहा कि स्थिति नियंत्रण में है • Stock Market:Sensex नीचे 0.6% • मौसम:कई इलाकों में बारिश का अलर्ट</div></div></div></header><main class="wrap main" role="main"><section><div class="card"><div style="display:flex;justify-content:space-between-;align-items:center"><div><div style="font-size:12px;color:var(--muted)">LIVE VIDEO</div><div class="headline">फील्ड रिपोर्ट:राहत कार्य और अपडेट</div><div class="meta">Reporter • Patna • <span id="time">Now</span></div></div><div style="display:flex;gap:8px;align-items:center"><button class="btn" id="sharebtn">Share</button></div></div><div class="video" style="margin-top:12px"><!-- Default:HTML5 video. Replace src with your .mp4 or live stream --><video id="liveVid" autoplay muted playsinline loop style="width:100%;height:100%;object-fit:cover"><source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4">ब्राउज़र वीडियो सपोर्ट नहीं करता।</video><!-- To embed YouTube replace video tag with iframe:<iframe src="https://www.youtube.com/embed/VIDEO_ID?autoplay=1&mute=1" allow="accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture" allowfullscreen style="width:100%;height:100%;border:0"></iframe>--></div><div style="display:flex;justify-content:space-between-;align-items:center;margin-top:10px"><div class="meta">Views:<strong id="views">8.3k</strong></div><div><button id="pp" class="btn" style="background:#111827;padding:8px 10px">Pause</button></div></div><p style="margin-top:10px;color:var(--muted)">यह एक डेमो लाइव वीडियो है — लाइव स्ट्रीम या MP4 का URL रखकर रियल्टाइम दिखाएँ।</p></div><div class="grid" style="margin-top:14px"><article class="card article"><img src="https://images.unsplash.com/photo-1547263327-0f6f9e1a0fbb?q=80&w=1200&auto=format&fit=crop" alt="news"><h3>प्रधानमंत्री ने राहत कार्य का निरीक्षण किया</h3><p style="color:var(--muted)">विस्तार:क्षेत्र में राहत सामग्री का वितरण तेज किया गया।</p></article><article class="card article"><img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?q=80&w=1200&auto=format&fit=crop" alt="business"><h3>व्यापार खबर:बाज़ार में उतार-चढ़ाव</h3><p style="color:var(--muted)">इंटरनेशनल मार्केट के इशारों से शेयरों में हलचल।</p></article><article class="card article"><img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?q=80&w=1200&auto=format&fit=crop" alt="sports"><h3>खेल:घरेलू टीम ने शानदार जीत दर्ज की</h3><p style="color:var(--muted)">मैच रिपोर्ट और मुख्य क्षण।</p></article></div></section><aside style="display:flex;flex-direction:column;gap:12px"><div class="card" style="text-align:center"><div style="font-weight:800">Follow Us</div><div class="socials" style="justify-content:center;margin-top:8px"><a href="https://facebook.com" target="_blank" rel="noopener noreferrer" aria-label="Facebook">FB</a><a href="https://twitter.com" target="_blank" rel="noopener noreferrer" aria-label="Twitter">TW</a><a href="https://youtube.com" target="_blank" rel="noopener noreferrer" aria-label="YouTube">YT</a><a href="https://instagram.com" target="_blank" rel="noopener noreferrer" aria-label="Instagram">IG</a></div></div><div class="card"><div style="font-weight:800">Newsletter</div><p style="color:var(--muted);margin:8px 0 0">तेज़ अपडेट सीधे इनबॉक्स में</p><input id="email" type="email" placeholder="Email address" style="width:100%;padding:8px;border-radius:8px;border:1px solid rgba(2,6,23,0.06);margin-top:10px"><button class="btn" id="join" style="width:100%;margin-top:8px">Join</button></div></aside></main><footer class="wrap"><div class="card" style="display:flex;justify-content:space-between-;align-items:center;gap:10px"><div><strong>News24-Style</strong> © <span id="year"></span></div><div style="color:var(--muted)">Privacy • Terms • Contact</div></div></footer><script>// timestampdocument.getElementById(&apos;time&apos;).textContent = new Date().toLocaleString(&apos;hi-IN&apos;,{day:&apos;2-digit&apos;,month:&apos;short&apos;,hour:&apos;2-digit&apos;,minute:&apos;2-digit&apos;});// play/pauseconst live = document.getElementById(&apos;liveVid&apos;);const pp = document.getElementById(&apos;pp&apos;);pp.addEventListener(&apos;click&apos;, ()=>{if(live.paused){live.play();pp.textContent=&apos;Pause&apos;;}else{live.pause();pp.textContent=&apos;Play&apos;;}});// views fake counterconst viewsEl = document.getElementById(&apos;views&apos;);let views = 8.3;setInterval(()=>{views += 0.07;viewsEl.textContent = (Math.round(views*10)/10) + &apos;k&apos;;}, 3000);// subscribe/newsletter demodocument.getElementById(&apos;notify&apos;).addEventListener(&apos;click&apos;, ()=> alert(&apos;Subscribed (demo)&apos;));document.getElementById(&apos;join&apos;).addEventListener(&apos;click&apos;, ()=>{const e = document.getElementById(&apos;email&apos;).value.trim();if(!e) return alert(&apos;Email डालें&apos;);alert(&apos;धन्यवाद — &apos;+ e + &apos;(डेमो)&apos;);});// set yeardocument.getElementById(&apos;year&apos;).textContent = new Date().getFullYear();// allow toggling ticker speed on small screens (example of small interaction)const ticker = document.getElementById(&apos;tickerText&apos;);ticker.addEventListener(&apos;click&apos;, ()=>{ticker.style.animationDuration = ticker.style.animationDuration === &apos;6s&apos;? &apos;18s&apos;:&apos;6s&apos;;});</script></body></html>