index.html

[marwajameel]

<title>SDN News - Official Portal</title> <script src="https://code.highcharts.com/highcharts.js"></script> <style> body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; } .main-card { max-width: 800px; margin: 20px auto; background: white; padding: 20px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0,0,0,0.1); padding-bottom: 80px; } .branding { text-align: center; color: #d32f2f; font-size: 32px; font-weight: bold; margin-bottom: 5px; } .office-photo { width: 100%; border-radius: 10px; margin: 20px 0; border: 3px solid #eee; display: block; }

    /* Breaking News Ticker */
    .ticker-wrap { position: fixed; bottom: 0; width: 100%; overflow: hidden; height: 50px; background-color: #d32f2f; color: white; line-height: 50px; font-weight: bold; z-index: 100; border-top: 2px solid #fff; }
    .ticker { display: inline-block; white-space: nowrap; animation: ticker 25s linear infinite; }
    @keyframes ticker { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
    .ticker-item { display: inline-block; padding: 0 40px; font-size: 20px; }

    .social-links { text-align: center; margin-top: 25px; padding: 20px; background: #f9f9f9; border-radius: 10px; }
    .btn { display: inline-block; padding: 12px 25px; margin: 10px; border-radius: 8px; text-decoration: none; color: white; font-weight: bold; transition: 0.3s; }
    .fb { background: #1877f2; }
    .ig { background: #e4405f; }
    #container { height: 400px; margin-top: 20px; border-radius: 10px; overflow: hidden; }
</style>

SDN NEWS NETWORK

Jamil Ahmed Kalyal

Chief Editor & Regional Head

<img src="office.jpg" class="office-photo" alt="Jamil Ahmed Kalyal in Office">

<div id="container"></div>

<div class="social-links">
    <h3>Official Social Media</h3>
    <a href="https://www.facebook.com/JameelKalyal" class="btn fb" target="_blank">Facebook Page</a>
    <a href="https://www.instagram.com/SDNNews" class="btn ig" target="_blank">Instagram Profile</a>
</div>

🔴 BREAKING NEWS: SDN News expanding network in Gujranwala and Gujrat! 📢 REPORT: Chief Editor Jamil Ahmed Kalyal announces new digital updates. ✅ UPDATE: Sarai Alamgir news portal is now live 24/7. 🌐 VISIT: www.SDNNews.com for latest regional updates.

<script> Highcharts.chart('container', { chart: { type: 'column', backgroundColor: '#ffffff' }, title: { text: 'Regional Growth: Gujranwala | Gujrat | Sarai Alamgir' }, xAxis: { categories: ['Sarai Alamgir', 'Gujrat', 'Gujranwala'] }, yAxis: { title: { text: 'Reports Count' } }, series: [{ name: 'Active News Coverage', data: [55, 78, 92], color: '#d32f2f' }] }); </script>