📌lokendraNetajiDatia

अक्टूबर 01, 2026 • कर्ता न्यूज़ डेस्क

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:skin><![CDATA[

/* =========================================================

KARTA NEWS - PERFECTED SMART FIT LAYOUT

========================================================= */

:root {

--primary-red: #dc2626;

--primary-dark: #0f172a;

--accent-green: #25D366;

--text-main: #0f172a;

--text-muted: #64748b;

--glass-bg: rgba(255, 255, 255, 0.78);

--glass-bg-hover: rgba(255, 255, 255, 0.95);

--glass-border: rgba(255, 255, 255, 0.85);

--glass-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);

}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Mukta', 'Inter', sans-serif; }

body {

background: linear-gradient(135deg, #e2e8f0 0%, #f1f5f9 50%, #e0f2fe 100%);

background-attachment: fixed;

color: var(--text-main);

padding-bottom: 90px;

min-height: 100vh;

-webkit-font-smoothing: antialiased;

}

/* TOP STRIP */

.top-strip {

background: var(--primary-dark);

color: #94a3b8;

font-size: 11px;

padding: 5px 0;

border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}

.top-strip-inner {

max-width: 800px;

margin: 0 auto;

padding: 0 15px;

display: flex;

justify-content: space-between;

align-items: center;

}

.live-pulse-badge {

display: inline-flex;

align-items: center;

gap: 6px;

color: #f8fafc;

font-weight: 700;

background: rgba(220, 38, 38, 0.25);

padding: 2px 8px;

border-radius: 20px;

}

.pulse-dot {

width: 6px; height: 6px;

background-color: var(--primary-red);

border-radius: 50%;

animation: pulse 1.4s infinite;

}

@keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.2); } }

/* HEADER */

header {

background: rgba(255, 255, 255, 0.85);

backdrop-filter: blur(16px);

border-bottom: 1px solid var(--glass-border);

position: sticky;

top: 0;

z-index: 100;

box-shadow: 0 4px 12px rgba(0,0,0,0.03);

}

.header-container {

max-width: 800px;

margin: 0 auto;

padding: 10px 15px;

display: flex;

justify-content: space-between;

align-items: center;

}

.brand-logo-wrap { text-decoration: none; display: flex; align-items: center; gap: 8px; }

.brand-badge {

background: var(--primary-red);

color: #fff;

font-weight: 800;

font-size: 16px;

padding: 2px 7px;

border-radius: 6px;

}

.brand-title {

font-size: 20px;

font-weight: 800;

color: var(--primary-dark);

letter-spacing: -0.5px;

}

/* TICKER FIX (लेबल के ऊपर से न निकले) */

.ticker-container {

max-width: 800px;

margin: 14px auto 0;

padding: 0 15px;

}

.ticker-wrapper {

background: var(--glass-bg);

backdrop-filter: blur(12px);

border: 1px solid var(--glass-border);

border-radius: 10px;

display: flex;

align-items: center;

overflow: hidden;

height: 38px;

box-shadow: var(--glass-shadow);

position: relative;

}

.ticker-label {

background: var(--primary-red);

color: #ffffff;

font-weight: 700;

font-size: 12px;

padding: 0 12px;

height: 100%;

display: flex;

align-items: center;

gap: 5px;

white-space: nowrap;

z-index: 10; /* लेबल को ऊपर रखा ताकि टेक्स्ट इसके पीछे छिपे */

box-shadow: 4px 0 10px rgba(0,0,0,0.15);

}

.ticker-scroll-area {

flex-grow: 1;

overflow: hidden;

position: relative;

display: flex;

align-items: center;

}

.ticker-content {

white-space: nowrap;

padding-left: 100%;

animation: newsTicker 25s linear infinite;

color: var(--text-main);

font-size: 13px;

font-weight: 600;

display: inline-block;

}

@keyframes newsTicker { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } }

/* MAIN FEED CONTAINER */

.main-wrapper {

max-width: 800px;

margin: 16px auto;

padding: 0 15px;

}

.feed-list-container {

display: flex;

flex-direction: column;

gap: 14px;

}

/* --- 1. HORIZONTAL SMALL POST (कम हाइट, बड़ा टाइटल + राइट साइड शेयर बटन) --- */

.post-card.horizontal-compact {

background: var(--glass-bg);

backdrop-filter: blur(16px);

border: 1px solid var(--glass-border);

border-radius: 14px;

overflow: hidden;

box-shadow: var(--glass-shadow);

transition: transform 0.2s ease;

min-height: 90px;

display: flex;

align-items: center;

padding-right: 12px;

}

.post-card.horizontal-compact:hover {

background: var(--glass-bg-hover);

transform: translateY(-2px);

}

.post-card.horizontal-compact .compact-link {

display: flex;

align-items: center;

text-decoration: none;

color: inherit;

flex-grow: 1;

overflow: hidden;

}

.post-card.horizontal-compact .compact-img-wrap {

width: 105px;

min-width: 105px;

height: 90px;

background-color: #cbd5e1;

overflow: hidden;

}

.post-card.horizontal-compact .compact-img-wrap img {

width: 100%;

height: 100%;

object-fit: cover;

}

.post-card.horizontal-compact .compact-details {

padding: 8px 12px;

display: flex;

flex-direction: column;

justify-content: center;

flex-grow: 1;

overflow: hidden;

}

.post-card.horizontal-compact h2 {

font-size: 16px; /* बड़ा टाइटल */

font-weight: 700;

line-height: 1.35;

color: var(--text-main);

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

}

.post-card.horizontal-compact .compact-meta {

font-size: 11px;

color: var(--text-muted);

margin-top: 4px;

}

/* राइट साइड वाला केवल व्हाट्सएप बटन */

.right-end-share {

background: #25D366;

color: #ffffff;

width: 36px;

height: 36px;

min-width: 36px;

border-radius: 50%;

display: inline-flex;

align-items: center;

justify-content: center;

font-size: 17px;

text-decoration: none;

box-shadow: 0 4px 10px rgba(37, 211, 102, 0.3);

transition: transform 0.2s ease;

margin-left: 8px;

}

.right-end-share:hover { transform: scale(1.1); }

/* --- 2. LARGE FEATURED POST (100% Auto-Fit Photo + Title + Share Button) --- */

.post-card.large-feature {

background: var(--glass-bg);

backdrop-filter: blur(20px);

border: 1px solid var(--glass-border);

border-radius: 16px;

overflow: hidden;

box-shadow: var(--glass-shadow);

transition: transform 0.2s ease;

}

.post-card.large-feature:hover {

background: var(--glass-bg-hover);

transform: translateY(-2px);

}

.post-card.large-feature .feature-link {

display: block;

text-decoration: none;

color: inherit;

}

/* ऑटो-फिट इमेज कंटेनर */

.post-card.large-feature .feature-img-wrap {

width: 100%;

background-color: #0f172a; /* पीछे डार्क बैकग्राउंड ताकि बिना कटी फोटो सुंदर लगे */

display: flex;

justify-content: center;

align-items: center;

overflow: hidden;

max-height: 380px; /* फोटो के लिए पर्याप्त स्पेस */

}

.post-card.large-feature .feature-img-wrap img {

width: 100%;

height: auto;

max-height: 380px;

object-fit: contain; /* फोटो कभी नहीं कटेगी, पूरी फिट होगी */

display: block;

}

.post-card.large-feature .feature-content {

padding: 14px 16px;

}

.post-card.large-feature h2 {

font-size: 18px;

font-weight: 800;

line-height: 1.4;

color: var(--text-main);

margin-bottom: 12px;

}

.post-card.large-feature .feature-footer {

display: flex;

justify-content: space-between;

align-items: center;

padding-top: 10px;

border-top: 1px solid rgba(0,0,0,0.06);

}

.share-text-btn {

color: #ffffff;

font-size: 12px;

font-weight: 700;

background: #25D366;

padding: 6px 14px;

border-radius: 20px;

display: inline-flex;

align-items: center;

gap: 6px;

text-decoration: none;

box-shadow: 0 3px 8px rgba(37, 211, 102, 0.3);

}

/* SINGLE POST FULL PAGE */

.single-post-body {

background: var(--glass-bg);

backdrop-filter: blur(20px);

border: 1px solid var(--glass-border);

border-radius: 18px;

padding: 20px;

font-size: 16px;

line-height: 1.7;

}

.single-post-body img { max-width: 100%; height: auto; border-radius: 10px; margin: 12px 0; }

/* FLOATING NAV */

.floating-nav-bar {

position: fixed;

bottom: 15px;

left: 50%;

transform: translateX(-50%);

width: 88%;

max-width: 380px;

background: rgba(15, 23, 42, 0.9);

backdrop-filter: blur(20px);

border-radius: 30px;

display: flex;

justify-content: space-around;

align-items: center;

padding: 6px 10px;

box-shadow: 0 10px 30px rgba(0,0,0,0.25);

z-index: 999;

border: 1px solid rgba(255, 255, 255, 0.15);

}

.nav-link {

color: #94a3b8;

text-decoration: none;

font-size: 11px;

font-weight: 600;

display: flex;

flex-direction: column;

align-items: center;

gap: 2px;

padding: 5px 12px;

border-radius: 20px;

cursor: pointer;

background: none;

border: none;

}

.nav-link.active, .nav-link:hover { color: #ffffff; background: rgba(255, 255, 255, 0.12); }

.nav-link i { font-size: 15px; }

/* CONTACT MODAL */

.modal-overlay {

position: fixed;

top: 0; left: 0; width: 100%; height: 100%;

background: rgba(15, 23, 42, 0.6);

backdrop-filter: blur(10px);

z-index: 9999;

display: flex;

justify-content: center;

align-items: center;

opacity: 0; visibility: hidden;

transition: all 0.3s ease;

padding: 15px;

}

.modal-overlay.active { opacity: 1; visibility: visible; }

.contact-card-modal {

background: rgba(255, 255, 255, 0.92);

border: 1px solid var(--glass-border);

width: 100%; max-width: 400px;

border-radius: 20px; padding: 24px;

position: relative;

}

.modal-close-btn {

position: absolute; top: 15px; right: 15px;

background: rgba(0,0,0,0.05); border: none;

width: 30px; height: 30px; border-radius: 50%;

cursor: pointer;

}

footer { text-align: center; padding: 20px 15px; font-size: 12px; color: var(--text-muted); }

]]></b:skin>

</head>

<body>

<span>लाइव अपडेट्स</span>

</div>

<div>KARTA NEWS DIGITAL</div>

</div>

<span class='brand-title'>KARTA NEWS</span>

</a>

</div>

</header>

कर्ता न्यूज़ पोर्टल पर आपका स्वागत है — निष्पक्ष और सटीक ताज़ा ख़बरों के लिए हमारे साथ बने रहें।

</div>

<b:section id='main-feed' showaddelement='yes'>

<b:widget id='Blog1' locked='true' type='Blog'>

<b:includable id='main'>

<b:if cond='data:view.isMultipleItems'>

<b:loop index='i' values='data:posts' var='post'>

<b:if cond='data:i == 2 || data:i == 5 || data:i == 8'>

<b:if cond='data:post.firstImageUrl'>

<b:else/>

</b:if>

</div>

<i class='fa-brands fa-whatsapp'></i> शेयर करें

</a>

</div>

</a>

<data:post.body/>

</div>

</article>

<b:else/>

<b:if cond='data:post.firstImageUrl'>

<b:else/>

</b:if>

</div>

</div>

</a>

</a>

<data:post.body/>

</div>

</article>

</b:if>

</b:loop>

</div>

<b:else/>

<b:loop values='data:posts' var='post'>

</a>

</div>

</div>

<data:post.body/>

</div>

</article>

</b:loop>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

</a>

<span>ट्रेंडिंग</span>

</a>

</button>

</nav>

<h3 style='font-size:18px; font-weight:800;'>KARTA NEWS डेस्क</h3>

<p style='font-size:12px; color:var(--text-muted);'>संपर्क करें या समाचार भेजें</p>

</div>

<i class='fa-solid fa-envelope' style='color:#ef4444;'></i> contact@kartanews.in

</a>

</div>

</footer>

<script>//<![CDATA[

document.addEventListener("DOMContentLoaded", function() {

const rawPosts = document.querySelectorAll('.raw-post-body');

rawPosts.forEach(post => {

const postId = post.id.replace('raw-', '');

const imgHolder = document.getElementById('img-' + postId);

if (imgHolder) {

const firstImg = post.querySelector('img');

if (firstImg && firstImg.src) {

imgHolder.innerHTML = '<img src="' + firstImg.src + '" alt="News Image" />';

}

});

const openBtn = document.getElementById('openContactModal');

const closeBtn = document.getElementById('closeContactModal');

const modal = document.getElementById('contactModal');

if(openBtn && modal) {

openBtn.addEventListener('click', () => modal.classList.add('active'));

closeBtn.addEventListe