1 2 3 4 <!DOCTYPE html> 5 <html lang="en" data-font-scheme="ibmp"> 6 7 8<head> 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 <meta name="viewport" content="width=device-width, initial-scale=1"> 12 13 <link rel="shortcut icon" type="image/png" href="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/favicon/favicons/KEITHSTON_-_2025-04-28T180341.147_LbXq3Y6_L094bJl_CvBusp1.png"> 14 15 16 <title>'There is no end in sight': Displaced Thai residents worry about tomorrow after renewed fighting with Cambodia.</title> 17 <meta name="description" content="Residents like Rangsan Angda and his community in frontier regions of Thailand had made ready their belongings, worried that a truce with neighboring Cambo"> 18 <link href="/static/blogapp/assets/css/themify-icons.css" rel="stylesheet"> 19 <link href="/static/blogapp/assets/css/flaticon.css" rel="stylesheet"> 20 <link href="/static/blogapp/assets/css/bootstrap.min.css" rel="stylesheet"> 21 <link href="/static/blogapp/assets/css/animate.css" rel="stylesheet"> 22 <link href="/static/blogapp/assets/css/owl.carousel.css" rel="stylesheet"> 23 <link href="/static/blogapp/assets/css/owl.theme.css" rel="stylesheet"> 24 <link href="/static/blogapp/assets/css/slick.css" rel="stylesheet"> 25 <link href="/static/blogapp/assets/css/slick-theme.css" rel="stylesheet"> 26 <link href="/static/blogapp/assets/css/swiper.min.css" rel="stylesheet"> 27 <link href="/static/blogapp/assets/css/owl.transitions.css" rel="stylesheet"> 28 <link href="/static/blogapp/assets/css/jquery.fancybox.css" rel="stylesheet"> 29 <link href="/static/blogapp/assets/css/odometer-theme-default.css" rel="stylesheet"> 30 <link href="/static/blogapp/assets/css/component.css" rel="stylesheet"> 31 <link href="/static/blogapp/assets/sass/style.css" rel="stylesheet"> 32 <link href="/static/blogapp/assets/sass/layout/navbar.css" rel="stylesheet"> 33 <link href="/static/blogapp/assets/css/responsive.css" rel="stylesheet"> 34 <link href="/static/blogapp/assets/sass/fonts.css" rel="stylesheet"> 35 <link rel="canonical" href="https://gymtalks.ae/there-is-no-end-in-sight-displaced-thai-residents-worry-about-tomorrow-after-renewed-fighting-with-cambodia/"> 36 <!-- Dynamic CSS Override --> 37 38<style> 39 :root { 40 /* Bootstrap 5 Color Overrides */ 41 --bs-primary: #6a0dad; 42 --bs-primary-rgb: 6a0dad; 43 --bs-secondary: #6b7280; 44 --bs-success: #2dd4bf; 45 --bs-danger: #f43f5e; 46 --bs-warning: #f59e0b; 47 --bs-info: #60a5fa; 48 --bs-light: #f3e8ff; 49 --bs-dark: #2e1065; 50 51 /* Your SCSS Variables Override */ 52 --theme-primary-color: #6a0dad; 53 --theme-primary-color-s2: #6a0dad; 54 --body-bg-color: #ffffff; 55 --section-bg-color: #f9faff; 56 --text-color: #2e1065; 57 --text-light-color: #676767; 58 --heading-color: #2e1065; 59 --border-color: #d6bcfa; 60 --border-color-s2: #eef0fc; 61 --border-color-black: #3c3c40; 62 --body-color: #777777; 63 --small-black: #777777; 64 --light: #8188a9; 65 --cyan: #848892; 66 --black-section-text-color: #CBCBCB; 67 --black-bg-color: #202026; 68 --black-bg-color-s2: #2C2C32; 69 --dark-gray: #232f4b; 70 71 /* Component Specific Colors (Bootstrap + Your SCSS) */ 72 --navbar-bg: #ffffff; 73 --nav-bg: #ffffff; 74 --sub-nav: #e9d5ff; 75 --navbar-color: #2e1065; 76 --topbar-bg: #f3e8ff; 77 --topbar-color: #2e1065; 78 --footer-bg: #2e1065; 79 --footer-color: #ffffff; 80 --card-bg: #ffffff; 81 --card-border: #d6bcfa; 82 --card-radius: 12px; 83 --link-color: #6a0dad; 84 --link-hover: #570b8a; 85 --blog-color: #ffffff; 86 --blog-bg: rgba(106, 13, 173, 0.1); 87 88 /* Simplified Font System */ 89 --border-radius: 12px; 90 91 /* Bootstrap Font Override - Uses CSS font system from fonts.css */ 92 --bs-font-sans-serif: var(--font-primary); 93 } 94 95 /* Font Override - Let CSS font system handle fonts via data-font-scheme */ 96 body { 97 /* Remove font-family override - let data-font-scheme handle it */ 98 font-weight: 400; 99 color: var(--text-color) !important; 100 101 background-color: var(--body-bg-color) !important; 102 103 min-height: 100vh; 104 } 105 106 /* Headings - Let CSS font system handle fonts via data-font-scheme */ 107 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 108 /* Remove font-family override - let data-font-scheme handle it */ 109 font-weight: 600; 110 color: var(--heading-color) !important; 111 } 112 113 /* Bootstrap Primary Color Throughout Site */ 114 .btn-primary { 115 background-color: var(--bs-primary) !important; 116 border-color: var(--bs-primary) !important; 117 transition: all 0.3s ease; 118 } 119 120 .btn-primary:hover { 121 background-color: var(--theme-primary-color-s2) !important; 122 border-color: var(--theme-primary-color-s2) !important; 123 transform: translateY(-2px); 124 box-shadow: 0 5px 15px rgba(var(--bs-primary-rgb), 0.4); 125 } 126 127 .btn-outline-primary { 128 color: var(--bs-primary) !important; 129 border-color: var(--bs-primary) !important; 130 } 131 132 .btn-outline-primary:hover { 133 background-color: var(--bs-primary) !important; 134 border-color: var(--bs-primary) !important; 135 } 136 137 .text-primary { 138 color: var(--bs-primary) !important; 139 } 140 141 .bg-primary { 142 background-color: var(--bs-primary) !important; 143 } 144 145 /* Your Navigation System */ 146 .navigation.navbar, 147 .navbar { 148 149 background-color: var(--navbar-bg) !important ; 150 151 /* Remove font-family override - let data-font-scheme handle it */ 152 153 border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important ; 154 } 155 156 .navigation.navbar .fluid-container{ 157 min-height: 60px; 158 } 159 160 .navigation .navbar-brand, 161 .navigation .navbar-nav .nav-link, 162 .navbar-brand, 163 nav a, 164 .navbar-nav .nav-link { 165 color: var(--navbar-color) !important; 166 /* Remove font-family override - let data-font-scheme handle it */ 167 transition: all 0.3s ease; 168 } 169 170 .navigation .navbar-nav .nav-link:hover, 171 .navbar-nav .nav-link:hover, 172 nav a:hover, 173 .navigation .navbar-nav .nav-link.active, 174 .navbar-nav .nav-link.active { 175 color: var(--navbar-color) !important; 176 transform: translateY(-1px); 177 opacity: 0.85; 178 } 179 180 /* Your existing navbar specific classes */ 181 .navigation .sub-menu { 182 background: var(--navbar-bg) !important; 183 box-shadow: 0 5px 15px rgba(0,0,0,0.1); 184 border: 1px solid var(--border-color); 185 } 186 187 .border-color{ 188 border-color: var(--border-color) !important; 189 } 190 191 .navigation .sub-menu li a { 192 color: var(--navbar-color) !important; 193 /* Remove font-family override - let data-font-scheme handle it */ 194 } 195 196 .navigation .sub-menu li a:hover { 197 background: var(--bs-primary) !important; 198 color: #ffffff !important; 199 } 200 201 .card { 202 203 background-color: var(--card-bg) !important; 204 205 border: 1px solid var(--border-color) !important; 206 transition: all 0.3s ease; 207 border-radius: 12px; 208 color: var(--text-color) !important; 209 } 210 .navbar-brand img{ 211 height: 70px; 212 object-fit: contain; 213 } 214 215 .card:hover { 216 transform: translateY(-5px); 217 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); 218 } 219 220 .card-header { 221 background-color: var(--section-bg-color) !important; 222 border-color: var(--border-color) !important; 223 color: var(--text-color) !important; 224 } 225 226 /* Bootstrap Form Controls */ 227 .form-control { 228 color: var(--text-color) !important; 229 background-color: var(--body-bg-color) !important; 230 border-color: var(--border-color) !important; 231 /* Remove font-family override - let data-font-scheme handle it */ 232 } 233 234 .form-control:focus { 235 border-color: var(--bs-primary) !important; 236 box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary), 0.25) !important; 237 } 238 239 /* Links throughout site */ 240 .nav1 a { 241 color: var(--link-color) !important; 242 text-decoration: none; 243 transition: all 0.3s ease; 244 } 245 246 a:hover { 247 color: var(--link-hover) !important; 248 } 249 250 /* Text color classes */ 251 .text-muted { 252 color: var(--body-color) !important; 253 } 254 255 .text-light { 256 color: var(--light) !important; 257 } 258 259 /* Section backgrounds */ 260 .section-bg, 261 .bg-light { 262 background-color: var(--section-bg-color) !important; 263 } 264 265 /* Dark sections */ 266 .bg-dark, 267 .dark-section { 268 background-color: var(--black-bg-color) !important; 269 color: var(--black-section-text-color) !important; 270 } 271 272 /* Footer styling */ 273 .footer, 274 footer { 275 276 background-color: var(--footer-bg) !important; 277 278 color: var(--footer-color) !important; 279 } 280 281 .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, 282 footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { 283 color: var(--black-section-text-color) !important; 284 /* Remove font-family override - let data-font-scheme handle it */ 285 } 286 287 .footer a, footer a { 288 color: var(--black-section-text-color) !important; 289 } 290 291 .footer a:hover, footer a:hover { 292 color: var(--bs-primary) !important; 293 } 294 295 /* Bootstrap Secondary Colors */ 296 .btn-secondary { 297 background-color: var(--bs-secondary) !important; 298 border-color: var(--bs-secondary) !important; 299 } 300 301 .text-secondary { 302 color: var(--bs-secondary) !important; 303 } 304 305 .bg-secondary { 306 background-color: var(--bs-secondary) !important; 307 } 308 309 /* Bootstrap Success, Danger, Warning, Info */ 310 .btn-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; } 311 .btn-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; } 312 .btn-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; } 313 .btn-info { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; } 314 315 .text-success { color: var(--bs-success) !important; } 316 .text-danger { color: var(--bs-danger) !important; } 317 .text-warning { color: var(--bs-warning) !important; } 318 .text-info { color: var(--bs-info) !important; } 319 320 .bg-success { background-color: var(--bs-success) !important; } 321 .bg-danger { background-color: var(--bs-danger) !important; } 322 .bg-warning { background-color: var(--bs-warning) !important; } 323 .bg-info { background-color: var(--bs-info) !important; } 324 325 /* Mobile menu styling */ 326 .navbar-toggler, 327 .open-btn { 328 border-color: var(--navbar-color) !important; 329 } 330 331 .icon-bar { 332 background-color: var(--navbar-color) !important; 333 } 334 335 /* Smooth Animations */ 336 .fade-in-up { 337 animation: fadeInUp 0.6s ease-out; 338 } 339 340 @keyframes fadeInUp { 341 from { 342 opacity: 0; 343 transform: translateY(30px); 344 } 345 to { 346 opacity: 1; 347 transform: translateY(0); 348 } 349 } 350
351 /* Responsive adjustments */ 352 @media (max-width: 768px) { 353 .navbar { 354 padding: 0.5rem 0; 355 } 356 357 .card:hover { 358 transform: none; 359 } 360 } 361 362</style> 363 364 365 366</head> 367 368 369 370 <body class=" 371 372 page-blogapp:homepage 373 374 375 theme-theme_19 376 "> 377 <!-- start page-wrapper --> 378 <div class="page-wrapper"> 379 380 <!-- start preloader --> 381 382 383 <!-- end preloader --> 384 385 <!-- Start header --> 386 <header id="header" class="wpo-site-header"> 387 388 389 390 391 392 393<div class="top-bg"> 394<div class="unique-header px-3 d-sm-flex d-none container-fluid fluid-container"> 395 <button class="unique-menu-button bg-primary-gradient">Latest Update</button> 396 397 <div class="unique-news-wrapper-container"> 398 <div class="unique-news-wrapper top-color" id="newsWrapper"> 399 <marquee direction="left" scrollamount="4" behavior="scroll" class="d-flex "> 400 <p class="text-center"> 401 402 <a href="/honduran-president-asserts-ballot-fraud-amid-us-interference/" class="px-5 top-color"> 403 Honduran President Asserts âBallot Fraudâ Amid U.S. âInterferenceâ. 404 </a> 405 406 <a href="/an-atmosphere-of-alarm-whats-going-on-in-turkish-soccer/" class="px-5 top-color"> 407 An Atmosphere of Alarm - What's Going On in Turkish Soccer? 408 </a> 409 410 <a href="/nancy-pelosi-calls-donald-trump-as-the-most-massive-scam-in-us-annals-in-response-to-environmental-comment/" class="px-5 top-color"> 411 Nancy Pelosi Calls Donald Trump as 'the most Massive Scam in US Annals' in Response to Environmental Comment 412 </a> 413 414 <a href="/turkish-officials-detain-8-people-suspend-over-a-thousand-footballers-in-gambling-investigation/" class="px-5 top-color"> 415 Turkish Officials Detain 8 People, Suspend Over a Thousand Footballers in Gambling Investigation 416 </a> 417 418 <a href="/congress-preparing-to-vote-on-ending-national-closure/" class="px-5 top-color"> 419 Congress Preparing to Vote on Ending National Closure 420 </a> 421 422 </p> 423 </marquee> 424 </div> 425 </div> 426 427 <div class="contact-info top-color"> 428 <ul class="d-flex list-unstyled gap-3 flex-wrap"> 429 <li><a href="#"><i class="top-color ti-facebook"></i></a></li> 430 <li><a href="#"><i class="top-color ti-twitter-alt"></i></a></li> 431 <li><a href="#"><i class="top-color ti-instagram"></i></a></li> 432 <li><a href="#"><i class="top-color ti-google"></i></a></li> 433 </ul> 434 </div> 435</div> 436</div> 437
438<script> 439 // Build array directly from Django context 440 const newsItems = [ 441 442 { title: "Honduran President Asserts âBallot Fraudâ Amid U.S. âInterferenceâ.", url: "/honduran-president-asserts-ballot-fraud-amid-us-interference/" }, 443 444 { title: "An Atmosphere of Alarm \u002D What\u0027s Going On in Turkish Soccer?", url: "/an-atmosphere-of-alarm-whats-going-on-in-turkish-soccer/" }, 445 446 { title: "Nancy Pelosi Calls Donald Trump as \u0027the most Massive Scam in US Annals\u0027 in Response to Environmental Comment", url: "/nancy-pelosi-calls-donald-trump-as-the-most-massive-scam-in-us-annals-in-response-to-environmental-comment/" }, 447 448 { title: "Turkish Officials Detain 8 People, Suspend Over a Thousand Footballers in Gambling Investigation", url: "/turkish-officials-detain-8-people-suspend-over-a-thousand-footballers-in-gambling-investigation/" }, 449 450 { title: "Congress Preparing to Vote on Ending National Closure", url: "/congress-preparing-to-vote-on-ending-national-closure/" } 451 452 ]; 453 454 let currentNewsIndex = 0; 455 const newsWrapper = document.getElementById('newsWrapper'); 456 let currentNewsElement = null; 457 let typingInterval = null; 458 let isTyping = false; 459 460 function createNewsElement() { 461 const newsElement = document.createElement('div'); 462 newsElement.className = 'unique-news-item top-color active'; 463 newsWrapper.appendChild(newsElement); 464 currentNewsElement = newsElement; 465 } 466 467 function typeText(news, element, callback) { 468 let index = 0; 469 element.innerHTML = '<span class="unique-cursor"></span>'; 470 471 typingInterval = setInterval(() => { 472 if (index < news.title.length) { 473 const currentText = news.title.substring(0, index + 1); 474 element.innerHTML = `<a href="${news.url}" class="top-color">${currentText}</a><span class="unique-cursor"></span>`; 475 index++; 476 } else { 477 clearInterval(typingInterval); 478 setTimeout(() => { 479 element.innerHTML = `<a href="${news.url}" class="top-color">${news.title}</a>`; 480 if (callback) callback(); 481 }, 1000); 482 } 483 }, 100); // typing speed 484 } 485 486 function startTyping() { 487 if (isTyping) return; 488 489 isTyping = true; 490 const currentNews = newsItems[currentNewsIndex]; 491 492 typeText(currentNews, currentNewsElement, () => { 493 isTyping = false; 494 setTimeout(() => { 495 currentNewsIndex = (currentNewsIndex + 1) % newsItems.length; 496 startTyping(); 497 }, 5000); // wait before next headline 498 }); 499 } 500 501 window.onload = function() { 502 createNewsElement(); 503 startTyping(); 504 }; 505</script>
505 506 507 508 509 510 511 512 513 514 515 516<header class="header-v2 mb-4"> 517 <div class="main-header-v2"> 518 <div class="container-fluid fluid-container"> 519 <div class="row align-items-center"> 520 <div class="col-lg-3 col-md-4 col-6"> 521 <div class="logo-area-v2"> 522 <a class="navbar-brand" href="/"> 523 524 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/site_logos/07593f46-a15c-41bc-9d21-87837d98881d_logo.png" alt="Gym Talks"> 525 526 </a> 527 </div> 528 </div> 529 530 <div class="col-lg-6 col-md-8 col-6 d-none d-md-block"> 531 <div class="search-area-v2"> 532 <form class="search-wrapper-v2" action="#" method="get"> 533 <input type="search" class="search-field-v2" 534 placeholder="Search articles, news, tutorials..." name="q" id="search-input1"> 535 <!-- <button type="submit" class="search-button-v2"> 536 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 537 stroke-width="2"> 538 <circle cx="11" cy="11" r="8"></circle> 539 <path d="m21 21-4.35-4.35"></path> 540 </svg> 541 <span>Search</span> 542 </button> --> 543 <!-- The search results will be displayed here --> 544 </form> 545 <div id="search-results1" class="search-results-container search-v1"></div> 546 </div> 547 </div> 548 </div> 549 550 <!-- Mobile Search --> 551 <div class="row d-md-none"> 552 <div class="col-12"> 553 <div class="search-area-v2"> 554 <form class="search-wrapper-v2" action="#" method="get"> 555 <input type="search" class="search-field-v2" placeholder="Search..." name="q" id="search-input"> 556 <!-- <button type="submit" class="search-button-v2"> 557 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 558 stroke-width="2"> 559 <circle cx="11" cy="11" r="8"></circle> 560 <path d="m21 21-4.35-4.35"></path> 561 </svg> 562 <span>Search</span> 563 </button> --> 564 <!-- The search results will be displayed here --> 565 </form> 566 <div id="search-results12" class="search-results-container search-v1"></div> 567 </div> 568 </div> 569 </div> 570 </div> 571 </div> 572 573 <!-- Navigation Bar --> 574 <nav class="nav-bar-v2"> 575 <div class="container-fluid fluid-container"> 576 <div class="nav-container-v2 py-2"> 577 578 <!-- Mobile Menu Toggle --> 579 <button class="mobile-toggle d-lg-none" type="button" onclick="toggleMobileMenu()"> 580 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 581 <line x1="3" y1="6" x2="21" y2="6"></line> 582 <line x1="3" y1="12" x2="21" y2="12"></line> 583 <line x1="3" y1="18" x2="21" y2="18"></line> 584 </svg> 585 Menu 586 </button> 587 588 <!-- Navigation Menu --> 589 <ul class="nav-menu-v2" id="navMenu"> 590 591 592 <li class="nav-item-v2"> 593 <a href="/" class="nav-link-v2 active-v2">Home</a> 594 </li> 595 596 597 598 <li class="nav-item-v2"> 599 <a href="/category/all-posts/" class="nav-link-v2"> 600 All Posts 601 </a> 602 </li> 603 604 605 606 607 608 609 <li class="nav-item-v2"> 610 <a href="/category/business/" class="nav-link-v2"> 611 Business 612 </a> 613 </li> 614 615 616 617 618 619 620 <li class="nav-item-v2"> 621 <a href="/category/esports/" class="nav-link-v2">
622 Esports 623 </a> 624 </li> 625 626 627 628 629 630 631 <li class="nav-item-v2"> 632 <a href="/category/fashion/" class="nav-link-v2"> 633 Fashion 634 </a> 635 </li> 636 637 638 639 640 641 642 <li class="nav-item-v2"> 643 <a href="/category/featured/" class="nav-link-v2"> 644 Featured 645 </a> 646 </li> 647 648 649 650 651 652 653 654 655 <li class="nav-item-v2" onclick="toggleDropdown(this, event)"> 656 <a href="#" class="nav-link-v2"> 657 More 658 <svg class="d-lg-none" width="12" height="12" style="margin-left: 5px;"
659 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 660 <path d="m6 9 6 6 6-6"></path> 661 </svg> 662 </a> 663 <div class="dropdown-v2"> 664 <a href="/category/gaming/" class="dropdown-link-v2"> 665 Gaming 666 </a> 667 668 669 670 671 672 673 <a href="/category/health/" class="dropdown-link-v2"> 674 Health 675 </a> 676 677 678 679 680 681 682 <a href="/category/life-fitness/" class="dropdown-link-v2"> 683 Life & Fitness 684 </a> 685 686 687 688 689 690 691 <a href="/category/lifestyle/" class="dropdown-link-v2"> 692 Lifestyle 693 </a> 694 695 696 697 698 699 700 <a href="/category/news/" class="dropdown-link-v2"> 701 News 702 </a> 703 704 705 706 707 708 709 <a href="/category/others/" class="dropdown-link-v2"> 710 Others 711 </a> 712 713 714 715 716 717 718 <a href="/category/politics/" class="dropdown-link-v2"> 719 Politics 720 </a> 721 722 723 724 725 726 727 <a href="/category/sports/" class="dropdown-link-v2"> 728 Sports 729 </a> 730 731 732 733 734 735 736 <a href="/category/tech/" class="dropdown-link-v2"> 737 Tech 738 </a> 739 740 741 742 743 744 745 <a href="/category/travel/" class="dropdown-link-v2"> 746 Travel 747 </a> 748 749 750 751 752 </div> 753 </li> 754 755 756 <li> 757 <a href="/page/contact-us/"> 758 Contact Us 759 </a> 760 </li> 761 </ul> 762 763 </div> 764 </div> 765 </nav> 766</header> 767
768<script> 769 function toggleMobileMenu() { 770 const navMenu = document.getElementById('navMenu'); 771 navMenu.classList.toggle('show'); 772 } 773 774 function toggleDropdown(element, event) { 775 // Only handle dropdown toggle on mobile 776 if (window.innerWidth < 992) { 777 event.preventDefault(); 778 element.classList.toggle('dropdown-open'); 779 } 780 } 781 782 // Close mobile menu when clicking outside 783 document.addEventListener('click', function (event) { 784 const navMenu = document.getElementById('navMenu'); 785 const mobileToggle = document.querySelector('.mobile-toggle'); 786 787 if (!navMenu.contains(event.target) && !mobileToggle.contains(event.target)) { 788 navMenu.classList.remove('show'); 789 } 790 }); 791 792 // Handle window resize 793 window.addEventListener('resize', function () { 794 const navMenu = document.getElementById('navMenu'); 795 if (window.innerWidth >= 992) { 796 navMenu.classList.remove('show'); 797 // Remove all dropdown-open classes 798 document.querySelectorAll('.dropdown-open').forEach(item => { 799 item.classList.remove('dropdown-open'); 800 }); 801 } 802 }); 803</script>
803 804
805<script> 806 document.addEventListener("DOMContentLoaded", function () { 807 console.log("loaded"); 808 809 //const searchInput = document.getElementById("search-input1"); 810 const searchInput = window.innerWidth <= 991 811 ? document.getElementById("search-input") 812 : document.getElementById("search-input1"); 813 const searchResults = window.innerWidth <= 991 814 ? document.getElementById("search-results12") :document.getElementById("search-results1"); 815 816 if (!searchInput || !searchResults) { 817 console.error("Search input/results not found"); 818 return; 819 } 820 821 // Prevent form submission 822 if (searchInput.form) { 823 searchInput.form.addEventListener("submit", function (e) { 824 e.preventDefault(); 825 }); 826 } 827 828 // Add event listener for keyup 829 searchInput.addEventListener("keyup", function (e) { 830 console.log("Key pressed:", e.key); 831 e.preventDefault(); 832 833 const query = searchInput.value.trim(); 834 console.log("User is typing: " + query); 835 836 // If empty â clear and hide 837 if (query === "") { 838 searchResults.innerHTML = ""; 839 searchResults.style.display = "none"; 840 return; 841 } 842 843 // Show results 844 searchResults.style.display = "block"; 845 846 // Fetch search results 847 fetch("/search-posts?version=v1&q=" + encodeURIComponent(query), { 848 method: "GET", 849 headers: { "X-Requested-With": "XMLHttpRequest" }, 850 }) 851 .then(response => { 852 console.log("Response Status:", response.status); 853 return response.json(); 854 }) 855 .then(data => { 856 console.log("Data received:", data); 857 if (data.html) { 858 searchResults.innerHTML = data.html; 859 } else { 860 searchResults.innerHTML = "<p>No results found.</p>"; 861 } 862 }) 863 .catch(error => { 864 console.error("Error fetching search results:", error); 865 }); 866 }); 867 868 // Close results when clicking outside 869 document.addEventListener("click", function (e) { 870 if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) { 871 searchResults.style.display = "none"; 872 } 873 }); 874 875 // Close results on ESC key 876 document.addEventListener("keydown", function (e) { 877 if (e.key === "Escape") { 878 searchResults.style.display = "none"; 879 } 880 }); 881 }); 882</script>
882 883 884<style> 885 /* search field */ 886 .search-results-container { 887 position: absolute; 888 top: 100%; /* Position it below the input field */ 889 left: 10px; 890 right: 10px; 891 background-color: white; 892 border: 1px solid #ddd; 893 box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); 894 max-height: 300px; 895 overflow-y: auto; 896 z-index: 1000; 897 display: none; /* Initially hidden */ 898} 899 900.search-results-container p { 901 margin: 0; 902} 903 904.search-results-container .result-item { 905 padding: 10px; 906 cursor: pointer; 907} 908 909.search-results-container .result-item:hover { 910 background-color: #f0f0f0; 911} 912</style> 913 914 </header> 915 <!-- end of header --> 916 917 918 <!-- start of wpo-breacking-news --> 919 920 <!-- end of wpo-breacking-news --> 921 922 <!-- start wpo-blog-highlights-section --> 923 924 925 926 927 <section class="wpo-blog-highlights-section"> 928 <div class="container-fluid fluid-container"> 929 <div class="row"> 930 <div class="col col-lg-8 col-12"> 931 <!-- start wpo-blog-section --> 932 <div class="wpo-blog-highlights-wrap"> 933 <div class="wpo-blog-items mb-3"> 934 <article> 935 <div style="margin-bottom: 10px; margin-left: auto;"> 936 <button id="shareBtn" class="btn btn-primary ">ð Share this article</button> 937 </div> 938 939 940 <h1>'There is no end in sight': Displaced Thai residents worry about tomorrow after renewed fighting with Cambodia.</h1> 941 <div> 942 <p>Residents like Rangsan Angda and his community in frontier regions of Thailand had made ready their belongings, worried that a truce with neighboring Cambodia would soon collapse.</p> 943<p>The peace agreement â facilitated by a foreign leader who declared himself âPresident of PEACEâ after playing a role in concluding five days of fatal fighting in July â had seemed precarious from the start. âBoth sides are confronting one another all the time,â said Angda, 50.</p> 944<p>On Sunday, the news he was anticipating with trepidation was broadcast on loudspeakers across his village, declaring that fighting had broken out once more. For the second instance in months, everyone was instructed to flee without delay. Families crowded into automobiles or sought transportation with local officials. For hours they lined up on jammed streets, making their way to makeshift shelters, educational institutions, and public offices.</p> 945<p>More than 500,000 people across Cambodia and Thailand have been forced to travel in the same way since the clashes commenced on Sunday. No one knows when they will be able to return home, or how the most recent bout of violence might be halted.</p> 946<p>The international mediator, who presided over the conclusion of an more robust peace deal in October, told reporters this week he would speak with the prime ministers of Thailand and Cambodia, saying he could stop the clashes âin short orderâ.</p> 947<p>âI believe I can persuade them to cease hostilities. No one else has this ability,â the statesman said.</p> 948<p>In the disputed zones of Thailand, few share his confidence. âWere he truly able to resolve the dispute there wouldnât be this war right now,â said Patcharee Kotmakti, 45. She left her home on Monday, when the crackle of weapons first echoed across her village.</p> 949<p>Just four months ago, clashes were so fierce that her house shook from the impact. âIt's fair to state I've grown familiar with it,â she said.</p> 950<p>She is concerned the fighting could continue for many weeks. âI wonât be able to make ends meet,â she said. Kotmakti and many of her neighbours have unstable wages and instead depend on daily work. âSome people who stay here donât have money, they have to get into debt with high repayments.â</p> 951<p>She just wanted the situation to end, she said. âImmediate resolution is best.â</p> 952<p>The statesman has previously used the potential for economic sanctions to pressure Thailand and Cambodia to stop fighting. A regional analyst said this intervention was âcritically importantâ in bringing an end to the earlier fighting. âPreviously, Bangkok refused any external negotiation,â he added.</p> 953<p>Whether the same effect can be achieved today is unclear. With an political contest in 2026, the Thai prime minister might cho
953ose to appeal to nationalist sentiment by insisting that Thailand had acted legitimately in safeguarding its borders. Doing so âmight find support among large segments of Thais who view Cambodia as the party that instigated the crisis and the external actor as placing unfair demands,â the analyst said. âThis is a moment when he cannot afford to appear soft.â</p> 954<p>A survey in August found that more than half of those surveyed believed Thailand should not be linked to Cambodia. It also found many were doubtful about the external mediation efforts in the conflict. Almost two-thirds of respondents said such action was in the interest of the large nations, not Thailand. Fewer than 10% agreed such engagement was intended to establish calm.</p> 955<p>At evacuation centers in Ubon Ratchathani, evacuees doubted the strong pronouncements of bringing peace. âThat is his point of view,â said one older woman diplomatically.</p> 956<p>But evacuees were in disagreement about what the Thai authorities should do next. A senior military official told media this week that the military aimed to crush Cambodiaâs military capability, rendering it harmless in the long term.</p> 957<p>âEach person has their own opinion,â said Rinda Metmat, 44. âI donât want anyone to experience loss. I have sympathy for the military personnel, for their families and their children. Those in the opposing army have loved ones too. I think they are not eager for conflict.â</p> 958<p>Some question whether talks can succeed, regardless of involvement by external parties. âThis will not conclude no matter how many parties involved [in talks], two countries or with a third party, itâs not going to be resolved,â said Rangsan. âTalking never seems to lead to anywhere.â</p> 959 </div> 960 </article> 961 </div> 962 963 964 965 966<div class=""> 967 <div class="v6-card mt-lg-0 my-4 mb-lg-3"> 968 <div class="v6-card-body"> 969 <div class="v6-profile-container"> 970 <!-- Left Section: Profile Picture --> 971 <div> 972 <div class="v6-profile-image"> 973 974 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" class="v6-profile-pic" /> 975 976 </div> 977 </div> 978 979 <!-- Right Section: Profile Information --> 980 <div class="v6-profile-details"> 981 <a href="#" class="v6-name">Ernest Griffith</a> 982 983 <p class="v6-description">Certified personal trainer and nutrition specialist with over a decade of experience in helping clients achieve their fitness goals through tailored programs.</p> 984 985 </div> 986 </div> 987 </div> 988 </div> 989</div> 990 991<!-- Styling for v6 --> 992<style> 993 .v6-card { 994 background-color: var(--card-bg); 995 border: 1px solid var(--border-color); 996 border-radius: 0px var(--border-radius) 0px var(--border-radius); 997 overflow: hidden; 998 transition: all 0.5s; 999 cursor: pointer; 1000 display: flex; 1001 flex-direction: row; 1002 } 1003 1004 .v6-card:hover { 1005 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); 1006 } 1007 1008 /* Profile Container - Flex Layout */ 1009 .v6-profile-container { 1010 display: flex; 1011 width: 100%; 1012 padding: calc(10px + 0.5vw); 1013 align-items: center; 1014 flex-wrap: wrap; /* Ensure it wraps on smaller screens */ 1015 } 1016 1017 /* Profile Image */ 1018 .v6-profile-image { 1019 margin-right: 20px; 1020 flex: 0 0 100px; /* Fixed size for image on large screens */ 1021 margin-bottom: 10px; /* Space between image and text on smaller screens */ 1022 } 1023 1024 .v6-profile-pic { 1025 width: 80px; 1026 height: 80px; 1027 border-radius: 0px var(--border-radius) 0px var(--border-radius); 1028 border: 3px solid var(--border-color); 1029 object-fit: cover; 1030 transition: transform 0.3s ease; 1031 } 1032 1033 .v6-profile-pic:hover { 1034 transform: scale(1.05); /* Slight zoom effect */ 1035 } 1036 1037 /* Profile Details */ 1038 .v6-profile-details { 1039 flex: 1; 1040 max-width: 600px; /* Limit width of text section */ 1041 text-align: left; 1042 } 1043 1044 .v6-name { 1045 color: var(--topbar-color); 1046 font-size: 24px; 1047 font-weight: 600; 1048 margin-bottom: 5px; 1049 } 1050 1051 .v6-description { 1052 color: #666; 1053 font-size: 16px; 1054 margin-bottom: 10px; 1055 } 1056 1057 /* Responsive Design: Stacking layout on smaller screens */ 1058 @media (max-width: 1080px) { 1059 .v6-card { 1060 flex-direction: column; 1061 display: flex; 1062 justify-content: center; 1063 align-items: center; 1064 } 1065 1066 .v6-profile-container { 1067 flex-direction: column; 1068 align-items: center; /* Center align on mobile */ 1069 } 1070 1071 .v6-profile-image { 1072 margin-right: 0; 1073 margin-bottom: 20px; /* Space between image and text */ 1074 } 1075 1076 .v6-profile-details { 1077 text-align: center; 1078 max-width: 100%; 1079 } 1080 } 1081</style> 1082 1083 1084 1085 </div> 1086 <!-- end wpo-blog-section --> 1087 </div> 1088 <div class="col col-lg-4 col-12"> 1089 1090 1091 1092 1093 1094 1095 1096<!-- Blog Sidebar V2 - Focused Design --> 1097 <div class="sidebar mb-3"> 1098 <!-- Recent Posts Section --> 1099 <div class="sidebar-widget mb-4"> 1100 <div class="widget-title-wrapper mb-3"> 1101 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1102 <i class="ti-time me-2"></i>Recent Posts
1103 <span class="title-arrow-primary"></span> 1104 </h4> 1105 </div> 1106 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1107 <div class="recent-post-list"> 1108 1109 <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light"> 1110 <div class="post-image me-3 flex-shrink-0 position-relative"> 1111 1112 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"> 1113 1114 <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">News</span> 1115 </div> 1116 <div class="post-content flex-grow-1"> 1117 <h6 class="post-title mb-2"> 1118 <a href="/the-spooky-cute-puzzler-acts-as-the-ideal-alternative-to-frightening-flicks/" class="text-decoration-none top-color fw-semibold lh-sm"> 1119 The Spooky-Cute Puzzler Acts as the Ideal Alternative to Frightening Flicks 1120 </a> 1121 </h6> 1122 <div class="post-meta mb-3"> 1123 <small class="text-muted d-block"><i class="ti-calendar me-1"></i>04 Oct 2026</small> 1124 <!-- <small class="text-muted"> 1125 <i class="ti-eye me-1"></i>348 views 1126 <i class="ti-comment-alt ms-2 me-1"></i>12 comments 1127 </small> --> 1128 </div> 1129 </div> 1130 </div> 1131 1132 <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light"> 1133 <div class="post-image me-3 flex-shrink-0 position-relative"> 1134 1135 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"> 1136 1137 <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">News</span> 1138 </div> 1139 <div class="post-content flex-grow-1"> 1140 <h6 class="post-title mb-2"> 1141 <a href="/hazbin-hotels-creator-is-aware-of-your-season-2-bingo-cards-with-some-positive-updates/" class="text-decoration-none top-color fw-semibold lh-sm"> 1142 Hazbin Hotel's Creator Is Aware of Your Season 2 Bingo Cards â With Some Positive Updates 1143 </a> 1144 </h6> 1145 <div class="post-meta mb-3"> 1146 <small class="text-muted d-block"><i class="ti-calendar me-1"></i>04 Oct 2026</small> 1147 <!-- <small class="text-muted"> 1148 <i class="ti-eye me-1"></i>348 views 1149 <i class="ti-comment-alt ms-2 me-1"></i>12 comments 1150 </small> --> 1151 </div> 1152 </div> 1153 </div> 1154 1155 <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light"> 1156 <div class="post-image me-3 flex-shrink-0 position-relative"> 1157 1158 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"> 1159 1160 <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">News</span> 1161 </div> 1162 <div class="post-content flex-grow-1"> 1163 <h6 class="post-title mb-2"> 1164 <a href="/pentagon-report-concludes-defense-secretary-placed-military-personnel-in-danger-with-signal-chat/" class="text-decoration-none top-color fw-semibold lh-sm"> 1165 Pentagon Report Concludes Defense Secretary Placed Military Personnel in Danger with Signal Chat. 1166 </a> 1167 </h6> 1168 <div class="post-meta mb-3"> 1169 <small class="text-muted d-block"><i class="ti-calendar me-1"></i>04 Oct 2026</small> 1170 <!-- <small class="text-muted"> 1171 <i class="ti-eye me-1"></i>348 views 1172 <i class="ti-comment-alt ms-2 me-1"></i>12 comments 1173 </small> --> 1174 </div> 1175 </div> 1176 </div> 1177 1178 <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light"> 1179 <div class="post-image me-3 flex-shrink-0 position-relative"> 1180 1181 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"> 1182
1183 <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">News</span> 1184 </div> 1185 <div class="post-content flex-grow-1"> 1186 <h6 class="post-title mb-2"> 1187 <a href="/the-key-to-an-ideal-nap-when-where-for-how-long/" class="text-decoration-none top-color fw-semibold lh-sm"> 1188 The Key to an Ideal Nap: When, Where & for How Long? 1189 </a> 1190 </h6> 1191 <div class="post-meta mb-3"> 1192 <small class="text-muted d-block"><i class="ti-calendar me-1"></i>04 Oct 2026</small> 1193 <!-- <small class="text-muted"> 1194 <i class="ti-eye me-1"></i>348 views 1195 <i class="ti-comment-alt ms-2 me-1"></i>12 comments 1196 </small> --> 1197 </div> 1198 </div> 1199 </div> 1200 1201 <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light"> 1202 <div class="post-image me-3 flex-shrink-0 position-relative"> 1203 1204 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"> 1205 1206 <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">News</span> 1207 </div> 1208 <div class="post-content flex-grow-1"> 1209 <h6 class="post-title mb-2"> 1210 <a href="/the-turin-giants-name-previous-italian-national-team-manager-the-experienced-gaffer/" class="text-decoration-none top-color fw-semibold lh-sm"> 1211 The Turin Giants Name Previous Italian National Team Manager the Experienced Gaffer 1212 </a> 1213 </h6> 1214 <div class="post-meta mb-3"> 1215 <small class="text-muted d-block"><i class="ti-calendar me-1"></i>04 Oct 2026</small> 1216 <!-- <small class="text-muted"> 1217 <i class="ti-eye me-1"></i>348 views 1218 <i class="ti-comment-alt ms-2 me-1"></i>12 comments 1219 </small> --> 1220 </div> 1221 </div> 1222 </div> 1223 1224 <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light"> 1225 <div class="post-image me-3 flex-shrink-0 position-relative"> 1226 1227 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"> 1228 1229 <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">News</span> 1230 </div> 1231 <div class="post-content flex-grow-1"> 1232 <h6 class="post-title mb-2"> 1233 <a href="/the-anime-juggernaut-financial-impact-the-way-this-anime-sensation-transformed-into-a-cinematic-rescuer/" class="text-decoration-none top-color fw-semibold lh-sm"> 1234 The Anime Juggernaut Financial Impact: The Way This Anime Sensation Transformed Into a Cinematic Rescuer. 1235 </a> 1236 </h6> 1237 <div class="post-meta mb-3"> 1238 <small class="text-muted d-block"><i class="ti-calendar me-1"></i>03 Oct 2026</small> 1239 <!-- <small class="text-muted"> 1240 <i class="ti-eye me-1"></i>348 views 1241 <i class="ti-comment-alt ms-2 me-1"></i>12 comments 1242 </small> --> 1243 </div> 1244 </div> 1245 </div> 1246 1247 1248 </div> 1249 1250 <div class="text-center mt-4 pt-3 border-top border-light"> 1251 <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-plus me-1"></i>Load More Posts</a> 1252 </div> 1253 </div> 1254 </div> 1255 1256 1257 <div class="sidebar-widget mb-4"> 1258 <div class="widget-title-wrapper mb-3"> 1259 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1260 <i class="ti-calendar me-2"></i>July 2026 Blog Roll
1261 <span class="title-arrow"></span> 1262 </h4> 1263 </div> 1264 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1265 <div class="blog-roll-list scrollable-sidebar"> 1266 1267 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1268 <a href="https://almahrahpost.com/" rel="dofollow" class="text-decoration-none "> 1269 <h6 class="blog-title top-color mb-2 fw-semibold"> 1270 <i class="ti-angle-right me-2 text-primary"></i> 1271 online casino sites in uae 1272 </h6> 1273 </a> 1274 </div> 1275 1276 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1277 <a href="https://www.reddit.com/r/bach_odds/comments/1up6sst/comment/ovxo8z6/" rel="dofollow" class="text-decoration-none "> 1278 <h6 class="blog-title top-color mb-2 fw-semibold"> 1279 <i class="ti-angle-right me-2 text-primary"></i> 1280 live in-play world cup knockout betting nzd 1281 </h6> 1282 </a> 1283 </div> 1284 1285 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1286 <a href="https://www.reddit.com/r/bach_odds/comments/1umjsnn/comment/ovckx06/" rel="dofollow" class="text-decoration-none "> 1287 <h6 class="blog-title top-color mb-2 fw-semibold"> 1288 <i class="ti-angle-right me-2 text-primary"></i> 1289 Best world cup knockout bracket betting offers NZ 1290 </h6> 1291 </a> 1292 </div> 1293 1294 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1295 <a href="https://www.reddit.com/user/Keyona3001/comments/1rpwtxp/no_id_online_casino_2026_can_i_play_without_full/" rel="dofollow" class="text-decoration-none "> 1296 <h6 class="blog-title top-color mb-2 fw-semibold"> 1297 <i class="ti-angle-right me-2 text-primary"></i> 1298 no id online casino 2026 1299 </h6> 1300 </a> 1301 </div> 1302 1303 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1304 <a href="https://www.reddit.com/r/gagneursfrance/comments/1tn5euf/meilleurs_casinos_en_ligne_en_france_avis_r%c3%a9els/" rel="dofollow" class="text-decoration-none "> 1305 <h6 class="blog-title top-color mb-2 fw-semibold"> 1306 <i class="ti-angle-right me-2 text-primary"></i> 1307 meilleurs casinos en ligne france 1308 </h6> 1309 </a> 1310 </div> 1311 1312 </div> 1313 </div> 1314 1315 <div class="sidebar-widget mb-4"> 1316 <div class="widget-title-wrapper mb-3"> 1317 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1318 <i class="ti-calendar me-2"></i>June 2026 Blog Roll 1319 <span class="title-arrow"></span> 1320 </h4> 1321 </div> 1322 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1323 <div class="blog-roll-list scrollable-sidebar"> 1324 1325 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1326 <a href="https://3garaat.com/" rel="dofollow" class="text-decoration-none "> 1327 <h6 class="blog-title top-color mb-2 fw-semibold"> 1328 <i class="ti-angle-right me-2 text-primary"></i> 1329 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ 1330 </h6> 1331 </a> 1332 </div> 1333 1334 </div> 1335 </div> 1336 1337 <div class="sidebar-widget mb-4"> 1338 <div class="widget-title-wrapper mb-3"> 1339 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1340 <i class="ti-calendar me-2"></i>April 2026 Blog Roll 1341 <span class="title-arrow"></span> 1342 </h4> 1343 </div> 1344 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1345 <div class="blog-roll-list scrollable-sidebar"> 1346 1347 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1348 <a href="https://n4g.com/ar/online-casino/qatar/" rel="dofollow" class="text-decoration-none "> 1349 <h6 class="blog-title top-color mb-2 fw-semibold"> 1350 <i class="ti-angle-right me-2 text-primary"></i> 1351 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ ÙØ·Ø± 1352 </h6> 1353 </a> 1354 </div> 1355 1356 </div> 1357 </div> 1358 1359 <div class="sidebar-widget mb-4"> 1360 <div class="widget-title-wrapper mb-3"> 1361 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1362 <i class="ti-calendar me-2"></i>February 2026 Blog Roll
1363 <span class="title-arrow"></span> 1364 </h4> 1365 </div> 1366 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1367 <div class="blog-roll-list scrollable-sidebar"> 1368 1369 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1370 <a href="https://www.freecougardatingapp.com/" rel="dofollow" class="text-decoration-none "> 1371 <h6 class="blog-title top-color mb-2 fw-semibold"> 1372 <i class="ti-angle-right me-2 text-primary"></i> 1373 escorts dubai 1374 </h6> 1375 </a> 1376 </div> 1377 1378 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1379 <a href="https://www.freecougardatingapp.com/" rel="dofollow" class="text-decoration-none "> 1380 <h6 class="blog-title top-color mb-2 fw-semibold"> 1381 <i class="ti-angle-right me-2 text-primary"></i> 1382 dubai escorts 1383 </h6> 1384 </a> 1385 </div> 1386 1387 </div> 1388 </div> 1389 1390 <div class="sidebar-widget mb-4"> 1391 <div class="widget-title-wrapper mb-3"> 1392 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1393 <i class="ti-calendar me-2"></i>January 2026 Blog Roll 1394 <span class="title-arrow"></span> 1395 </h4> 1396 </div> 1397 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1398 <div class="blog-roll-list scrollable-sidebar"> 1399 1400 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1401 <a href="https://virologycomics.com/" rel="dofollow" class="text-decoration-none "> 1402 <h6 class="blog-title top-color mb-2 fw-semibold"> 1403 <i class="ti-angle-right me-2 text-primary"></i> 1404 Best Online Casino Sites UAE 1405 </h6> 1406 </a> 1407 </div> 1408 1409 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1410 <a href="http://virologycomics.com/" rel="dofollow" class="text-decoration-none "> 1411 <h6 class="blog-title top-color mb-2 fw-semibold"> 1412 <i class="ti-angle-right me-2 text-primary"></i> 1413 best online casino in uae 1414 </h6> 1415 </a> 1416 </div> 1417 1418 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1419 <a href="http://solardecathlonme.com/" rel="dofollow" class="text-decoration-none "> 1420 <h6 class="blog-title top-color mb-2 fw-semibold"> 1421 <i class="ti-angle-right me-2 text-primary"></i> 1422 best online casino in uae 1423 </h6> 1424 </a> 1425 </div> 1426 1427 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1428 <a href="http://funny-potato.com" rel="dofollow" class="text-decoration-none "> 1429 <h6 class="blog-title top-color mb-2 fw-semibold"> 1430 <i class="ti-angle-right me-2 text-primary"></i> 1431 plinko gambling sites 1432 </h6> 1433 </a> 1434 </div> 1435 1436 </div> 1437 </div> 1438 1439 <div class="sidebar-widget mb-4"> 1440 <div class="widget-title-wrapper mb-3"> 1441 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1442 <i class="ti-calendar me-2"></i>December 2025 Blog Roll 1443 <span class="title-arrow"></span> 1444 </h4> 1445 </div> 1446 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1447 <div class="blog-roll-list scrollable-sidebar"> 1448 1449 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1450 <a href="https://panetten.com/" rel="dofollow" class="text-decoration-none "> 1451 <h6 class="blog-title top-color mb-2 fw-semibold"> 1452 <i class="ti-angle-right me-2 text-primary"></i> 1453 IDNPoker 1454 </h6> 1455 </a> 1456 </div> 1457 1458 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1459 <a href="https://tropical-plants-and-flowers-guide.com/" rel="dofollow" class="text-decoration-none "> 1460 <h6 class="blog-title top-color mb-2 fw-semibold"> 1461 <i class="ti-angle-right me-2 text-primary"></i> 1462 situs igamble247 1463 </h6> 1464 </a> 1465 </div> 1466 1467 </div> 1468 </div> 1469 1470 <div class="sidebar-widget mb-4"> 1471 <div class="widget-title-wrapper mb-3"> 1472 <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative"> 1473 <i class="ti-calendar me-2"></i>November 2025 Blog Roll
1474 <span class="title-arrow"></span> 1475 </h4> 1476 </div> 1477 <div class="widget-content border border-light shadow-sm rounded-3 p-4"> 1478 <div class="blog-roll-list scrollable-sidebar"> 1479 1480 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1481 <a href="https://www.presidentassad.net/" rel="dofollow" class="text-decoration-none "> 1482 <h6 class="blog-title top-color mb-2 fw-semibold"> 1483 <i class="ti-angle-right me-2 text-primary"></i> 1484 online casino 1485 </h6> 1486 </a> 1487 </div> 1488 1489 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1490 <a href="https://www.presidentassad.net/" rel="dofollow" class="text-decoration-none "> 1491 <h6 class="blog-title top-color mb-2 fw-semibold"> 1492 <i class="ti-angle-right me-2 text-primary"></i> 1493 best online casinos uae 1494 </h6> 1495 </a> 1496 </div> 1497 1498 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1499 <a href="https://saudionlinecasinos.com/" rel="dofollow" class="text-decoration-none "> 1500 <h6 class="blog-title top-color mb-2 fw-semibold"> 1501 <i class="ti-angle-right me-2 text-primary"></i> 1502 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§Ù٠اÙÙ Ù ÙÙØ© Ø§ÙØ¹Ø±Ø¨ÙØ© Ø§ÙØ³Ø¹ÙØ¯ÙØ© 1503 </h6> 1504 </a> 1505 </div> 1506 1507 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1508 <a href="https://uae-online-casinos.com" rel="dofollow" class="text-decoration-none "> 1509 <h6 class="blog-title top-color mb-2 fw-semibold"> 1510 <i class="ti-angle-right me-2 text-primary"></i> 1511 Ø§ÙØ¶Ù ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ Ø§ÙØ§Ù ارات 1512 </h6> 1513 </a> 1514 </div> 1515 1516 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1517 <a href="https://newgroundsfood.com" rel="dofollow" class="text-decoration-none "> 1518 <h6 class="blog-title top-color mb-2 fw-semibold"> 1519 <i class="ti-angle-right me-2 text-primary"></i> 1520 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ ÙÙ ÙØ·Ø± 1521 </h6> 1522 </a> 1523 </div> 1524 1525 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1526 <a href="https://ncbeerguys.com" rel="dofollow" class="text-decoration-none "> 1527 <h6 class="blog-title top-color mb-2 fw-semibold"> 1528 <i class="ti-angle-right me-2 text-primary"></i> 1529 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ Ø§ÙØ¨ØØ±ÙÙ 1530 </h6> 1531 </a> 1532 </div> 1533 1534 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1535 <a href="https://davidwrighthouse.org/" rel="dofollow" class="text-decoration-none "> 1536 <h6 class="blog-title top-color mb-2 fw-semibold"> 1537 <i class="ti-angle-right me-2 text-primary"></i> 1538 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ ÙÙ ÙØ¨Ùا٠1539 </h6> 1540 </a> 1541 </div> 1542 1543 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1544 <a href="https://eyeheartworld.org/" rel="dofollow" class="text-decoration-none "> 1545 <h6 class="blog-title top-color mb-2 fw-semibold"> 1546 <i class="ti-angle-right me-2 text-primary"></i> 1547 Ø§ÙØ¶Ù ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§Ù٠اÙÙÙÙØª 1548 </h6> 1549 </a> 1550 </div> 1551 1552 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1553 <a href="https://cxday.org" rel="dofollow" class="text-decoration-none "> 1554 <h6 class="blog-title top-color mb-2 fw-semibold"> 1555 <i class="ti-angle-right me-2 text-primary"></i> 1556 ÙØ§Ø²ÙÙÙÙØ§Øª اÙÙ ÙØ§ÙÙ 1557 </h6> 1558 </a> 1559 </div> 1560 1561 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1562 <a href="https://naissancee.com" rel="dofollow" class="text-decoration-none "> 1563 <h6 class="blog-title top-color mb-2 fw-semibold"> 1564 <i class="ti-angle-right me-2 text-primary"></i> 1565 ÙØ§Ø²ÙÙ٠عÙ٠ا٠1566 </h6> 1567 </a> 1568 </div> 1569 1570 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1571 <a href="https://cxday.org" rel="dofollow" class="text-decoration-none "> 1572 <h6 class="blog-title top-color mb-2 fw-semibold"> 1573 <i class="ti-angle-right me-2 text-primary"></i> 1574 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§Ù٠عرب٠1575 </h6> 1576 </a> 1577 </div> 1578 1579 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1580 <a href="https://ilabliberia.org/" rel="dofollow" class="text-decoration-none "> 1581 <h6 class="blog-title top-color mb-2 fw-semibold"> 1582 <i class="ti-angle-right me-2 text-primary"></i> 1583 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ ÙØ·Ø± 1584 </h6> 1585 </a> 1586 </div> 1587 1588 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1589 <a href="https://eyeheartworld.org/" rel="dofollow" class="text-decoration-none "> 1590 <h6 class="blog-title top-color mb-2 fw-semibold"> 1591 <i class="ti-angle-right me-2 text-primary"></i> 1592 ÙØ§Ø²ÙÙ٠اÙÙÙÙØª 1593 </h6> 1594 </a> 1595 </div> 1596 1597 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1598 <a href="https://newgroundsfood.com" rel="dofollow" class="text-decoration-none "> 1599 <h6 class="blog-title top-color mb-2 fw-semibold"> 1600 <i class="ti-angle-right me-2 text-primary"></i> 1601 ÙØ§Ø²ÙÙÙ ÙØ·Ø± اÙÙ ÙØ§ÙÙ 1602 </h6> 1603 </a> 1604 </div> 1605 1606 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1607 <a href="https://erated.co" rel="dofollow" class="text-decoration-none "> 1608 <h6 class="blog-title top-color mb-2 fw-semibold"> 1609 <i class="ti-angle-right me-2 text-primary"></i> 1610 ÙØ§Ø²ÙÙ٠أÙÙÙØ§ÙÙ 1611 </h6> 1612 </a> 1613 </div> 1614 1615 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1616 <a href="https://spotii.com" rel="dofollow" class="text-decoration-none "> 1617 <h6 class="blog-title top-color mb-2 fw-semibold"> 1618 <i class="ti-angle-right me-2 text-primary"></i> 1619 ÙØ§Ø²ÙÙÙÙØ§Øª عبر Ø§ÙØ¥ÙØªØ±ÙØª 1620 </h6> 1621 </a> 1622 </div> 1623 1624 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1625 <a href="https://hotplay.games" rel="dofollow" class="text-decoration-none "> 1626 <h6 class="blog-title top-color mb-2 fw-semibold"> 1627 <i class="ti-angle-right me-2 text-primary"></i> 1628 ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§Ù٠٠صر 1629 </h6> 1630 </a> 1631 </div> 1632 1633 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1634 <a href="https://naissancee.com" rel="dofollow" class="text-decoration-none "> 1635 <h6 class="blog-title top-color mb-2 fw-semibold"> 1636 <i class="ti-angle-right me-2 text-primary"></i> 1637 ÙØ§Ø²ÙÙÙØ¹Ù ا٠اÙÙ ÙØ§ÙÙ 1638 </h6> 1639 </a> 1640 </div> 1641 1642 <div class="blog-roll-item mb-3 pb-3 border-bottom border-light "> 1643 <a href="https://ncbeerguys.com" rel="dofollow" class="text-decoration-none "> 1644 <h6 class="blog-title top-color mb-2 fw-semibold"> 1645 <i class="ti-angle-right me-2 text-primary"></i> 1646 Ø§ÙØ¶Ù ÙØ§Ø²ÙÙ٠اÙÙ ÙØ§ÙÙ Ø§ÙØ¨ØØ±ÙÙ 1647 </h6> 1648 </a> 1649 </div> 1650 1651 </div> 1652 </div> 1653 1654 </div> 1655 1656<!-- Sidebar V2 Styles --> 1657<style> 1658 .sidebar-widget { 1659 position: relative; 1660 } 1661 1662 .widget-title { 1663 font-size: 1.1rem; 1664 font-weight: 700; 1665 display: inline-block; 1666 position: relative; 1667 z-index: 2; 1668 border-radius: 0; 1669 } 1670 1671 /* Green arrow for August Blog Roll */ 1672 .title-arrow::after { 1673 content: ''; 1674 position: absolute; 1675 top: 0; 1676 right: -22px; 1677 width: 0; 1678 height: 0; 1679 border-left: 22px solid var(--bs-primary); 1680 border-top: 22px solid transparent; 1681 border-bottom: 22px solid transparent; 1682 z-index: 1; 1683 } 1684 1685 /* Blue arrow for Recent Posts */ 1686 .title-arrow-primary::after { 1687 content: ''; 1688 position: absolute; 1689 top: 0; 1690 right: -22px; 1691 width: 0; 1692 height: 0; 1693 border-left: 22px solid var(--bs-primary); 1694 border-top: 22px solid transparent; 1695 border-bottom: 22px solid transparent; 1696 z-index: 1; 1697 } 1698 1699 .widget-content {
1700 margin-top: -1px; 1701 position: relative; 1702 z-index: 1; 1703 background-color: var(--card-bg); 1704 } 1705 1706 /* Blog Roll Items Hover Effects */ 1707 .blog-roll-item:hover .blog-title { 1708 color: #198754 !important; 1709 transform: translateX(5px); 1710 transition: all 0.3s ease; 1711 } 1712 1713 /* Recent Post Items Hover Effects */ 1714 .recent-post-item:hover .post-title a { 1715 color: #0d6efd !important; 1716 transition: color 0.3s ease; 1717 } 1718 1719 .recent-post-item:hover .post-image img { 1720 transform: scale(1.05); 1721 transition: transform 0.3s ease; 1722 } 1723 1724 /* Button Hover Effects */ 1725 .btn:hover { 1726 transform: translateY(-2px); 1727 transition: all 0.3s ease; 1728 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); 1729 } 1730 1731 /* Badge Hover Effects */ 1732 .badge:hover { 1733 transform: scale(1.05); 1734 transition: transform 0.3s ease; 1735 } 1736 1737 @media (max-width: 991px) { 1738 .sidebar { 1739 margin-top: 3rem; 1740 } 1741 } 1742 1743 @media (max-width: 576px) { 1744 .widget-title { 1745 font-size: 1rem; 1746 padding: 0.75rem 1rem !important; 1747 } 1748 1749 .title-arrow::after, 1750 .title-arrow-primary::after { 1751 right: -18px; 1752 border-left-width: 18px; 1753 border-top-width: 18px; 1754 border-bottom-width: 18px; 1755 } 1756 1757 .post-image { 1758 width: 70px !important; 1759 height: 55px !important; 1760 } 1761 1762 .blog-meta { 1763 flex-direction: column !important; 1764 align-items: flex-start !important; 1765 gap: 0.5rem; 1766 } 1767 } 1768</style> 1769 1770 1771 </div> 1772 </div> 1773 </div> 1774 </section> 1775 1776 <!-- start wpo-blog-sponsored-section --> 1777 1778 1779 1780 1781 1782 1783 1784 1785<style> 1786 .sponsored-section-v2 { 1787 padding: 40px 0; 1788 background: var(--body-bg); 1789 } 1790 1791 .sponsored-card-v2 { 1792 background: var(--body-bg); 1793 border: 1px solid #f0f0f0; 1794 border-radius: 8px; 1795 transition: box-shadow 0.3s ease; 1796 height: 100%; 1797 position: relative; 1798 } 1799 1800 .sponsored-card-v2:hover { 1801 box-shadow: 0 2px 10px rgba(0,0,0,0.05); 1802 } 1803 1804 .sponsored-image-v2 { 1805 position: relative; 1806 height: 200px; 1807 } 1808 1809 .sponsored-image-v2 img { 1810 width: 100%; 1811 height: 100%; 1812 object-fit: cover; 1813 } 1814 1815 .sponsored-badge-v2 { 1816 position: absolute; 1817 bottom: 10px; 1818 left: 10px; 1819 padding: 6px 10px; 1820 font-size: 12px; 1821 font-weight: 600; 1822 text-transform: uppercase; 1823 border-radius: 4px; 1824 } 1825 1826 .sponsored-content-v2 { 1827 padding: 20px; 1828 } 1829 1830 .sponsored-title-v2 { 1831 font-size: 18px; 1832 font-weight: 600; 1833 line-height: 1.4; 1834 margin-bottom: 10px; 1835 } 1836 1837 .sponsored-title-v2 a { 1838 text-decoration: none; 1839 transition: color 0.3s ease; 1840 } 1841 1842 .sponsored-title-v2 a:hover { 1843 color: #007bff; /* Blue hover for variety */ 1844 } 1845 1846 .sponsored-excerpt-v2 { 1847 font-size: 14px; 1848 color: #6c757d; 1849 margin-bottom: 15px; 1850 line-height: 1.6; 1851 } 1852 1853 .sponsored-meta-v2 { 1854 display: flex; 1855 align-items: center; 1856 justify-content: space-between; 1857 font-size: 12px; 1858 color: #6c757d; 1859 } 1860 1861 .author-info-v2 { 1862 display: flex; 1863 align-items: center; 1864 gap: 8px; 1865 } 1866 1867 .sponsored-author-img-v2 { 1868 width: 28px; 1869 height: 28px; 1870 border-radius: 50%; 1871 object-fit: cover; 1872 } 1873 1874 .section-title-sponsored-v2 { 1875 font-size: 2.2rem; 1876 font-weight: 700; 1877 text-align: center; 1878 margin-bottom: 30px; 1879 color: #333; 1880 } 1881 1882 @media (max-width: 768px) { 1883 .sponsored-section-v2 { 1884 padding: 30px 0; 1885 } 1886 .sponsored-content-v2 { 1887 padding: 15px; 1888 } 1889 .sponsored-title-v2 { 1890 font-size: 16px; 1891 } 1892 .sponsored-excerpt-v2 { 1893 font-size: 13px; 1894 } 1895 } 1896</style> 1897 1898<section class="sponsored-section-v2"> 1899 <div class="container-fluid fluid-container"> 1900 <div class="row"> 1901 <div class="col-12"> 1902 <h2 class="section-title-sponsored-v2">Sponsored News</h2> 1903 </div> 1904 </div> 1905 1906 <div class="row g-4"> 1907
1908 <div class="col-xl-3 col-lg-4 col-md-6 col-12"> 1909 <div class="card sponsored-card-v2"> 1910 <div class="sponsored-image-v2"> 1911 1912 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt=""> 1913 1914 <div class="sponsored-badge-v2 bg-primary-gradient">News</div> 1915 </div> 1916 <div class="sponsored-content-v2"> 1917 <h3 class="sponsored-title-v2"> 1918 <a href="/the-spooky-cute-puzzler-acts-as-the-ideal-alternative-to-frightening-flicks/" class="top-color"> 1919 The Spooky-Cute Puzzler Acts as the Ideal Alternative to Frightening Flicks 1920 </a> 1921 </h3> 1922 <p class="sponsored-excerpt-v2"> 1923 1924 </p> 1925 <div class="sponsored-meta-v2"> 1926 <div class="author-info-v2"> 1927 1928 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" style="object-fit: cover;" class="sponsored-author-img-v2"> 1929 1930 <span> 1931 Ernest Griffith 1932 </span> 1933 </div> 1934 <span>04 Oct 2026</span> 1935 </div> 1936 </div> 1937 </div> 1938 </div> 1939 1940 <div class="col-xl-3 col-lg-4 col-md-6 col-12"> 1941 <div class="card sponsored-card-v2"> 1942 <div class="sponsored-image-v2"> 1943 1944 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt=""> 1945 1946 <div class="sponsored-badge-v2 bg-primary-gradient">News</div> 1947 </div> 1948 <div class="sponsored-content-v2"> 1949 <h3 class="sponsored-title-v2"> 1950 <a href="/hazbin-hotels-creator-is-aware-of-your-season-2-bingo-cards-with-some-positive-updates/" class="top-color"> 1951 Hazbin Hotel's Creator Is Aware of Your Season 2 Bingo Cards â With Some Positive Updates 1952 </a> 1953 </h3> 1954 <p class="sponsored-excerpt-v2"> 1955 1956 </p> 1957 <div class="sponsored-meta-v2"> 1958 <div class="author-info-v2"> 1959 1960 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" style="object-fit: cover;" class="sponsored-author-img-v2"> 1961 1962 <span> 1963 Ernest Griffith 1964 </span> 1965 </div> 1966 <span>04 Oct 2026</span> 1967 </div> 1968 </div> 1969 </div> 1970 </div> 1971 1972 <div class="col-xl-3 col-lg-4 col-md-6 col-12"> 1973 <div class="card sponsored-card-v2"> 1974 <div class="sponsored-image-v2"> 1975 1976 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt=""> 1977 1978 <div class="sponsored-badge-v2 bg-primary-gradient">News</div> 1979 </div> 1980 <div class="sponsored-content-v2"> 1981 <h3 class="sponsored-title-v2"> 1982 <a href="/pentagon-report-concludes-defense-secretary-placed-military-personnel-in-danger-with-signal-chat/" class="top-color"> 1983 Pentagon Report Concludes Defense Secretary Placed Military Personnel in Danger with Signal Chat. 1984 </a> 1985 </h3> 1986 <p class="sponsored-excerpt-v2"> 1987 1988 </p> 1989 <div class="sponsored-meta-v2"> 1990 <div class="author-info-v2"> 1991 1992 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" style="object-fit: cover;" class="sponsored-author-img-v2"> 1993
1994 <span> 1995 Ernest Griffith 1996 </span> 1997 </div> 1998 <span>04 Oct 2026</span> 1999 </div> 2000 </div> 2001 </div> 2002 </div> 2003 2004 <div class="col-xl-3 col-lg-4 col-md-6 col-12"> 2005 <div class="card sponsored-card-v2"> 2006 <div class="sponsored-image-v2"> 2007 2008 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt=""> 2009 2010 <div class="sponsored-badge-v2 bg-primary-gradient">News</div> 2011 </div> 2012 <div class="sponsored-content-v2"> 2013 <h3 class="sponsored-title-v2"> 2014 <a href="/the-key-to-an-ideal-nap-when-where-for-how-long/" class="top-color"> 2015 The Key to an Ideal Nap: When, Where & for How Long? 2016 </a> 2017 </h3> 2018 <p class="sponsored-excerpt-v2"> 2019 2020 </p> 2021 <div class="sponsored-meta-v2"> 2022 <div class="author-info-v2"> 2023 2024 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" style="object-fit: cover;" class="sponsored-author-img-v2"> 2025 2026 <span> 2027 Ernest Griffith 2028 </span> 2029 </div> 2030 <span>04 Oct 2026</span> 2031 </div> 2032 </div> 2033 </div> 2034 </div> 2035 2036 <div class="col-xl-3 col-lg-4 col-md-6 col-12"> 2037 <div class="card sponsored-card-v2"> 2038 <div class="sponsored-image-v2"> 2039 2040 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt=""> 2041 2042 <div class="sponsored-badge-v2 bg-primary-gradient">News</div> 2043 </div> 2044 <div class="sponsored-content-v2"> 2045 <h3 class="sponsored-title-v2"> 2046 <a href="/the-turin-giants-name-previous-italian-national-team-manager-the-experienced-gaffer/" class="top-color"> 2047 The Turin Giants Name Previous Italian National Team Manager the Experienced Gaffer 2048 </a> 2049 </h3> 2050 <p class="sponsored-excerpt-v2"> 2051 2052 </p> 2053 <div class="sponsored-meta-v2"> 2054 <div class="author-info-v2"> 2055 2056 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" style="object-fit: cover;" class="sponsored-author-img-v2"> 2057 2058 <span> 2059 Ernest Griffith 2060 </span> 2061 </div> 2062 <span>04 Oct 2026</span> 2063 </div> 2064 </div> 2065 </div> 2066 </div> 2067 2068 <div class="col-xl-3 col-lg-4 col-md-6 col-12"> 2069 <div class="card sponsored-card-v2"> 2070 <div class="sponsored-image-v2"> 2071 2072 <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt=""> 2073 2074 <div class="sponsored-badge-v2 bg-primary-gradient">News</div> 2075 </div> 2076 <div class="sponsored-content-v2"> 2077 <h3 class="sponsored-title-v2"> 2078 <a href="/the-anime-juggernaut-financial-impact-the-way-this-anime-sensation-transformed-into-a-cinematic-rescuer/" class="top-color"> 2079 The Anime Juggernaut Financial Impact: The Way This Anime Sensation Transformed Into a Cinematic Rescuer. 2080 </a> 2081 </h3> 2082 <p class="sponsored-excerpt-v2"> 2083 2084 </p> 2085 <div class="sponsored-meta-v2"> 2086 <div class="author-info-v2"> 2087 2088 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/5831f2d2-9136-4eab-b149-2c2bcf4c264f_profile.png" alt="Ernest Griffith" style="object-fit: cover;" class="sponsored-author-img-v2"> 2089
2090 <span> 2091 Ernest Griffith 2092 </span> 2093 </div> 2094 <span>03 Oct 2026</span> 2095 </div> 2096 </div> 2097 </div> 2098 </div> 2099 2100 </div> 2101 </div> 2102</section> 2103 2104 2105 2106 <!-- end wpo-blog-sponsored-section --> 2107 <!-- start wpo-subscribe-section --> 2108 2109 <!-- end subscribe-section --> 2110 <!-- start of wpo-site-footer-section --> 2111 2112 2113 2114 2115 2116 2117 2118<!-- Footer V4 - Modern Corporate Design --> 2119<footer class="wpo-site-footer-v4 bg-primary-gradient"> 2120 2121 <div class="container-fluid fluid-container"> 2122 2123 <!-- Content Sections --> 2124 <div class="content-sections"> 2125 <div class="row g-5"> 2126 2127 <!-- Brand Column --> 2128 <div class="col-lg-4 col-md-12"> 2129 <div class="brand-section"> 2130 <div class="brand-header"> 2131 2132 <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/site_logos/07593f46-a15c-41bc-9d21-87837d98881d_logo.png" alt="Gym Talks" class="brand-logo" loading="lazy"> 2133 2134 <div class="brand-text"> 2135 <h3 class="brand-name">Gym Talks</h3> 2136 <span class="brand-type">Digital Publication</span> 2137 </div> 2138 </div> 2139 <p class="brand-description text-lg-start "> 2140 Explore expert fitness advice, workout routines, and health tips to boost your gym performance. Stay updated with the latest trends in exercise and nutrition for a healthier lifestyle. 2141 </p> 2142 </div> 2143 </div> 2144 2145 <!-- Quick Links Column --> 2146 <div class="col-lg-4 col-md-6"> 2147 <div class="links-section"> 2148 <div class="section-title"> 2149 <h4 class="title-text">Resources</h4> 2150 <div class="title-decoration"></div> 2151 </div> 2152 <div class="links-container"> 2153 2154<div class="link-group"> 2155 <ul class="link-list" id="externalLinks"> 2156 2157 2158 2159 2160 2161 2162 </ul> 2163</div> 2164 2165 </div> 2166 </div> 2167 </div> 2168 2169 <!-- Categories Column --> 2170 <div class="col-lg-4 col-md-6"> 2171 <div class="categories-section"> 2172 <div class="section-title"> 2173 <h4 class="title-text">Explore Topics</h4> 2174 <div class="title-decoration"></div> 2175 </div> 2176 <div class="categories-container"> 2177 <p class="categories-intro">Discover content organized by topics that interest you most.</p> 2178 <div class="categories-cloud"> 2179 2180 <a href="/category/all-posts/" class="category-pill"> 2181 All Posts 2182 </a> 2183 2184 <a href="/category/business/" class="category-pill"> 2185 Business 2186 </a> 2187 2188 <a href="/category/esports/" class="category-pill"> 2189 Esports 2190 </a> 2191 2192 <a href="/category/fashion/" class="category-pill"> 2193 Fashion 2194 </a> 2195 2196 <a href="/category/featured/" class="category-pill"> 2197 Featured 2198 </a> 2199 2200 <a href="/category/gaming/" class="category-pill"> 2201 Gaming 2202 </a> 2203 2204 <a href="/category/health/" class="category-pill"> 2205 Health 2206 </a> 2207 2208 <a href="/category/life-fitness/" class="category-pill"> 2209 Life & Fitness 2210 </a> 2211 2212 </div> 2213 </div> 2214 </div> 2215 </div> 2216 2217 </div> 2218 </div> 2219 2220 <!-- Footer Bottom --> 2221 <div class="footer-bottom"> 2222 <div class="bottom-border"></div> 2223 <div class=" d-flex justify-content-between flex-wrap"> 2224 <div> 2225 <div class="copyright-info"> 2226 <p class="copyright-main"> 2227 © 2026 <span class="brand-highlight">Gym Talks</span>. All rights reserved. 2228 </p> 2229 <p class="copyright-sub"> 2230 Thoughtfully crafted content for curious minds worldwide. 2231 </p> 2232 </div> 2233 </div> 2234 <div> 2235 <div class="footer-actions"> 2236 <div class="action-links"> 2237 <a href="/page/write-for-us/" class="action-link"> 2238 <i class="bi bi-shield-check"></i>
2239 <span>Write For Us</span> 2240 </a> 2241 <a href="/page/terms-and-conditions/" class="action-link"> 2242 <i class="bi bi-shield-check"></i> 2243 <span>Terms & Conditions</span> 2244 </a> 2245 <a href="/sitemap.xml" class="action-link"> 2246 <i class="bi bi-diagram-3"></i> 2247 <span>Sitemap</span> 2248 </a> 2249 </div> 2250 2251 </div> 2252 </div> 2253 </div> 2254 </div> 2255 2256 </div> 2257 2258 2259 2260</footer> 2261 2262 2263<style> 2264/* Footer V4 - Modern Corporate Design */ 2265.wpo-site-footer-v4 { 2266 color: var(--footer-color); 2267 margin-top: 100px; 2268} 2269 2270 2271.accent-line { 2272 position: absolute; 2273 top: 0; 2274 height: 100%; 2275 width: 33.333%; 2276 opacity: 0.8; 2277} 2278 2279.accent-1 { 2280 left: 0; 2281 background: linear-gradient(90deg, #3b82f6, #1d4ed8); 2282 animation: slideRight 3s ease-in-out infinite; 2283} 2284 2285.accent-2 { 2286 left: 33.333%; 2287 background: linear-gradient(90deg, #8b5cf6, #7c3aed); 2288 animation: slideRight 3s ease-in-out infinite 1s; 2289} 2290 2291.accent-3 { 2292 left: 66.666%; 2293 background: linear-gradient(90deg, #10b981, #059669); 2294 animation: slideRight 3s ease-in-out infinite 2s; 2295} 2296 2297@keyframes slideRight { 2298 0%, 100% { transform: translateX(-10px); opacity: 0.6; } 2299 50% { transform: translateX(10px); opacity: 1; } 2300} 2301 2302/* Content Sections */ 2303.content-sections { 2304 padding: 60px 0; 2305 position: relative; 2306 z-index: 2; 2307} 2308 2309/* Brand Section */ 2310.brand-section { 2311 padding-right: 2rem; 2312} 2313 2314.brand-header { 2315 display: flex; 2316 align-items: center; 2317 margin-bottom: 2rem; 2318 gap: 1rem; 2319} 2320 2321.brand-logo { 2322 height: 50px; 2323 width: auto; 2324 border-radius: 8px; 2325} 2326 2327.brand-name { 2328 font-size: 1.5rem; 2329 font-weight: 800; 2330 color: var(--footer-color) !important; 2331 margin: 0; 2332} 2333 2334.brand-type { 2335 color: var(--footer-color) !important; 2336 opacity: 0.8; 2337 font-size: 0.85rem; 2338 font-weight: 500; 2339 text-transform: uppercase; 2340 letter-spacing: 0.5px; 2341} 2342 2343.brand-description { 2344 color: var(--footer-color) !important; 2345 line-height: 1.7; 2346 margin-bottom: 2rem; 2347 font-size: 0.95rem; 2348} 2349 2350.brand-stats { 2351 display: flex; 2352 align-items: center; 2353 gap: 1.5rem; 2354} 2355 2356.stat-item { 2357 text-align: center; 2358} 2359 2360.stat-number { 2361 font-size: 1.5rem; 2362 font-weight: 800; 2363 color: #3b82f6; 2364 display: block; 2365 line-height: 1; 2366} 2367 2368.stat-label { 2369 font-size: 0.8rem; 2370 color: #94a3b8; 2371 margin-top: 0.25rem; 2372} 2373 2374.stat-divider { 2375 width: 1px; 2376 height: 40px; 2377 background: rgba(255, 255, 255, 0.2); 2378} 2379 2380/* Links Section */ 2381.links-section { 2382 padding-left: 1rem; 2383 padding-right: 1rem; 2384} 2385 2386.section-title { 2387 margin-bottom: 2rem; 2388 position: relative; 2389} 2390 2391.title-text { 2392 font-size: 1.3rem; 2393 font-weight: 700; 2394 color: var(--footer-color) !important; 2395 margin-bottom: 0.5rem; 2396 text-align: justify !important; 2397} 2398 2399 2400.link-group { 2401 margin-bottom: 2rem; 2402} 2403 2404.group-title { 2405 font-size: 1rem; 2406 font-weight: 600; 2407 color: #f1f5f9; 2408 margin-bottom: 1rem; 2409 padding-bottom: 0.5rem; 2410 border-bottom: 1px solid rgba(255, 255, 255, 0.1); 2411} 2412 2413.link-list { 2414 list-style: none; 2415 padding: 0; 2416 margin: 0; 2417} 2418 2419.link-item { 2420 margin-bottom: 0.75rem; 2421} 2422 2423.link-text { 2424 color: var(--footer-color) !important; 2425 text-decoration: none; 2426 font-size: 0.9rem; 2427 display: flex; 2428 align-items: center; 2429 transition: all 0.3s ease; 2430 padding: 0.25rem 0; 2431} 2432 2433.link-text:hover { 2434 color: #3b82f6; 2435 padding-left: 0.5rem; 2436} 2437 2438.link-icon { 2439 margin-right: 0.5rem; 2440 opacity: 0; 2441 transition: opacity 0.3s ease; 2442} 2443 2444.link-text:hover .link-icon { 2445 opacity: 1; 2446} 2447 2448.external-icon { 2449 color: #10b981; 2450} 2451 2452/* Categories Section */ 2453.categories-section { 2454 padding-left: 1rem; 2455} 2456 2457.categories-intro { 2458 color: #cbd5e1; 2459 margin-bottom: 1.5rem; 2460 font-size: 0.9rem; 2461} 2462 2463.categories-cloud { 2464 display: flex; 2465 flex-wrap: wrap; 2466 gap: 0.75rem; 2467} 2468 2469.category-pill { 2470 display: inline-block; 2471 padding: 0.5rem 1rem; 2472 background: rgba(255, 255, 255, 0.1); 2473 border: 1px solid rgba(255, 255, 255, 0.2); 2474 border-radius: 20px; 2475 color: var(--footer-color) !important; 2476 text-decoration: none; 2477 font-size: 0.85rem; 2478 opacity: 0.7; 2479 font-weight: 500; 2480 transition: all 0.3s ease; 2481} 2482 2483.category-pill:hover { 2484 background: #3b82f6; 2485 border-color: #3b82f6; 2486 color: var(--footer-color) !important; 2487 opacity: 1; 2488 transform: translateY(-1px); 2489 box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3); 2490} 2491 2492/* Footer Bottom */ 2493.footer-bottom { 2494 padding: 2rem 0; 2495 position: relative; 2496 z-index: 2; 2497} 2498 2499.bottom-border { 2500 height: 1px; 2501 background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); 2502 margin-bottom: 2rem; 2503} 2504 2505.copyright-main { 2506 font-size: 1rem; 2507 color: #e2e8f0; 2508 margin-bottom: 0.25rem; 2509} 2510 2511.brand-highlight { 2512 color: var(--footer-color); 2513 font-weight: 700; 2514} 2515 2516.copyright-sub { 2517 font-size: 0.85rem; 2518 color: #94a3b8; 2519 margin: 0; 2520} 2521 2522.footer-actions { 2523 display: flex; 2524 align-items: center; 2525 gap: 2rem; 2526} 2527 2528.action-links { 2529 display: flex; 2530 gap: 1.5rem; 2531} 2532 2533.action-link { 2534 display: flex; 2535 align-items: center; 2536 gap: 0.5rem; 2537 color: #cbd5e1; 2538 text-decoration: none; 2539 font-size: 0.9rem; 2540 transition: color 0.3s ease; 2541} 2542 2543.action-link:hover { 2544 color: #3b82f6; 2545} 2546 2547.scroll-to-top-btn { 2548 background: rgba(255, 255, 255, 0.1); 2549 border: 1px solid rgba(255, 255, 255, 0.2); 2550 color: #cbd5e1; 2551 width: 44px; 2552 height: 44px; 2553 border-radius: 12px; 2554 cursor: pointer; 2555 transition: all 0.3s ease; 2556 display: flex; 2557 align-items: center; 2558 justify-content: center; 2559} 2560 2561.scroll-to-top-btn:hover { 2562 background: #3b82f6; 2563 border-color: #3b82f6; 2564 color: white; 2565 transform: translateY(-2px); 2566} 2567
2568/* Background Pattern */ 2569.footer-pattern { 2570 position: absolute; 2571 top: 0; 2572 left: 0; 2573 width: 100%; 2574 height: 100%; 2575 z-index: 1; 2576 overflow: hidden; 2577} 2578 2579.pattern-grid { 2580 position: relative; 2581 width: 100%; 2582 height: 100%; 2583} 2584 2585.pattern-dot { 2586 position: absolute; 2587 width: 2px; 2588 height: 2px; 2589 background: rgba(255, 255, 255, 0.1); 2590 border-radius: 50%; 2591} 2592 2593.pattern-dot:nth-child(1) { top: 20%; left: 10%; } 2594.pattern-dot:nth-child(2) { top: 40%; right: 15%; } 2595.pattern-dot:nth-child(3) { top: 60%; left: 70%; } 2596.pattern-dot:nth-child(4) { bottom: 30%; right: 30%; } 2597.pattern-dot:nth-child(5) { bottom: 50%; left: 40%; } 2598.pattern-dot:nth-child(6) { top: 80%; right: 60%; } 2599 2600/* Responsive Design */ 2601@media (max-width: 992px) { 2602 .newsletter-heading { 2603 font-size: 2rem; 2604 } 2605 2606 .brand-section { 2607 padding-right: 0; 2608 margin-bottom: 3rem; 2609 } 2610 2611 .links-section, .categories-section { 2612 padding-left: 0; 2613 padding-right: 0; 2614 } 2615 2616 .brand-stats { 2617 justify-content: center; 2618 margin-top: 2rem; 2619 } 2620} 2621 2622@media (max-width: 768px) { 2623 .newsletter-section { 2624 padding: 60px 0 40px; 2625 } 2626 2627 .newsletter-container { 2628 padding: 2rem 1.5rem; 2629 margin: 0 1rem; 2630 } 2631 2632 .newsletter-heading { 2633 font-size: 1.75rem; 2634 } 2635 2636 .content-sections { 2637 padding: 40px 0; 2638 } 2639 2640 .brand-header { 2641 flex-direction: column; 2642 text-align: center; 2643 } 2644 2645 .footer-actions { 2646 flex-direction: column; 2647 gap: 1rem; 2648 margin-top: 1.5rem; 2649 } 2650 2651 .action-links { 2652 order: 2; 2653 } 2654 2655 .scroll-to-top-btn { 2656 order: 1; 2657 } 2658} 2659 2660@media (max-width: 576px) { 2661 .newsletter-container { 2662 padding: 1.5rem 1rem; 2663 } 2664 2665 .newsletter-heading { 2666 font-size: 1.5rem; 2667 } 2668 2669 .brand-stats { 2670 flex-direction: column; 2671 gap: 1rem; 2672 } 2673 2674 .stat-divider { 2675 width: 40px; 2676 height: 1px; 2677 } 2678 2679 .action-links { 2680 flex-direction: column; 2681 gap: 0.75rem; 2682 text-align: center; 2683 } 2684 2685 .pattern-dot { 2686 display: none; 2687 } 2688} 2689</style> 2690 2691<!-- Bootstrap 5 JS --> 2692
2693<script> 2694// Scroll to Top Function 2695document.addEventListener('DOMContentLoaded', function () { 2696 var btn = document.getElementById('toggleExternal'); 2697 if (!btn) return; // No extra items, no button 2698 2699 var extras = document.querySelectorAll('#externalLinks li.extra'); 2700 2701 btn.addEventListener('click', function () { 2702 var anyHidden = Array.prototype.some.call(extras, function (li) { 2703 return li.classList.contains('d-none'); 2704 }); 2705 2706 extras.forEach(function (li) { 2707 if (anyHidden) { 2708 li.classList.remove('d-none'); 2709 li.classList.add('show'); 2710 } else { 2711 li.classList.add('d-none'); 2712 li.classList.remove('show'); 2713 } 2714 }); 2715 2716 btn.textContent = anyHidden ? 'View less' : 'View more'; 2717 btn.setAttribute('aria-expanded', anyHidden ? 'true' : 'false'); 2718 }); 2719}); 2720function scrollToTop() { 2721 window.scrollTo({ 2722 top: 0, 2723 behavior: 'smooth' 2724 }); 2725} 2726 2727// Initialize Footer V4 Features 2728document.addEventListener('DOMContentLoaded', function() { 2729 2730 // Newsletter Form Handling 2731 const newsletterForm = document.querySelector('.newsletter-form'); 2732 const emailInput = document.querySelector('.form-input'); 2733 const submitButton = document.querySelector('.submit-button'); 2734 const successMessage = document.querySelector('.success-message'); 2735 const errorMessage = document.querySelector('.error-message'); 2736 const infoMessage = document.querySelector('.info-message'); 2737 2738 if (newsletterForm && emailInput && submitButton) { 2739 2740 // Form submission 2741 newsletterForm.addEventListener('submit', function(e) { 2742 e.preventDefault(); 2743 2744 const email = emailInput.value.trim(); 2745 2746 // Validate email 2747 if (!email || !isValidEmail(email)) { 2748 showMessage('error'); 2749 emailInput.focus(); 2750 return; 2751 } 2752 2753 // Show loading state 2754 const originalText = submitButton.querySelector('.button-text').textContent; 2755 const originalIcon = submitButton.querySelector('.button-icon').innerHTML; 2756 2757 submitButton.disabled = true; 2758 submitButton.querySelector('.button-text').textContent = 'Subscribing...'; 2759 submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-arrow-clockwise"></i>'; 2760 submitButton.querySelector('.button-icon i').style.animation = 'spin 1s linear infinite'; 2761 2762 // Simulate API call 2763 setTimeout(() => { 2764 // Success state 2765 submitButton.querySelector('.button-text').textContent = 'Subscribed!'; 2766 submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-check-lg"></i>'; 2767 submitButton.querySelector('.button-icon i').style.animation = '
2767none'; 2768 submitButton.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)'; 2769 2770 showMessage('success'); 2771 2772 // Reset after delay 2773 setTimeout(() => { 2774 submitButton.querySelector('.button-text').textContent = originalText; 2775 submitButton.querySelector('.button-icon').innerHTML = originalIcon; 2776 submitButton.style.background = ''; 2777 submitButton.disabled = false; 2778 emailInput.value = ''; 2779 showMessage('info'); 2780 }, 3000); 2781 2782 }, 2000); 2783 }); 2784 2785 // Input validation 2786 emailInput.addEventListener('blur', function() { 2787 const email = this.value.trim(); 2788 if (email && !isValidEmail(email)) { 2789 this.style.borderColor = '#ef4444'; 2790 this.style.boxShadow = '0 0 0 4px rgba(239, 68, 68, 0.2)'; 2791 } else if (email && isValidEmail(email)) { 2792 this.style.borderColor = '#10b981'; 2793 this.style.boxShadow = '0 0 0 4px rgba(16, 185, 129, 0.2)'; 2794 } 2795 }); 2796 2797 emailInput.addEventListener('focus', function() { 2798 this.style.borderColor = '#3b82f6'; 2799 this.style.boxShadow = '0 0 0 4px rgba(59, 130, 246, 0.2)'; 2800 }); 2801 2802 // Reset validation styling on input 2803 emailInput.addEventListener('input', function() { 2804 if (this.style.borderColor === 'rgb(239, 68, 68)') { 2805 this.style.borderColor = ''; 2806 this.style.boxShadow = ''; 2807 } 2808 }); 2809 } 2810 2811 // Email validation function 2812 function isValidEmail(email) { 2813 const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 2814 return emailRegex.test(email); 2815 } 2816 2817 // Message display function 2818 function showMessage(type) { 2819 // Hide all messages 2820 successMessage.style.display = 'none'; 2821 errorMessage.style.display = 'none'; 2822 infoMessage.style.display = 'none'; 2823 2824 // Show specific message 2825 if (type === 'success') { 2826 successMessage.style.display = 'block'; 2827 } else if (type === 'error') { 2828 errorMessage.style.display = 'block'; 2829 } else if (type === 'info') { 2830 infoMessage.style.display = 'block'; 2831 } 2832 } 2833 2834 // Smooth reveal animations 2835 const observerOptions = { 2836 threshold: 0.1, 2837 rootMargin: '0px 0px -30px 0px' 2838 }; 2839 2840 const sectionObserver = new IntersectionObserver((entries) => { 2841 entries.forEach(entry => { 2842 if (entry.isIntersecting) { 2843 entry.target.style.opacity = '1'; 2844 entry.target.style.transform = 'translateY(0)'; 2845 } 2846 }); 2847 }, observerOptions); 2848 2849 // Animate sections 2850 document.querySelectorAll('.brand-section, .links-section, .categories-section').forEach((section, index) => { 2851 section.style.opacity = '0'; 2852 section.style.transform = 'translateY(20px)'; 2853 section.style.transition = `all 0.6s ease ${index * 0.2}s`; 2854 sectionObserver.observe(section); 2855 }); 2856 2857 // Animate category pills 2858 document.querySelectorAll('.category-pill').forEach((pill, index) => { 2859 pill.style.opacity = '0'; 2860 pill.style.transform = 'translateY(10px)'; 2861 pill.style.transition = `all 0.4s ease ${index * 0.1}s`; 2862 2863 setTimeout(() => { 2864 pill.style.opacity = '1'; 2865 pill.style.transform = 'translateY(0)'; 2866 }, 300 + (index * 100)); 2867 }); 2868 2869 // Enhanced link hover effects 2870 document.querySelectorAll('.link-text').forEach(link => { 2871 link.addEventListener('mouseenter', function() { 2872 const icon = this.querySelector('.link-icon'); 2873 if (icon) { 2874 icon.style.transform = 'translateX(4px)'; 2875 } 2876 }); 2877 2878 link.addEventListener('mouseleave', function() { 2879 const icon = this.querySelector('.link-icon'); 2880 if (icon) { 2881 icon.style.transform = 'translateX(0)'; 2882 } 2883 }); 2884 }); 2885 2886 // Prevent default for demo links 2887 document.querySelectorAll('a[href="#"]').forEach(link => { 2888 link.addEventListener('click', function(e) { 2889 e.preventDefault(); 2890 }); 2891 }); 2892 2893 // Add ripple effect to submit button 2894 submitButton.addEventListener('click', function(e) { 2895 const ripple = document.createElement('span'); 2896 const rect = this.getBoundingClientRect(); 2897 const size = Math.max(rect.width, rect.height); 2898 const x = e.clientX - rect.left - size / 2; 2899 const y = e.clientY - rect.top - size / 2; 2900 2901 ripple.style.cssText = `
2902 position: absolute; 2903 width: ${size}px; 2904 height: ${size}px; 2905 left: ${x}px; 2906 top: ${y}px; 2907 background: rgba(255, 255, 255, 0.3); 2908 border-radius: 50%; 2909 transform: scale(0); 2910 animation: ripple 0.6s ease-out; 2911 pointer-events: none; 2912 `; 2913 2914 this.appendChild(ripple); 2915 2916 setTimeout(() => { 2917 ripple.remove(); 2918 }, 600); 2919 }); 2920 2921}); 2922 2923// Add CSS for ripple animation 2924const rippleStyle = document.createElement('style'); 2925rippleStyle.textContent = ` 2926 @keyframes ripple { 2927 to { 2928 transform: scale(2); 2929 opacity: 0; 2930 } 2931 } 2932 2933 @keyframes spin { 2934 from { transform: rotate(0deg); } 2935 to { transform: rotate(360deg); } 2936 } 2937 2938 .submit-button { 2939 position: relative; 2940 overflow: hidden; 2941 } 2942`; 2943document.head.appendChild(rippleStyle); 2944</script>
2944 2945 2946 <!-- end of wpo-site-footer-section --> 2947 </div> 2948 <!-- end of page-wrapper --> 2949 2950 <!-- All JavaScript files 2951 ================================================== --> 2952 2953
2954<script src="/static/blogapp/assets/js/jquery.min.js"></script>
vendor: 1 bytes, line 2954
2954
2955<script src="/static/blogapp/assets/js/bootstrap.bundle.min.js"></script>
2955 2956<!-- Plugins for this template -->
2957<script src="/static/blogapp/assets/js/modernizr.custom.js"></script>
vendor: 1 bytes, line 2957
2957
2958<script src="/static/blogapp/assets/js/jquery-plugin-collection.js"></script>
2958 2959<!-- Custom script for this template -->
2960<script src="/static/blogapp/assets/js/script.js"></script>
2960 2961
2962<script> 2963 (function () { 2964 var fallbackImageSrc = "/static/blogapp/assets/images/breaking-news/img-1.jpg"; 2965 console.log("[ImageFallback] Initialized with fallback:", fallbackImageSrc); 2966 2967 function applyFallback(img) { 2968 if (!img || img.dataset.fallbackApplied === "1") { 2969 return; 2970 } 2971 var failedSrc = img.currentSrc || img.src || ""; 2972 img.dataset.fallbackApplied = "1"; 2973 img.onerror = null; 2974 img.src = fallbackImageSrc; 2975 console.warn("[ImageFallback] Replaced broken image:", { 2976 failedSrc: failedSrc, 2977 fallbackSrc: fallbackImageSrc, 2978 alt: img.alt || "", 2979 }); 2980 } 2981 2982 document.querySelectorAll("img").forEach(function (img) { 2983 if (img.complete && img.naturalWidth === 0) { 2984 console.warn("[ImageFallback] Found broken image at load, applying fallback.", { 2985 failedSrc: img.currentSrc || img.src || "", 2986 alt: img.alt || "", 2987 }); 2988 applyFallback(img); 2989 } 2990 }); 2991 2992 document.addEventListener( 2993 "error", 2994 function (event) { 2995 var target = event.target; 2996 if (target && target.tagName === "IMG") { 2997 applyFallback(target); 2998 } 2999 }, 3000 true 3001 ); 3002 })(); 3003</script>
3003 3004 3005<!--
3005<script src="https://api-new.nextbacklinks.com/static/ads/ad-script.js"></script>
3005 --> 3006 3007 3008
3008<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2c967357416645dea799c1406dc81c9b","r":1,"spa":2}' crossorigin="anonymous"></script>
3008 3009</body> 3010 </html> 3011 3012
3013<script> 3014 document.addEventListener("DOMContentLoaded", function () { 3015 const shareBtn = document.getElementById("shareBtn"); 3016 const pageUrl = window.location.href; 3017 const pageTitle = document.title; 3018 3019 shareBtn.addEventListener("click", async () => { 3020 if (navigator.share) { 3021 // Mobile / modern browsers 3022 try { 3023 await navigator.share({ 3024 title: pageTitle, 3025 url: pageUrl, 3026 }); 3027 } catch (err) { 3028 console.error("Share failed:", err.message); 3029 } 3030 } else { 3031 // Fallback: copy to clipboard 3032 navigator.clipboard.writeText(pageUrl).then(() => { 3033 alert("Link copied to clipboard!"); 3034 }); 3035 } 3036 }); 3037 }); 3038</script>
vendor: 1 bytes, line 3038
3038
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.