1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 8<link href="https://hirunews.lk/revampDesign/assets/favicon.ico" rel="favicon" type="image/x-icon" /> 9<link href="https://hirunews.lk/revampDesign/assets/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 10<link href="https://cdn.hirunews.lk/assets/images/favicon.ico?v=2" rel="shortcut icon" type="image/x-icon"> 11<link rel="apple-touch-icon" sizes="114Ã114" href="https://cdn.hirunews.lk/assets/images/touch-icon-114Ã114.png"> 12<link rel="apple-touch-icon" sizes="72Ã72" href="https://cdn.hirunews.lk/assets/images/touch-icon-72Ã72.png"> 13<link rel="apple-touch-icon" href="https://cdn.hirunews.lk/assets/images/touch-icon-iphone.png"> 14<link rel="apple-touch-icon-precomposed" sizes="114Ã114" href="https://cdn.hirunews.lk/assets/images/apple-touch-icon-114Ã114-precomposed.png"> 15<link rel="apple-touch-icon-precomposed" sizes="72Ã72" href="https://cdn.hirunews.lk/assets/images/apple-touch-icon-72Ã72-precomposed.png"> 16<link rel="apple-touch-icon-precomposed" href="https://cdn.hirunews.lk/assets/images/touch-icon-iphone-precomposed.png"> 17 18 19<!-- libs links - start --> 20<link rel="stylesheet" href="https://hirunews.lk/revampDesign/libs/flickity/flickity.min.css"> 21<link rel="stylesheet" href="https://hirunews.lk/revampDesign/libs/boostrap/bootstrap.min.css"> 22 23<!-- libs links - end --> 24 25<!-- custom links - start --> 26<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/global/variables.css?asd=1790919962"> 27<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/global/main.css?asd=1790919962"> 28<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/global/button.css?asd=1790919962"> 29<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/layouts/header.css?asd=1790919962"> 30<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/newsMarquee.css?asd=1790919962"> 31<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/homeBanner.css?asd=1790919962"> 32<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/newsCard.css?asd=?asd=1790919962"> 33<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/headingTag.css?asd=1790919962"> 34<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/homeTodayNews.css?asd=1790919962"> 35<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/homeTrendingNews.css?asd=1790919962"> 36<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/homeMoreNews.css?asd=1790919962"> 37<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/globalBanner.css?asd=1790919962"> 38<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/components/tvNewsBanner.css?asd=1790919962"> 39<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/sections/newsSliderSection.css?asd=1790919962"> 40<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/sections/tvNewsSection.css?asd=1790919962"> 41<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/sections/tvProgramsSection.css?asd=1790919962"> 42<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/sections/singleNews.css?asd=123?asd=1790919962"> 43<link rel="stylesheet" href="https://hirunews.lk/revampDesign/css/layouts/footer.css?asd=1790919962"> 44 45<meta name="browsing-context" content="web"> 46<!-- custom links - end --> <title>Hiru News | Contact for Obituaries</title> 47</head> 48 49<body> 50 51<!-- nav bar --> 52<header class="re-header"> 53 <div class="header-inner-wrp"> 54 <div class="header-nav-outter-wrp"> 55 <div class="background-el"> 56 <div class="sub-el red"></div> 57 <div class="sub-el yellow"></div> 58 </div> 59 <div class="container"> 60 <div class="content-wrp"> 61 <div class="site-logo-wrp"> 62 <a class="navbar-brand" href="/"> 63 <img class="site-logo" src="https://hirunews.lk/revampDesign/assets/logos/logo-3.png" alt="Hiru News"> 64 </a> 65 </div> 66 <div class="navigation-outter-wrp"> 67 <div class="main-nav-wrp"> 68 <ul class="navigation-wrp"> 69 <li> 70 <a class="nav-item" href="https://hirunews.lk/">Home</a> 71 </li> 72 <li> 73 <a class="nav-item" href="https://hirunews.lk/news_listing.php?category=General">Local</a> 74 </li> 75 <li> 76 <a class="nav-item" href="https://hirunews.lk/news_listing.php?category=International">World</a> 77 </li> 78 <li> 79 <a class="nav-item" href="https://hirunews.lk/news_listing.php?category=Entertainment">Entertainment</a> 80 </li> 81 <li> 82 <a class="nav-item" href="https://hirunews.lk/news_listing.php?category=Business">Business</a> 83 </li> 84 <li> 85 <a class="nav-item" href="https://hirunews.lk/news_listing.php?category=Sports">Sports</a> 86 </li> 87 <li> 88 <a class="nav-item" href="https://hirunews.lk/contact_obituaries.php">Obituaries</a> 89 </li> 90 </ul> 91 <div class="optional-action-wrp"> 92 <a class="live-tv-btn" href="https://www.hirutv.lk/hiruyoutubelive.php"> 93 <div class="circle-rings-animation"> 94 <div class="animation-item"></div> 95 <div class="animation-item"></div> 96 <div class="animation-item"></div> 97 </div> 98 <p>WATCH LIVE</p> 99 </a> 100 </div> 101 <div class="mobile-menu-trigger">
102 <span></span> 103 <span></span> 104 <span></span> 105 </div> 106 </div> 107 <div class="news-marquee"> 108 109<div class="news-marquee-inner-wrp"> 110 <div class="news-marquee-ticker"> 111 <div class="hnticker_marquee"><span class="news-heading"> 112 <a href="https://hirunews.lk/491913/gold-plated-firearms-case-against-duminda-dissanayake-called-for-november-4" target="_blank">දà·à¶¸à·à¶±à·à¶¯ දà·à·à·à¶±à·à¶ºà¶à¶§ à¶à¶»à·à·à· රන෠à¶à¶½à·à¶´à·à¶ à¶à·à¶±à· à¶ à·à· නඩà·à· à¶±à·à·à·à¶¸à·à¶¶à¶»à· 4 à¶à·à¶³à·à¶ºà·</a> 113 </span><span class="news-heading"> 114 <a href="https://hirunews.lk/491884/all-liquor-stores-will-be-closed-tomorrow-due-to-world-temperance-day" target="_blank">à¶½à·à¶ චමදà·âයප දà·à¶±à¶º à¶±à·à·à· à·à·à¶ºà¶½à·à¶¸ à·à·à¶»à·à·à·à¶½à· à·à·à¶§ à·à·à·à·à¶ºà·</a> 115 </span><span class="news-heading"> 116 <a href="https://hirunews.lk/491882/former-minister-bandula-gunawardena-appears-before-the-bribery-commission" target="_blank">à·à·à¶§à¶´à· චමà·à¶à·âය à¶¶à¶±à·à¶¯à·à¶½ à¶à·à¶«à·à¶»à·à¶°à¶± à¶ à¶½à·à¶½à·à· à¶à·à¶¸à·à·à¶¸à¶§ à¶´à·à¶¸à·à¶«à·à¶ºà·</a> 117 </span><span class="news-heading"> 118 <a href="https://hirunews.lk/491878/wimal-to-appear-before-the-central-criminal-investigation-bureau-today" target="_blank">à·à·à¶¸à¶½à· චද මධà·âයම à¶ à¶´à¶»à·à¶° à·à·à¶¸à¶»à·à·à¶± à¶à·à¶»à·à¶ºà·à¶à·à¶ºà¶§</a> 119 </span><span class="news-heading"> 120 <a href="https://hirunews.lk/491871/the-laying-of-a-new-pipeline-carrying-aviation-fuel-from-muthurajawela-to-katunayake-will-commence-today-under-the-patronage-of-the-president" target="_blank">මà·à¶à·à¶»à·à¶¢à·à·à¶½ à·à·à¶§ à¶à¶§à·à¶±à·à¶ºà¶ දà¶à·à·à· à¶à·à·à¶±à·à¶ºà·à¶±à· à¶à¶±à·à¶°à¶± à¶»à·à¶à·à¶± යන න෠නලයà¶à· à¶à¶½à·à¶¸à· à¶à¶§à¶ºà·à¶à· ජනපà¶à· à¶´à·âරධà·à¶±à¶à·à·à¶ºà·à¶±à· චද à¶à¶»à¶¹à·à¶ºà·</a> 121 </span> 122 </div> 123 </div> 124 </div> <div class="option-nav"> 125 <div class="lang-btns-wrp"> 126 <a class="re-lang-btn" href="/">Sinhala</a> 127 <a class="re-lang-btn" href="/en">English</a> 128 <a class="re-lang-btn" href="/tm">Tamil</a> 129 </div> 130 <div class="search-bar-com"> 131 <div class="search-bar"> 132 <div class="search-trigger"> 133 <svg width="25" height="25" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 134 <path d="M4.58057 0C2.05622 0 0 2.05622 0 4.58057C0 7.10492 2.05622 9.16113 4.58057 9.16113C5.6783 9.16113 6.68643 8.77132 7.47652 8.12424L10.2114 10.8592C10.2537 10.9031 10.3042 10.9382 10.3601 10.9624C10.4161 10.9866 10.4763 10.9994 10.5372 11C10.5982 11.0006 10.6586 10.9891 10.715 10.966C10.7715 10.943 10.8227 10.9089 10.8658 10.8658C10.9089 10.8227 10.943 10.7715 10.966 10.715C10.9891 10.6586 11.0006 10.5982 11 10.5372C10.9994 10.4763 10.9866 10.4161 10.9624 10.3601C10.9382 10.3042 10.9031 10.2537 10.8592 10.2114L8.12424 7.47652C8.77132 6.68643 9.16113 5.6783 9.16113 4.58057C9.16113 2.05622 7.10492 0 4.58057 0ZM4.58057 0.916113C6.60981 0.916113 8.24502 2.55132 8.24502 4.58057C8.24502 6.60981 6.60981 8.24502 4.58057 8.24502C2.55132 8.24502 0.916113 6.60981 0.916113 4.58057C0.916113 2.55132 2.55132 0.916113 4.58057 0.916113Z" fill="black"/> 135 </svg> 136 </div> 137 <div class="search-bar-wrp"> 138 <svg width="25" height="25" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 139 <path d="M4.58057 0C2.05622 0 0 2.05622 0 4.58057C0 7.10492 2.05622 9.16113 4.58057 9.16113C5.6783 9.16113 6.68643 8.77132 7.47652 8.12424L10.2114 10.8592C10.2537 10.9031 10.3042 10.9382 10.3601 10.9624C10.4161 10.9866 10.4763 10.9994 10.5372 11C10.5982 11.0006 10.6586 10.9891 10.715 10.966C10.7715 10.943 10.8227 10.9089 10.8658 10.8658C10.9089 10.8227 10.943 10.7715 10.966 10.715C10.9891 10.6586 11.0006 10.5982 11 10.5372C10.9994 10.4763 10.9866 10.4161 10.9624 10.3601C10.9382 10.3042 10.9031 10.2537 10.8592 10.2114L8.12424 7.47652C8.77132 6.68643 9.16113 5.6783 9.16113 4.58057C9.16113 2.05622 7.10492 0 4.58057 0ZM4.58057 0.916113C6.60981 0.916113 8.24502 2.55132 8.24502 4.58057C8.24502 6.60981 6.60981 8.24502 4.58057 8.24502C2.55132 8.24502 0.916113 6.60981 0.916113 4.58057C0.916113 2.55132 2.55132 0.916113 4.58057 0.916113Z" fill="black"/> 140 </svg> 141 <!--<form method="GET" action="search.php">--> 142 <input type="search" class="search-field" name="q" id="newsSearch" placeholder="Search..." onchange="VisiblesearchButton()"> 143 <button class="search-btn" id="search-btn" onClick="searchBarAction()">Search</button> 144 <!--</form>--> 145 </div> 146</div> 147 148 </div> 149 <div class="social-links d-none d-xl-block"> 150 <div class="icon-links"> 151 <a class="social-link" href="https://web.facebook.com/hirunews?_rdc=1&_rdr" target="_blank"> 152 <img src="https://hirunews.lk/revampDesign/assets/icons/facebook.svg" alt="facebook"> 153 </a> 154 <a class="social-link" href="https://www.youtube.com/c/HiruNewsOfficial" target="_blank"> 155 <img src="https://hirunews.lk/revampDesign/assets/icons/youtube.svg" alt="youtube"> 156 </a> 157 <a class="social-link" href="https://www.tiktok.com/@hirunews?_t=8aYLUS2LtHG&_r=1" target="_blank"> 158 <img src="https://hirunews.lk/revampDesign/assets/icons/tik_tok.svg" alt="tiktok"> 159 </a> 160 <a class="social-link" href="https://www.instagram.com/hirunews/" target="_blank"> 161 <img src="https://hirunews.lk/revampDesign/assets/icons/instagram.svg" alt="instagram"> 162 </a> 163 <a class="social-link" href="https://www.threads.com/@hirunews" target="_blank"> 164 <img src="https://hirunews.lk/revampDesign/assets/icons/threads_v2.svg" alt="threads"> 165 </a> 166 <a class="social-link" href="https://x.com/hirunews" target="_blank"> 167 <img src="https://hirunews.lk/revampDesign/assets/icons/x.svg" alt="x"> 168 </a> 169 <a class="social-link" href="https://whatsapp.com/channel/0029Va9VQkmKGGGGn3oDPS15" target="_blank"> 170 <img src="https://hirunews.lk/revampDesign/assets/icons/whatsapp.svg" alt="whatsapp"> 171 </a> 172 <a class="social-link" href="https://t.me/hirunewsofficial" target="_blank"> 173 <img src="https://hirunews.lk/revampDesign/assets/icons/telegram.svg" alt="telegram"> 174 </a> 175 </div> </div> 176 </div> 177 </div> 178 </div> 179 </div> 180 </div> 181 </div> 182 </div> 183</header> 184<div class="sticky-social-media-content"> 185 <div class="social-links d-block d-xl-none"> 186 <div class="icon-links"> 187 <a class="social-link" href="https://web.facebook.com/hirunews?_rdc=1&_rdr" target="_blank"> 188 <img src="https://hirunews.lk/revampDesign/assets/icons/facebook.svg" alt="facebook"> 189 </a> 190 <a class="social-link" href="https://www.youtube.com/c/HiruNewsOfficial" target="_blank"> 191 <img src="https://hirunews.lk/revampDesign/assets/icons/youtube.svg" alt="youtube"> 192 </a> 193 <a class="social-link" href="https://www.tiktok.com/@hirunews?_t=8aYLUS2LtHG&_r=1" target="_blank"> 194 <img src="https://hirunews.lk/revampDesign/assets/icons/tik_tok.svg" alt="tiktok"> 195 </a> 196 <a class="social-link" href="https://www.instagram.com/hirunews/" target="_blank"> 197 <img src="https://hirunews.lk/revampDesign/assets/icons/instagram.svg" alt="instagram"> 198 </a> 199 <a class="social-link" href="https://www.threads.com/@hirunews" target="_blank"> 200 <img src="https://hirunews.lk/revampDesign/assets/icons/threads_v2.svg" alt="threads"> 201 </a> 202 <a class="social-link" href="https://x.com/hirunews" target="_blank"> 203 <img src="https://hirunews.lk/revampDesign/assets/icons/x.svg" alt="x"> 204 </a> 205 <a class="social-link" href="https://whatsapp.com/channel/0029Va9VQkmKGGGGn3oDPS15" target="_blank"> 206 <img src="https://hirunews.lk/revampDesign/assets/icons/whatsapp.svg" alt="whatsapp"> 207 </a> 208 <a class="social-link" href="https://t.me/hirunewsofficial" target="_blank"> 209 <img src="https://hirunews.lk/revampDesign/assets/icons/telegram.svg" alt="telegram"> 210 </a> 211 </div> </div> 212</div> 213<div class="mobile-menu"> 214 <div class="menu-wrp"> 215 <div class="container"> 216 <nav class="nav-primary"> 217 <div class="menu-main-menu-container"> 218 <ul id="menu-main-menu-1" class="nav"> 219 <li class="menu-item"> 220 <a href="https://hirunews.lk/">Home</a> 221 </li> 222 <li class="menu-item"> 223 <a href="https://hirunews.lk/news_listing.php?category=General">Local</a> 224 </li> 225 <li class="menu-item"> 226 <a href="https://hirunews.lk/news_listing.php?category=International">World</a> 227 </li> 228 <li class="menu-item"> 229 <a href="https://hirunews.lk/news_listing.php?category=Entertainment">Entertainment</a> 230 </li> 231 <li class="menu-item"> 232 <a href="https://hirunews.lk/news_listing.php?category=Business">Business</a> 233 </li> 234 <li class="menu-item"> 235 <a href="https://hirunews.lk/news_listing.php?category=Sports">Sports</a> 236 </li> 237 <li class="menu-item"> 238 <a href="https://hirunews.lk/contact_obituaries.php">Obituaries</a> 239 </li> 240 </ul> 241 </div> 242 </nav> 243 </div> 244 </div> 245</div> 246 247 248 249 250 251 <!--<section class="global_banner">--> 252 <div class="section-inner-wrp"> 253 <div class="container"> 254 <div class="search-bar-com"> 255 </div> 256 <!--<div class="page-title-wrp mt-5 pt-2 mb-4 pb-4">--> 257 <!-- <h2 class="page-title mt-5" style="text-align:center;">--> 258 <!-- à¶ à·à¶¸à¶à¶à¶½à·âය දà·à¶±à·à·à·à¶¸à· à¶´à· à¶à¶»à·à· à¶à·à¶±à·à¶¸ à·à¶³à·
258෠චමà¶à¶±à·à¶±--> 259 <!-- </h2>--> 260 <!-- <br/>--> 261 <!-- <h2 class="page-title pb-4" style="color:red; text-align:center;">--> 262 <!-- +94 77 726 7302--> 263 <!-- </h2>--> 264 <!--</div>--> 265 </div> 266 </div> 267 <!--</section>--> 268 269 <div class="container banner-img-container"> 270 <a href="tel:+94777267302"><img src="https://hirunews.lk/revampDesign/assets/orbit-main-banner-1920.gif" alt="Obituaries Banner" class="banner-img" srcset="https://hirunews.lk/revampDesign/assets/orbit-main-banner-350.gif 600w, https://hirunews.lk/revampDesign/assets/orbit-main-banner-1920.gif 1200w" sizes="(max-width: 600px) 350px, 100vw" style="width:100%;height:auto;display:block;border-radius:10px;margin-bottom:1rem;margin-top:1rem;object-fit:cover;" /></a> 271 <!-- <div class="page-title-wrp pt-2 pb-4 text-center"> 272 <div class="container"> 273 <h2 class="page-title mt-2" style="margin-bottom:0.5rem;"> 274 à¶ à·à¶¸à¶à¶à¶½à·âය දà·à¶±à·à·à·à¶¸à· à¶´à· à¶à¶»à·à· à¶à·à¶±à·à¶¸ à·à¶³à·
274෠චමà¶à¶±à·à¶±. 275 </h2> 276 <h2 class=""><a href="tel:+94777267302" style="color: red;">+94 77 726 7302</a></h2> 277 </div> 278 </div> --> 279 </div> 280 281 <!-- Recent obituaries list --> 282 <section class="recent-obituaries py-4"> 283 <div class="container"> 284 <div class="heading-wrp"> 285 <div class="title-wrp"> 286 <h5>මරණ දà·à¶±à·à·à·à¶¸à· à·à· à¶ à¶±à·à·à·à¶¸à¶»à¶«</h5> 287 </div> 288 </div> 289 290 291 292 <!-- Helper function to render obituary card (like React component) --> 293 294 <style> 295 /* Modern Obituaries Layout - UI/UX Best Practices */ 296 297 /* Container and Section Spacing */ 298 .recent-obituaries { 299 background: #fafafa; 300 border-radius: 12px; 301 padding: 2rem 0; 302 margin: 2rem 0; 303 } 304 305 /* .recent-obituaries .container { 306 max-width: 1200px; 307 } */ 308 309 /* Post Container with Card Design */ 310 .obit-post { 311 border-radius: 12px; 312 padding: 2rem; 313 margin-bottom: 2rem; 314 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); 315 transition: box-shadow 0.3s ease, transform 0.2s ease; 316 display: flex; 317 margin-left: 0px; 318 margin-right: 0px; 319 align-items: start; 320 } 321 322 /* .obit-post:hover { 323 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12); 324 transform: translateY(-2px); 325 } */ 326 327 /* Typography Hierarchy */ 328 .obit-title { 329 font-size: 1.5rem; 330 font-weight: 600; 331 color: #2c3e50; 332 margin-bottom: 1rem; 333 line-height: 1.3; 334 } 335 336 /* Badge Styling */ 337 .obit-badge { 338 display: inline-block; 339 padding: 6px 12px; 340 border-radius: 20px; 341 font-size: 0.8rem; 342 font-weight: 600; 343 margin-bottom: 1.25rem; 344 text-transform: uppercase; 345 letter-spacing: 0.5px; 346 } 347 348 .obit-badge.obituary { 349 background: #A61B1F; 350 color: white; 351 } 352 353 .obit-badge.remembrance { 354 background: #ECB925; 355 color: white; 356 border: 1px solid #dee2e6; 357 } 358 359 /* Meta Information Layout */ 360 .obit-meta-line { 361 display: flex; 362 justify-content: space-between; 363 align-items: center; 364 padding: 0.75rem 0; 365 border-bottom: 1px solid #f0f0f0; 366 margin-bottom: 1rem; 367 } 368 369 .obit-meta-line strong { 370 font-size: 17px; 371 color: #2c3e50; 372 font-weight: bold; 373 } 374 375 .obit-meta-line .left, 376 .obit-meta-line .right { 377 flex: 1; 378 font-size: 0.9rem; 379 color: #5a6c7d; 380 } 381 382 .obit-meta-line .right { 383 text-align: right; 384 } 385 386 .obit-meta-line strong { 387 color: #2c3e50; 388 font-weight: 600; 389 font-size: 17px; 390 } 391 392 /* Description Styling */ 393 .obit-description { 394 color: #4a5568; 395 line-height: 1.7; 396 font-size: 1rem; 397 margin-bottom: 1.25rem; 398 text-align: justify;
399 } 400 401 /* Footer Information */ 402 .obit-footer-line { 403 display: flex; 404 justify-content: space-between; 405 align-items: center; 406 padding: 0.75rem 0; 407 border-top: 1px solid #f0f0f0; 408 background: #f3f3f3; 409 /* margin: 1rem -2rem -2rem -2rem; */ 410 padding: 1rem 2rem; 411 border-radius: 12px; 412 } 413 414 .obit-footer-line .left, 415 .obit-footer-line .right { 416 flex: 1; 417 font-size: 0.9rem; 418 color: #5a6c7d; 419 } 420 421 .obit-footer-line .right { 422 text-align: right; 423 } 424 425 .obit-footer-line strong { 426 color: #2c3e50; 427 font-weight: 600; 428 } 429 430 /* Image Styling */ 431 .obit-image-container { 432 display: flex; 433 justify-content: center; 434 align-items: center; 435 padding-left: 2rem; 436 height: 100%; 437 } 438 439 .obit-image { 440 width: 100%; 441 max-width: 400px; 442 height: auto; 443 aspect-ratio: 1/1; 444 object-fit: cover; 445 border-radius: 12px; 446 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 447 border: 3px solid #ffffff; 448 } 449 450 /* Post Separator */ 451 .obit-separator { 452 height: 1px; 453 background: linear-gradient(90deg, transparent 0%, #ddd 20%, #bbb 50%, #ddd 80%, transparent 100%); 454 margin: 3rem 0; 455 position: relative; 456 } 457 458 .obit-separator::after { 459 content: "â¦"; 460 position: absolute; 461 left: 50%; 462 top: 50%; 463 transform: translate(-50%, -50%); 464 background: #ffffff; 465 padding: 0 1rem; 466 color: #bbb; 467 font-size: 1.2rem; 468 } 469 470 /* Responsive Design */ 471 @media (max-width: 991.98px) { 472 .obit-image-container { 473 padding-left: 0; 474 margin-top: 1.5rem; 475 height: auto; 476 } 477 478 .obit-post { 479 padding: 1.5rem; 480 flex-direction: column; 481 } 482 483 .obit-footer-line { 484 padding: 1rem 1.5rem; 485 } 486 } 487 488 @media (max-width: 767.98px) { 489 .obit-title-row { 490 flex-direction: column; 491 align-items: center; 492 gap: 0.5rem; 493 margin-bottom: 1.25rem; 494 } 495 496 .obit-title-row .obit-title { 497 text-align: center; 498 font-size: 1.3rem; 499 } 500 501 .obit-title-row .obit-badge { 502 display: block; 503 margin-left: auto; 504 margin-right: auto; 505 font-size: 0.7rem; 506 padding: 4px 10px; 507 border-radius: 14px; 508 text-align: center; 509 } 510 511 .obit-meta-line, 512 .obit-footer-line { 513 flex-direction: column; 514 gap: 0.5rem; 515 text-align: left; 516 } 517 518 .obit-meta-line .right, 519 .obit-footer-line .right { 520 text-align: center; 521 } 522 523 .obit-meta-line .right, 524 .obit-footer-line .left { 525 text-align: center; 526 } 527 528 529 .obit-meta-line { 530 padding: 1rem 0; 531 } 532 533 .obit-image { 534 max-width: 300px; 535 } 536 537 .recent-obituaries { 538 margin: 1rem 0; 539 border-radius: 0; 540 padding: 1.5rem 0; 541 } 542 543 .obit-post { 544 padding: 1.25rem; 545 border-radius: 8px; 546 margin-bottom: 1.5rem; 547 flex-direction: column; 548 } 549 550 .obit-footer-line { 551 552 padding: 1rem 1.25rem; 553 border-radius: 0 0 8px 8px; 554 } 555 556 /* Show image first, details second in mobile */ 557 .obit-post { 558 display: flex; 559 flex-direction: column; 560 } 561 562 .obit-post>.col-12.col-lg-5 { 563 order: 1; 564 margin-bottom: 20px; 565 } 566 567 .obit-post>.col-12.col-lg-7 { 568 order: 2; 569 } 570 } 571 572 @media (max-width: 575.98px) { 573 .obit-description { 574 text-align: justify;
575 } 576 577 .obit-separator { 578 margin: 2rem 0; 579 } 580 } 581 582 /* Focus and Accessibility */ 583 .obit-post:focus-within { 584 outline: 2px solid #667eea; 585 outline-offset: 2px; 586 } 587 588 /* Print Styles */ 589 @media print { 590 .obit-post { 591 box-shadow: none; 592 border: 1px solid #ccc; 593 break-inside: avoid; 594 margin-bottom: 2rem; 595 } 596 597 .obit-separator { 598 display: none; 599 } 600 } 601 602 @media (max-width: 600px) { 603 .banner-img { 604 content: url('https://hirunews.lk/revampDesign/assets/orbit-main-banner-350.gif'); 605 min-width: 0; 606 max-width: 100%; 607 height: auto; 608 } 609 } 610 611 @media (min-width: 600px) and (max-width: 900px) { 612 .banner-img { 613 content: url('https://hirunews.lk/revampDesign/assets/orbit-main-banner-750.gif'); 614 min-width: 0; 615 max-width: 100%; 616 height: auto; 617 } 618 } 619 620 .obit-title-row { 621 display: flex; 622 align-items: center; 623 gap: 0.75rem; 624 margin-bottom: 1rem; 625 } 626 627 .obit-title-row .obit-title { 628 margin-bottom: 0; 629 flex: 1; 630 } 631 632 .obit-title-row .obit-badge { 633 font-size: 0.65rem; 634 padding: 3px 8px; 635 border-radius: 12px; 636 margin-bottom: 0; 637 margin-left: 0.5rem; 638 align-self: flex-start; 639 } 640 641 @media (max-width: 767.98px) { 642 .obit-title-row .obit-badge { 643 display: block; 644 margin-left: auto; 645 margin-right: auto; 646 font-size: 0.7rem; 647 padding: 4px 10px; 648 border-radius: 14px; 649 text-align: center; 650 } 651 } 652 </style> 653 654 <div class="alert alert-danger text-center"><h5>ම෠චà·à·à·à¶®à·à·à· මරණ දà·à¶±à·à·à·à¶¸à· à¶±à·à¶¸à·à¶.</h5><p>à¶à¶»à·à¶«à·à¶à¶» à¶´à·à·à· à¶±à·à·à¶ à¶´à¶»à·à¶à·à·à· à¶à¶»à¶±à·à¶± à·à· මරණ දà·à¶±à·à·à·à¶¸à· à¶´à· à¶à·à¶»à·à¶¸à¶§ à¶ à¶´ à·à· à·à¶¸à·à¶¶à¶±à·à¶° à·à¶±à·à¶±.</p></div> </div> 655 </section> 656 657 658<footer> 659 <div class="container"> 660 <div class="section-inner-wrp"> 661 <div class="section-top"> 662 <div class="row"> 663 <div class="links-col col-sm-6 col-lg-3"> 664 <h5 class="col-title">News</h5> 665 <ul class="fnav-list"> 666 <li> 667 <a class="fnav-item" href="/news_listing.php?category=General">Local News</a> 668 </li> 669 <li> 670 <a class="fnav-item" href="/news_listing.php?category=International">International News</a> 671 </li> 672 <li> 673 <a class="fnav-item" href="/news_listing.php?category=Business">Business News</a> 674 </li> 675 <li> 676 <a class="fnav-item" href="/news_listing.php?category=Sports">Sports News</a> 677 </li> 678 <li> 679 <a class="fnav-item" href="/news_listing.php?category=Entertainment">Entertainment News</a> 680 </li> 681 <li> 682 <a class="fnav-item" href="/webupload.php">Reports</a> 683 </li> 684 </ul> 685 </div> 686 <div class="links-col col-sm-6 col-lg-3"> 687 <h5 class="col-title">Political</h5> 688 <ul class="fnav-list"> 689 <li> 690 <a class="fnav-item" href="https://www.hirutv.lk/balaya">Balaya</a> 691 </li> 692 <li> 693 <a class="fnav-item" href="https://www.hirutv.lk/salakuna">Salakuna</a> 694 </li> 695 <li> 696 <a class="fnav-item" href="/all-hard-talk.php">Hard Talk</a> 697 </li> 698 </ul> 699 </div> 700 <div class="links-col col-sm-6 col-lg-3"> 701 <h5 class="col-title">TV News</h5> 702 <ul class="fnav-list"> 703 <li> 704 <a class="fnav-item" href="/news-7.php">Hiru TV News 6.55</a> 705 </li> 706 <li> 707 <a class="fnav-item" href="/news-10.php">Hiru TV News 9.55</a> 708 </li> 709 <li> 710 <a class="fnav-item" href="/news-12.php">Hiru TV News 11.55</a> 711 </li> 712 <li> 713 <a class="fnav-item" href="/hirutv-news-cia.php">Hiru CIA</a> 714 </li> 715 <li> 716 <a class="fnav-item" href="/hirutv-news-red-minute.php">Rathu Miniththuwa</a> 717 </li> 718 <li> 719 <a class="fnav-item" href="/all-one2one.php">One 2 One</a> 720 </li> 721 <li> 722 <a class="fnav-item" href="/hirutv-news-beyond-the-line.php">Beyond The Line</a> 723 </li> 724 <li> 725 <a class="fnav-item" href="/hirutv-news-dinana-lamai.php">Dinana Lamai</a> 726 </li> 727 <li> 728 <a class="fnav-item" href="/hirutv-news-hot-sp
728ot.php">Hot Spot</a> 729 </li> 730 <li> 731 <a class="fnav-item" href="/hirutv-news-mathi-sabaya.php">Mathi Sabaya</a> 732 </li> 733 </ul> 734 </div> 735 <div class="links-col col-sm-6 col-lg-3"> 736 <h5 class="col-title">Media Network</h5> 737 <ul class="fnav-list"> 738 <li> 739 <a class="fnav-item" href="https://www.hirutv.lk/">Hiru TV</a> 740 </li> 741 <li> 742 <a class="fnav-item" href="https://www.hirufm.lk/">Hiru FM</a> 743 </li> 744 <li> 745 <a class="fnav-item" href="http://www.sunfm.lk/">Sun FM</a> 746 </li> 747 <li> 748 <a class="fnav-item" href="http://www.sooriyanfm.lk/">Sooriyan FM</a> 749 </li> 750 <li> 751 <a class="fnav-item" href="http://www.goldfm.lk/">Gold FM</a> 752 </li> 753 <li> 754 <a class="fnav-item" href="http://www.shaafm.lk/">Shaa FM</a> 755 </li> 756 <li> 757 <a class="fnav-item" href="http://www.asiabroadcasting.lk/">Asia Broadcasting Home</a> 758 </li> 759 </ul> 760 </div> 761 </div> 762 </div> 763 <div class="section-middle"> 764 <div class="content-wrp"> 765 <div class="logo-area"> 766 <a class="logo-wrp"> 767 <img class="site-logo" src="https://hirunews.lk/revampDesign/assets/logos/logo-3.png" alt="Hiru News"> 768 </a> 769 <div class="optional-action-wrp d-block d-md-none"> 770 <a class="live-tv-btn" href="https://www.hirutv.lk/hiruyoutubelive.php"> 771 <div class="circle-rings-animation"> 772 <div class="animation-item"></div> 773 <div class="animation-item"></div> 774 <div class="animation-item"></div> 775 </div> 776 <p>WATCH LIVE</p> 777 </a> 778 </div> 779 </div> 780 <div class="optional-links"> 781 <div class="optional-action-wrp d-none d-md-block"> 782 <a class="live-tv-btn" href="https://www.hirutv.lk/hiruyoutubelive.php"> 783 <div class="circle-rings-animation"> 784 <div class="animation-item"></div> 785 <div class="animation-item"></div> 786 <div class="animation-item"></div> 787 </div> 788 <p>WATCH LIVE</p> 789 </a> 790 </div> 791 <div class="social-links vertical"> 792 <span class="title">Follow us</span> 793 <div class="icon-links"> 794 <a class="social-link" href="FaceBook"> 795 <img src="https://hirunews.lk/revampDesign/assets/icons/facebook.svg" alt="FaceBook"> 796 </a> 797 <a class="social-link" href="YouTube"> 798 <img src="https://hirunews.lk/revampDesign/assets/icons/youtube.svg" alt="YouTube"> 799 </a> 800 <a class="social-link" href="Instagram"> 801 <img src="https://hirunews.lk/revampDesign/assets/icons/instagram.svg" alt="Instagram"> 802 </a> 803 <a class="social-link" href="Telegram"> 804 <img src="https://hirunews.lk/revampDesign/assets/icons/telegram.svg" alt="Telegram"> 805 </a> 806 <a class="social-link" href="What'sApp"> 807 <img src="https://hirunews.lk/revampDesign/assets/icons/whatsapp.svg" alt="What'sApp"> 808 </a> 809 <a class="social-link" href="TikTok"> 810 <img src="https://hirunews.lk/revampDesign/assets/icons/tik_tok.svg" alt="TikTok"> 811 </a> 812 <a class="social-link" href="X"> 813 <img src="https://hirunews.lk/revampDesign/assets/icons/x.svg" alt="X"> 814 </a> 815 </div> 816 </div> 817 </div> 818 </div> 819 </div> 820 <div class="section-bottom"> 821 <ul class="navigation-wrp"> 822 <li> 823 <a class="nav-item" href="">Home</a> 824 </li> 825 <li> 826 <a class="nav-item" href="news_listing.php?category=General">Local</a> 827 </li> 828 <li> 829 <a class="nav-item" href="news_listing.php?category=International">World</a> 830 </li> 831 <li> 832 <a class="nav-item" href="news_listing.php?category=Entertainment">Entertainment</a> 833 </li> 834 <li> 835 <a class="nav-item" href="news_listing.php?category=Business">Business</a> 836 </li> 837 <li> 838 <a class="nav-item" href="news_listing.php?category=Sports">Sports</a> 839 </li> 840 <li> 841 <a class="nav-item" href="contact_obituaries.php">Obituaries</a> 842 </li> 843 </ul> 844 <div class="policy-wrp"> 845 <div class="text-content"> 846 <p class="by-text">©2026 All rights Reserved. Asia Broadcasting Corporation Private Limited</br>Developed by <a target="_blank" href="https://infoxty.com">Infoxty Technologies</a>.</p> 847 </div> 848 <div class="logo-content"> 849 <img src="https://hirunews.lk/revampDesign/assets/logos/abc-companies.png" alt="Asia Broadcasting Corporation Private Limited"> 850 </div> 851 </div> 852 </div> 853 </div> 854 </div> 855</footer> 856
856<script> 857 const HTTP_PATH = "https://hirunews.lk/"; 858 const CDN_PATH = "https://cdn.hirunews.lk/"; 859 const NEWS_CATEGORY = ""; 860 let currentPage = 1; 861 let isLoading = false; 862 const newsCardsContainer = document.getElementById('news-cards'); 863 const loadingSpinner = document.getElementById('loading-spinner'); 864 let isFetching = false; 865 866 function truncateText(text, limit) { 867 if (text.length <= limit) return text; 868 869 let truncated = text.slice(0, limit); 870 let lastSpace = truncated.lastIndexOf(" "); 871 872 if (lastSpace > 0) { 873 truncated = truncated.slice(0, lastSpace); // Avoid cutting words 874 } 875 876 return truncated + "..."; // Append ellipsis 877 } 878 879 function decodeHtml(html) { 880 const textArea = document.createElement('textarea'); 881 textArea.innerHTML = html; 882 return textArea.value; 883 } 884 885 async function fetchNews(page) { 886 // if (isFetching) return; 887 // isFetching = true; 888 loadingSpinner.style.display = 'block'; 889 890 try { 891 const response = await fetch(`./api/fetch_news.php?page=${page}&category=${NEWS_CATEGORY}`); 892 if (!response.ok) throw new Error('Failed to fetch news'); 893 894 const newsList = await response.json(); 895 896 if (newsList.length === 0) { 897 window.removeEventListener('scroll', handleScroll); 898 const noMoreNewsMessage = document.createElement('p'); 899 noMoreNewsMessage.textContent = "No more news to load."; 900 newsCardsContainer.appendChild(noMoreNewsMessage); 901 return; 902 } 903 904 newsList.forEach(news => { 905 const imageSrc = news.sin_image 906 ? `${CDN_PATH}Data/News_Images/${news.sin_image}` 907 : `${CDN_PATH}Data/News_Images/${news.art_image}`; 908 909 const title = decodeHtml(news.sinhala_title); 910 const story = truncateText(decodeHtml(news.sinhala_story), 150); 911 const addedDate = news.sinhala_added_date.split(" ")[0]; 912 913 const cardHTML = ` 914 <div class="col-sm-6 col-lg-4 col-xl-3 p-3"> 915 <a class="card-v4 listed" href="${news.seourltitle}"> 916 <div class="card-inner-wrp"> 917 <div class="image-wrp"> 918 <img src="${imageSrc}" alt="${title}"> 919 </div> 920 <div class="content-wrp"> 921 <div class="content-top"> 922 <div class="text-content-wrp"> 923 <h4 class="title card-title-v4">${title}</h4> 924 <div class="description">${story}</div> 925 </div> 926 <br/> 927 <div class="description">${addedDate}</div> 928 </div> 929 <div class="content-bottom"> 930 <div class="btn-read-more">Read more</div> 931 </div> 932 </div> 933 </div> 934 </a> 935 </div>`; 936 newsCardsContainer.insertAdjacentHTML('beforeend', cardHTML); 937 }); 938 } catch (error) { 939 console.error('Error fetching news:', error); 940 } finally { 941 loadingSpinner.style.display = 'none'; 942 isFetching = false; 943 } 944 } 945 946 function handleScroll() { 947 if (window.innerHeight + window.scrollY >= document.body.offsetHeight - 500 && !isFetching) { 948 isFetching = true; 949 currentPage++; 950 fetchNews(currentPage); 951 } 952 } 953 954 // Initial load 955 fetchNews(currentPage); 956 window.addEventListener('scroll', handleScroll); 957 </script>
957 958 959 <!-- libs links - start -->
960<script> 961 document.addEventListener("DOMContentLoaded", function() { 962 const searchField = document.querySelector(".search-field"); 963 const searchButton = document.querySelector(".search-btn"); 964 965 searchField.addEventListener("input", function() { 966 if (this.value.trim().length > 0) { 967 searchButton.style.visibility = "visible"; // Show the button 968 } else { 969 searchButton.style.visibility = "hidden"; // Hide the button 970 } 971 }); 972 }); 973 974// $(document).ready(function() { 975 // Add smooth scrolling to all links 976 $("a").on('click', function(event) { 977 978 // Make sure this.hash has a value before overriding default behavior 979 if (this.hash !== "") { 980 // Prevent default anchor click behavior 981 event.preventDefault(); 982 983 // Store hash 984 var hash = this.hash; 985 986 // Get the height of the fixed header 987 var headerHeight = $("header").outerHeight(); // Adjust selector for your header 988 989 // Using jQuery's animate() method to add smooth page scroll 990 $('html, body').animate({ 991 scrollTop: $(hash).offset().top - headerHeight // Adjust for header height 992 }, 1600, function() { 993 994 // Add hash (#) to URL when done scrolling (default click behavior) 995 window.location.hash = hash; 996 }); 997 } // End if 998 }); 999// }); 1000</script>
1000 1001
1002<script src="https://hirunews.lk/revampDesign/libs/jquery/jquery.min.js"></script>
vendor: 2 bytes, line 1002
1002
1003<script src="https://hirunews.lk/revampDesign/libs/flickity/flickity.pkgd.min.js"></script>
1003 1004 1005<!-- libs links - end --> 1006 1007<!-- custom links - start -->
1008<script src="https://hirunews.lk/revampDesign/js/layouts/header.js?asd=1790919962"></script>
vendor: 2 bytes, line 1008
1008
1009<script src="https://hirunews.lk/revampDesign/js/layouts/footer.js?asd=1790919962"></script>
vendor: 2 bytes, line 1009
1009
1010<script src="https://hirunews.lk/revampDesign/js/components/newsMarquee.js?asd=1790919962"></script>
vendor: 2 bytes, line 1010
1010
1011<script src="https://hirunews.lk/revampDesign/js/components/newsCardsSlider.js?asd=1790919962"></script>
1011 1012 1013<!-- custom links - end --></body> 1014 1015</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.