PageSourceSearch

https://gymtalks.ae/there-is-no-end-in-sight-displaced-thai-reside…orrow-after-renewed-fighting-with-cambodia/

html gymtalks.ae collected 2026-10-07 04:01:48 UTC 108,664 bytes, 3,038 lines download raw bytes

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>&#x27;There is no end in sight&#x27;: 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&#x27;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 &#x27;the most Massive Scam in US Annals&#x27; 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 &amp; 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>&#x27;There is no end in sight&#x27;: 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&#x27;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 &amp; 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&#x27;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 &amp; 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 &amp; 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.