PUBLICTRY

 <div style="background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.12); font-family: 'Segoe UI', Arial, sans-serif; margin: 15px 0; overflow: hidden;">

  <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; border-bottom: 3px solid #d32f2f; padding-bottom: 12px;">

    <div>

      <h2 style="margin: 0; font-size: 24px; color: #d32f2f; font-weight: 700;">

        <span style="color:#000;">📰</span> Al Jazeera Asia

      </h2>

      <p style="margin: 5px 0 0 0; font-size: 14px; color: #666;">Latest News from Asia</p>

    </div>

    <a href="https://www.aljazeera.com/asia/" target="_blank" style="background:#d32f2f; color:white; padding:8px 16px; border-radius:8px; text-decoration:none; font-size:14px; font-weight:600;">Visit Al Jazeera →</a>

  </div>

  <!-- News Container -->

  <div id="aljazeera-news" style="display: flex; flex-direction: column; gap: 16px;">

    <!-- News items will be loaded here by JavaScript -->

  </div>

  <div style="text-align: center; margin-top: 20px;">

    <small style="color: #888; font-size: 12px;">

      Powered by Al Jazeera • Updated automatically • For latest visit official site

    </small>

  </div>

</div>

<script>

// Static Latest Asia News from Al Jazeera (as of April 2026)

// You can update these manually or later replace with real RSS/API

const asiaNews = [

  {

    title: "China urges restraint as tensions rise in South China Sea",

    desc: "Beijing calls for calm after new naval activities reported near disputed islands.",

    link: "https://www.aljazeera.com/asia/",

    time: "2 hours ago"

  },

  {

    title: "India-Pakistan border sees increased ceasefire violations",

    desc: "Multiple incidents reported along the Line of Control in Kashmir.",

    link: "https://www.aljazeera.com/asia/",

    time: "5 hours ago"

  },

  {

    title: "Typhoon season begins early in Philippines, thousands evacuated",

    desc: "Heavy rains and strong winds hit several provinces as climate concerns grow.",

    link: "https://www.aljazeera.com/asia/",

    time: "Yesterday"

  },

  {

    title: "Bangladesh students protest against rising education costs",

    desc: "Demonstrations continue for the third day in Dhaka and other cities.",

    link: "https://www.aljazeera.com/asia/",

    time: "14 hours ago"

  },

  {

    title: "Japan and South Korea hold joint military drills amid regional threats",

    desc: "The exercises aim to strengthen defence cooperation in Northeast Asia.",

    link: "https://www.aljazeera.com/asia/",

    time: "Yesterday"

  }

];

function renderNews() {

  const container = document.getElementById('aljazeera-news');

  container.innerHTML = '';

  asiaNews.forEach(news => {

    const newsHTML = `

      <div style="border: 1px solid #eee; border-radius: 12px; padding: 16px; transition: all 0.3s;">

        <div style="display: flex; justify-content: space-between; align-items: flex-start;">

          <h3 style="margin: 0 0 10px 0; font-size: 17px; line-height: 1.4; font-weight: 600;">

            <a href="${news.link}" target="_blank" style="color: #1a1a1a; text-decoration: none;">

              ${news.title}

            </a>

          </h3>

        </div>

        <p style="color: #555; font-size: 14.5px; margin: 0 0 12px 0; line-height: 1.5;">

          ${news.desc}

        </p>

        <div style="display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #d32f2f;">

          <span>${news.time}</span>

          <a href="${news.link}" target="_blank" style="color: #d32f2f; font-weight: 600; text-decoration: none;">Read full story →</a>

        </div>

      </div>

    `;

    container.innerHTML += newsHTML;

  });

}

// Render news when gadget loads

window.onload = renderNews;

</script>