<meta name='viewport' content='width=device-width, initial-scale=1'/><!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>India News CG36 | ताजा खबरें</title> <style> *{box-sizing:border-box} body{ margin:0; font-family:Arial,sans-serif; background:#f1f3f6; color:#222; } header{ background:#b80000; color:white; padding:18px 12px; text-align:center; } header h1{margin:0;font-size:28px} header p{margin:7px 0 0} nav{ background:#151515; display:flex; overflow-x:auto; } nav a{ color:white; padding:14px; text-decoration:none; white-space:nowrap; } nav a:hover{background:#c40000} .breaking{ background:#ffcc00; padding:12px; font-weight:bold; overflow:hidden; } .container{ max-width:1100px; margin:auto; padding:15px; } .section-title{ background:#b80000; color:white; padding:12px; margin:15px 0; border-radius:4px; } .grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:15px; } .card{ background:white; border-radius:8px; overflow:hidden; box-shadow:0 2px 8px #0002; } .card img{ width:100%; height:180px; object-fit:cover; } .card-content{padding:14px} .card h3{margin:0 0 10px} .card p{line-height:1.6} .btn{ display:inline-block; background:#b80000; color:white; padding:9px 14px; border:0; border-radius:5px; text-decoration:none; cursor:pointer; } .search{ width:100%; padding:13px; border:1px solid #ccc; border-radius:5px; margin:10px 0; } footer{ background:#151515; color:white; text-align:center; padding:25px; margin-top:30px; } .admin{ background:white; padding:15px; border-radius:8px; margin-top:20px; } .admin input,.admin textarea{ width:100%; padding:12px; margin:7px 0; border:1px solid #ccc; border-radius:5px; } .video{ width:100%; aspect-ratio:16/9; border:0; } </style> </head> <body> <header> <h1>INDIA NEWS CG36</h1> <p>छत्तीसगढ़ की आवाज | देश की ताजा खबरें</p> </header> <nav> <a href="#home">होम</a> <a href="#cg">छत्तीसगढ़</a> <a href="#india">देश</a> <a href="#world">दुनिया</a> <a href="#video">वीडियो</a> <a href="#contact">संपर्क</a> </nav> <div class="breaking"> 🔴 BREAKING NEWS : <span id="breakingText">India News CG36 में आपका स्वागत है।</span> </div> <div class="container" id="home"> <input class="search" id="search" placeholder="🔍 खबर खोजें..." oninput="searchNews()"> <h2 class="section-title">📰 ताजा समाचार</h2> <div class="grid" id="newsList"> <div class="card"> <img src="https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=800"> <div class="card-content"> <h3>India News CG36 में आपका स्वागत है</h3> <p>छत्तीसगढ़ और देश की ताजा खबरें पढ़ने के लिए हमारी वेबसाइट से जुड़े रहें।</p> </div> </div> <div class="card"> <img src="https://images.unsplash.com/photo-1495020689067-958852a7765e?w=800"> <div class="card-content"> <h3>छत्तीसगढ़ न्यूज़</h3> <p>छत्तीसगढ़ की स्थानीय खबरें और महत्वपूर्ण अपडेट यहां पढ़ें।</p> </div> </div> <div class="card"> <img src="https://images.unsplash.com/photo-1529107386315-e1a2ed48a620?w=800"> <div class="card-content"> <h3>देश की बड़ी खबरें</h3> <p>देश की महत्वपूर्ण घटनाओं की जानकारी यहां मिलेगी।</p> </div> </div> </div> <h2 class="section-title" id="cg">छत्तीसगढ़ समाचार</h2> <p>छत्तीसगढ़ की खबरों के लिए India News CG36 से जुड़े रहें।</p> <h2 class="section-title" id="india">राष्ट्रीय समाचार</h2> <p>भारत की प्रमुख खबरें और अपडेट।</p> <h2 class="section-title" id="world">दुनिया की खबरें</h2> <p>दुनिया भर की महत्वपूर्ण खबरें।</p> <h2 class="section-title" id="video">🎥 हमारा YouTube चैनल</h2> <div class="card"> <div class="card-content"> <h3>India News CG36</h3> <p>हमारे YouTube चैनल पर वीडियो समाचार देखें।</p> <a class="btn" href="https://www.youtube.com/@Indianews36-l5b" target="_blank">YouTube चैनल खोलें</a> </div> </div> <h2 class="section-title">📝 एडमिन पैनल - खबर जोड़ें</h2> <div class="admin"> <h3>नई खबर प्रकाशित करें</h3> <input id="adminTitle" placeholder="खबर का शीर्षक"> <input id="adminImage" placeholder="फोटो का URL"> <textarea id="adminDesc" placeholder="खबर की पूरी जानकारी"></textarea> <button class="btn" onclick="addNews()">खबर जोड़ें</button> </div> </div> <footer id="contact"> <h2>INDIA NEWS CG36</h2> <p>सच्ची खबर, सबसे पहले</p> <p>छत्तीसगढ़ | भारत | दुनिया</p> <p>© 2026 India News CG36</p> </footer> <script> function addNews(){ let title=document.getElementById("adminTitle").value; let image=document.getElementById("adminImage").value; let desc=document.getElementById("adminDesc").value; if(!title || !desc){ alert("कृपया खबर का शीर्षक और जानकारी भरें"); return; } let card=document.createElement("div"); card.className="card"; let img=document.createElement("img"); img.src=image || "https://images.unsplash.com/photo-1504711434969-e33886168f5c?w=800"; img.alt=title; let content=document.createElement("div"); content.className="card-content"; let heading=document.createElement("h3"); heading.textContent=title; let paragraph=document.createElement("p"); paragraph.textContent=desc; content.append(heading,paragraph); card.append(img,content); document.getElementById("newsList").prepend(card); document.getElementById("adminTitle").value=""; document.getElementById("adminImage").value=""; document.getElementById("adminDesc").value=""; alert("खबर वेबसाइट पर जोड़ दी गई!"); } function searchNews(){ let input=document.getElementById("search").value.toLowerCase(); let cards=document.querySelectorAll("#newsList .card"); cards.forEach(card=>{ card.style.display= card.innerText.toLowerCase().includes(input) ?"block":"none"; }); } </script> </body> </html> <!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>India News CG36 | ताजा खबरें</title> <style> *{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;background:#f1f3f5;color:#222} header{background:#b90000;color:white;padding:20px 12px;text-align:center} header h1{margin:0;font-size:29px} header p{margin:8px 0 0} nav{background:#181818;display:flex;justify-content:center;flex-wrap:wrap} nav button{background:none;color:white;border:0;padding:13px;cursor:pointer} nav button:hover{background:#b90000} .breaking{background:#ffe1e1;padding:12px;color:#b00000;font-weight:bold} .container{max-width:1100px;margin:auto;padding:15px} .search{width:100%;padding:13px;border:1px solid #ccc;border-radius:7px;margin:12px 0} h2{border-left:5px solid #c00;padding-left:10px} .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px} .card{background:white;border-radius:9px;overflow:hidden;box-shadow:0 2px 8px #ddd} .card img{width:100%;height:180px;object-fit:cover} .card-content{padding:14px} .card h3{margin:5px 0} .card p{line-height:1.5} .card button{background:#b90000;color:white;border:0;padding:9px;border-radius:5px;cursor:pointer} .admin{background:white;padding:18px;border-radius:9px;margin-top:30px} .admin input,.admin textarea,.admin select{width:100%;padding:12px;margin:7px 0;border:1px solid #ccc;border-radius:5px} .admin textarea{height:110px} .publish{width:100%;background:green;color:white;padding:14px;border:0;border-radius:6px;font-size:17px} footer{background:#151515;color:white;text-align:center;padding:25px;margin-top:30px} .empty{text-align:center;padding:25px;background:white} </style> </head> <body> <header> <h1>INDIA NEWS CG36</h1> <p>छत्तीसगढ़ की आवाज | देश की ताजा खबरें</p> </header> <nav> <button onclick="filterNews('सभी')">होम</button> <button onclick="filterNews('छत्तीसगढ़')">छत्तीसगढ़</button> <button onclick="filterNews('देश')">देश</button> <button onclick="filterNews('दुनिया')">दुनिया</button> <button onclick="filterNews('खेल')">खेल</button> <button onclick="filterNews('मनोरंजन')">मनोरंजन</button> </nav> <div class="breaking"> 🔴 BREAKING NEWS: INDIA NEWS CG36 में आपका स्वागत है। </div> <div class="container"> <input class="search" id="search" placeholder="🔍 खबर खोजें..." oninput="showNews()"> <h2>📰 ताजा समाचार</h2> <div class="news-grid" id="newsList"></div> <div class="admin"> <h2>📝 एडमिन पैनल - नई खबर प्रकाशित करें</h2> <form id="newsForm"> <input id="title" placeholder="खबर का पूरा शीर्षक" required> <select id="category"> <option>छत्तीसगढ़</option> <option>देश</option> <option>दुनिया</option> <option>खेल</option> <option>मनोरंजन</option> </select> <input id="photo" type="url" placeholder="फोटो का URL (वैकल्पिक)"> <textarea id="description" placeholder="यहां पूरी खबर लिखें..." required></textarea> <button class="publish" type="submit"> 📢 खबर प्रकाशित करें </button> </form> <p id="message"></p> <p>ध्यान दें: यह शुरुआती ब्राउज़र-आधारित संस्करण है।</p> </div> </div> <footer> <h2>INDIA NEWS CG36</h2> <p>सच्ची खबर, सबसे पहले</p> <p>छत्तीसगढ़ | भारत | दुनिया</p> <p>© 2026 India News CG36</p> <a href="https://www.youtube.com/@Indianews36-l5b" style="color:white">हमारा YouTube चैनल</a> </footer> <script> let news = []; try { news = JSON.parse(localStorage.getItem("cg36_news")) || []; } catch(e) { news = []; } let currentCategory = "सभी"; function saveNews(){ localStorage.setItem("cg36_news",JSON.stringify(news)); } function escapeHTML(value){ return String(value).replace(/[&<>"']/g,function(c){ return { "&":"&", "<":"<", ">":">", '"':""", "'":"'" }[c]; }); } function showNews(){ let list = document.getElementById("newsList"); let search = document.getElementById("search").value.toLowerCase(); let filtered = news.filter(item => { let matchCategory = currentCategory === "सभी" || item.category === currentCategory; let matchSearch = item.title.toLowerCase().includes(search) || item.description.toLowerCase().includes(search); return matchCategory && matchSearch; }); if(filtered.length === 0){ list.innerHTML = '<div class="empty">अभी कोई खबर उपलब्ध नहीं है।</div>'; return; } list.innerHTML = filtered.map(item => { let image = item.photo || "https://placehold.co/600x350?text=India+News+CG36"; return ` <div class="card"> <img src="${escapeHTML(image)}" alt="News image" onerror="this.src='https://placehold.co/600x350?text=News'"> <div class="card-content"> <small>${escapeHTML(item.category)}</small> <h3>${escapeHTML(item.title)}</h3> <p>${escapeHTML(item.description)}</p> <small>${escapeHTML(item.date)}</small> <br><br> <button onclick="deleteNews('${item.id}')"> खबर हटाएं </button> </div> </div> `; }).join(""); } function filterNews(category){ currentCategory = category; showNews(); } document.getElementById("newsForm") .addEventListener("submit",function(e){ e.preventDefault(); let item = { id:Date.now().toString(), title:document.getElementById("title").value.trim(), category:document.getElementById("category").value, photo:document.getElementById("photo").value.trim(), description:document.getElementById("description").value.trim(), date:new Date().toLocaleString("hi-IN") }; if(!item.title || !item.description){ alert("कृपया पूरी जानकारी भरें"); return; } news.unshift(item); saveNews(); showNews(); this.reset(); document.getElementById("message").innerText = "खबर इस ब्राउज़र में सेव हो गई है।"; }); function deleteNews(id){ if(confirm("क्या आप यह खबर हटाना चाहते हैं?")){ news = news.filter(item => item.id !== id); saveNews(); showNews(); } } showNe<script> /* INDIA NEWS CG36 - NEWS SYSTEM */ let savedNews = JSON.parse( localStorage.getItem("cg36_news") || "[]" ); function showSavedNews() { const container = document.querySelector(".cards"); savedNews.forEach((news, index) => { const card = document.createElement("div"); card.className = "card"; const title = document.createElement("h3"); title.textContent = news.title; const category = document.createElement("p"); category.textContent = "श्रेणी: " + news.category; const description = document.createElement("p"); description.textContent = news.description; const date = document.createElement("small"); date.textContent = news.date; const remove = document.createElement("button"); remove.textContent = "खबर हटाएं"; remove.style.cssText = "background:#c8102e;color:white;padding:10px;border:0;border-radius:5px;margin-top:12px"; remove.onclick = function () { if (confirm("क्या आप यह खबर हटाना चाहते हैं?")) { savedNews.splice(index, 1); localStorage.setItem( "cg36_news", JSON.stringify(savedNews) ); location.reload(); } }; card.append(title, category, description, date, remove); container.prepend(card); }); } function addNews() { const title = document.getElementById("newsTitle").value.trim(); const category = document.getElementById("newsCategory").value; const description = document.getElementById("newsDescription").value.trim(); if (!title || !description) { alert("कृपया खबर का टाइटल और पूरी जानकारी लिखें।"); return; } savedNews.push({ title: title, category: category, description: description, date: new Date().toLocaleDateString("hi-IN") 4
2
319KB
319KB
99.0ms
300.0ms
301.0ms