PageSourceSearch

https://889993023.xyz/there-is-no-end-in-sight-thai-evacuees-are-a…mes-next-after-fresh-clashes-with-cambodia/

html 889993023.xyz collected 2026-10-07 07:14:08 UTC 99,714 bytes, 2,915 lines download raw bytes

1
2
3
4  <!DOCTYPE html>
5  <html lang="en" data-font-scheme="ptserif">
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-28T151350.467_RpYEx07_GskiiYF_5L2fOnq.png"> 
14    
15
16    <title>&#x27;There is no end in sight&#x27;: Thai evacuees are anxious about what comes next after fresh clashes with Cambodia.</title>
17    <meta name="description" content="People living in border areas, including Rangsan Angda in the shared boundary zone of Thailand had long since prepared to leave, worried that a truce with ">
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://889993023.xyz/there-is-no-end-in-sight-thai-evacuees-are-anxious-about-what-comes-next-after-fresh-clashes-with-cambodia/">
36    <!-- Dynamic CSS Override -->
37    
38<style>
39    :root {
40        /* Bootstrap 5 Color Overrides */
41        --bs-primary: #ff9f43;
42        --bs-primary-rgb: ff9f43;
43        --bs-secondary: #5c6b73;
44        --bs-success: #00c4b4;
45        --bs-danger: #d00000;
46        --bs-warning: #f48c06;
47        --bs-info: #0077b6;
48        --bs-light: #f4f4f9;
49        --bs-dark: #252422;
50        
51        /* Your SCSS Variables Override */
52        --theme-primary-color: #ff9f43;
53        --theme-primary-color-s2: #ff9f43;
54        --body-bg-color: #ffffff;
55        --section-bg-color: #f9faff;
56        --text-color: #252422;
57        --text-light-color: #676767;
58        --heading-color: #252422;
59        --border-color: #ced4da;
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: #e9ecef;
75        --navbar-color: #252422;
76        --topbar-bg: #f4f4f9;
77        --topbar-color: #252422;
78        --footer-bg: #252422;
79        --footer-color: #ffffff;
80        --card-bg: #ffffff;
81        --card-border: #ced4da;
82        --card-radius: 12px;
83        --link-color: #ff9f43;
84        --link-hover: #e07c24;
85        --blog-color: #ffffff;
86        --blog-bg: rgba(255, 159, 67, 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_11
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  
394 <div class="topbar ">
395  <div class="container-fluid fluid-container">
396    <div class="row align-items-center ">
397      <div class="col  col-lg-9 col-md-9 col-sm-12 col-12">
398        <div class="contact-intro ">
399          <ul class="d-flex gap-2 align-items-center">
400            <li class="update ">
401              <span class="bg-primary-gradient text-nowrap">New Update</span>
402            </li>
403            <li class="top-color">
404              <marquee direction="left" scrollamount="4" behavior="scroll" class="d-flex pt-1">
405                <p class="text-center mb-0">
406                  
407                  <a href="/a-feeling-of-dread-whats-going-on-in-turkish-football/" class="px-5 top-color">
408                    A Feeling of Dread - What&#x27;s Going On in Turkish Football?
409                  </a>
410                  
411                  <a href="/nancy-pelosi-describes-donald-trump-as-the-massive-scam-in-us-history-in-response-to-climate-comment/" class="px-5 top-color">
412                    Nancy Pelosi Describes Donald Trump as &#x27;the Massive Scam in US History&#x27; in Response to Climate Comment
413                  </a>
414                  
415                  <a href="/turkish-authorities-detain-8-individuals-suspend-over-a-thousand-footballers-in-betting-probe/" class="px-5 top-color">
416                    Turkish Authorities Detain 8 Individuals, Suspend Over a Thousand Footballers in Betting Probe
417                  </a>
418                  
419                  <a href="/congress-preparing-to-vote-on-ending-government-shutdown/" class="px-5 top-color">
420                    Congress Preparing to Vote on Ending Government Shutdown
421                  </a>
422                  
423                  <a href="/exploring-perfect-deliveries-to-the-channel-of-indecision-celebrate-crickets-rich-vocabulary-of-bowling/" class="px-5 top-color">
424                    Exploring Perfect Deliveries to the Channel of Indecision – Celebrate Cricket’s Rich Vocabulary of Bowling
425                  </a>
426                  
427                </p>
428              </marquee>
429            </li>
430          </ul>
431        </div>
432      </div>
433      <div class="col col-lg-3 col-md-3 col-sm-12 col-12">
434        <div class="contact-info ">
435          <ul>
436            <li>
437              <a href="#" class="top-color"><i class="top-color ti-facebook"></i></a>
438            </li>
439            <li>
440              <a href="#" class="top-color"><i class="top-color ti-twitter-alt"></i></a>
441            </li>
442            <li>
443              <a href="#" class="top-color"><i class="top-color ti-instagram"></i></a>
444            </li>
445            <li>
446              <a href="#" class="top-color"><i class="top-color ti-google"></i></a>
447            </li>
448          </ul>
449        </div>
450      </div>
451    </div>
452  </div>
453</div>
454
455  
456
457
458
459          
460
461
462
463
464
465
466<header class="header-v9 mb-4" role="banner">
467  <div class="container-fluid fluid-container">
468    <!-- Sticky/Glass Nav Card -->
469    <div class="nav-card-v9" role="navigation" aria-label="Primary">
470      <div class="row align-items-center justify-content-between g-3">
471        <!-- Logo -->
472       <div class="col-6 col-md-3 col-lg-2">
473          <a class="logo-link-v9 d-inline-flex align-items-center gap-2" href="/">
474            
475              <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/site_logos/0cc64db4-199d-440c-81ed-c25cfc668bf5_logo.png" alt="Logo" class="logo-img-v9" width="160" height="48" decoding="async" fetchpriority="high" />
476            
477          </a>
478        </div>
479
480        <!-- Desktop Nav -->
481        <div class="col d-none d-xl-block">
482          <nav class="main-nav-v9">
483            <ul class="nav-list-v9">
484              <!-- Home (static) -->
485              <li class="nav-item-v9">
486                <a href="/" class="nav-link-v9 active-v9">Home</a>
487              </li >
488           
489              
490                
491                  <li class="nav-item-v9">
492                    <a href="/category/all-posts/" class="nav-link-v9">All Posts</a>
493                  </li>
494                
495                  <li class="nav-item-v9">
496                    <a href="/category/business/" class="nav-link-v9">Business</a>
497                  </li>
498                
499                  <li class="nav-item-v9">
500                    <a href="/category/esports/" class="nav-link-v9">Esports</a>
501                  </li>
502                
503                  <li class="nav-item-v9">
504                    <a href="/category/fashion/" class="nav-link-v9">Fashion</a>
505                  </li>
506                
507                  <li class="nav-item-v9">
508                    <a href="/category/featured/" class="nav-link-v9">Featured</a>
509                  </li>
510                
511                  <li class="nav-item-v9">
512                    <a href="/category/gaming/" class="nav-link-v9">Gaming</a>
513                  </li>
514                
515                  <li class="nav-item-v9">
516                    <a href="/category/health/" class="nav-link-v9">Health</a>
517                  </li>
518                
519                  <li class="nav-item-v9">
520                    <a href="/category/life-fitness/" class="nav-link-v9">Life &amp; Fitness</a>
521                  </li>
522                
523
524                
525                  <li class="nav-item-v9 has-dropdown-v9">
526                    <button class="nav-link-v9 bg-transparent border-0 nav-more-btn-v9" type="button" aria-haspopup="true" aria-expanded="false" aria-controls="more-desktop-v9">
527                      More<svg class="chev-v9" width="16" height="16" viewB
527ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
528                        <polyline points="6,9 12,15 18,9"></polyline>
529                      </svg>
530                    </button>
531                    <div class="dropdown-card-v9" id="more-desktop-v9" role="menu">
532                      <div class="dropdown-grid-v9">
533                        <div class="dropdown-section-v9">
534                          
535                            <a href="/category/lifestyle/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Lifestyle</a>
536                          
537                            <a href="/category/news/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> News</a>
538                          
539                            <a href="/category/others/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Others</a>
540                          
541                            <a href="/category/politics/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Politics</a>
542                          
543                            <a href="/category/sports/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Sports</a>
544                          
545                            <a href="/category/tech/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Tech</a>
546                          
547                            <a href="/category/travel/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Travel</a>
548                          
549                        </div>
550                      </div>
551                    </div>
552                  </li>
553                
554              
555                <li class="nav-item-v9">
556                <a href="/page/contact-us/" class="nav-link-v9">Contact Us</a>
557              </li >
558            </ul>
559          </nav>
560        </div>
561
562        <!-- Actions -->
563        <div class="col-6 col-md-3 col-lg-2">
564          <div class="nav-actions-v9">
565            <button class="icon-btn-v9" aria-controls="searchPanelV9" aria-expanded="false" aria-label="Open search" onclick="toggleSearchV9()">
566              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
567                <circle cx="11" cy="11" r="8"></circle>
568                <path d="m21 21-4.35-4.35"></path>
569              </svg>
570            </button>
571            <button class="icon-btn-v9 d-xl-none" aria-controls="mobileNavV9" aria-expanded="false" aria-label="Open menu" onclick="toggleMobileNavV9()">
572              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
573                <line x1="3" y1="6" x2="21" y2="6" />
574                <line x1="3" y1="12" x2="21" y2="12" />
575                <line x1="3" y1="18" x2="21" y2="18" />
576              </svg>
577            </button>
578          </div>
579        </div>
580      </div>
581
582      <!-- Active underline (animated) -->
583      <span class="active-rail-v9" aria-hidden="true"></span>
584    </div>
585
586    <!-- Search Panel -->
587    <div class="search-panel-v9" id="searchPanelV9" role="dialog" aria-label="Site search" aria-modal="true">
588      <form class="search-form-v9" action="" method="get" role="search">
589        <label for="q-v9" class="visually-hidden">Search</label>
590        <div class="search-input-wrap-v9">
591          <svg class="search-icn-v9" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
592            <circle cx="11" cy="11" r="8"></circle>
593            <path d="m21 21-4.35-4.35"></path>
594          </svg>
595          <input id="search-input" name="q" type="search"  class="search-input-v9" placeholder="Search articles, tutorials, news…" autocomplete="off" />
596          <button type="button" class="icon-btn-v9 ghost" aria-label="Close search" onclick="toggleSearchV9()">
597            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
598              <line x1="18" y1="6" x2="6" y2="18" />
599              <line x1="6" y1="6" x2="18" y2="18" />
600            </svg>
601          </button>
602        </div>
603        <div class="search-suggest-v9 search-v1" id="search-results">
604          
605        </div>
606      </form>
607    </div>
608
609    <!-- Mobile Offcanvas -->
610    <aside class="mobile-nav-v9 d-xl-none" id="mobileNavV9" role="dialog" aria-label="Mobile navigation" aria-modal="true">
611      <div class="mobile-wrap-v9">
612        <div class="mobile-head-v9">
613          <span class="mobile-title-v9">Menu</span>
614          <button class="icon-btn-v9 ghost" aria-label="Close menu" onclick="toggleMobileNavV9()">
615            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
616              <line x1="18" y1="6" x2="6" y2="18" />
617              <line x1="6" y1="6" x2="18" y2="18" />
618            </svg>
619          </button>
620        </div>
621
622        <ul class="mobile-list-v9">
623          <li>
624            <a class="mobile-link-v9 active-v9" href="/">Home</a>
625          </li>
626          <li class="">
627                <a href="/page/contact-us/" class="mobile-link-v9">Contact Us</a>
628          </li >
629          
630            
631              <li>
632                <a class="mobile-link-v9" href="/category/all-posts/">All Posts</a>
633              </li>
634            
635              <li>
636                <a class="mobile-link-v9" href="/category/business/">Business</a>
637              </li>
638            
639              <li>
640                <a class="mobile-link-v9" href="/category/esports/">Esports</a>
641              </li>
642            
643              <li>
644                <a class="mobile-link-v9" href="/category/fashion/">Fashion</a>
645              </li>
646            
647              <li>
648                <a class="mobile-link-v9" href="/category/featured/">Featured</a>
649              </li>
650            
651
652            
653          
654        </ul>
655      </div>
656    </aside>
657  </div>
658
659  <!-- Overlay -->
660  <div class="nav-overlay-v9" id="navOverlayV9" onclick="closeAllV9()" aria-hidden="true"></div>
661</header>
662
663<style>
664
665  .header-v9 {
666    position: relative;
667    padding: 14px 0;
668    z-index: 50;
669  }
670  .header-v9.is-scrolled .nav-card-v9 {
671    padding: 10px 18px;
672    border-radius: 14px;
673    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
674  }
675  .header-v9.is-scrolled .logo-img-v9 {
676    transform: scale(0.92);
677  }
678  
679  /* Card */
680  .nav-card-v9 {
681    background: var(--navbar-bg);
682    backdrop-filter: blur(18px);
683    border: 1px solid var(--border-color);
684    border-radius: 18px;
685    padding: 14px 22px;
686    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
687    position: sticky;
688    top: 10px;
689  }
690  
691  /* Logo */
692  .logo-img-v9 {
693    max-height: 60px;
694    width: auto;
695    transition: transform 0.25s ease, opacity 0.25s ease;
696  }
697  .logo-link-v9:hover .logo-img-v9 {
698    transform: translateY(-1px) scale(1.03);
699  }
700  
701  /* Desktop nav */
702  .main-nav-v9 {
703    display: flex;
704    justify-content: center;
705  }
706  .nav-list-v9 {
707    display: flex;
708    gap: 6px;
709    list-style: none;
710    margin: 0;
711    padding: 0;
712  }
713  .nav-item-v9 {
714    position: relative;
715  }
716  .nav-link-v9 {
717    position: relative;
718    display: inline-flex;
719    align-items: center;
720    justify-content: center;
721    padding: 10px 10px;
722    border-radius: 12px;
723    color: var(--navbar-color);
724    text-decoration: none;
725    font-weight: 500;
726    font-size: 15px;
727    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
728  }
729  .nav-link-v9:hover {
730    background: rgba(102, 126, 234, 0.1);
731    color: var(--topbar-color);
732    transform: translateY(-1px);
733  }
734  .nav-link-v9.active-v9 {
735    color: transparent;
736  }
737  .nav-link-v9.active-v9::after {
738    content: '';
739    position: absolute;
740    left: 12px;
741    right: 12px;
742    bottom: 6px;
743    height: 3px;
744    border-radius: 3px;
745    background: var(--sub-nav);
746  }
747  
748  /* Dropdown */
749  .has-dropdown-v9 {
750    position: relative;
751  }
752  .nav-more-btn-v9 {
753    display: inline-flex;
754    gap: 6px;
755    align-items: center;
756  }
757  .chev-v9 {
758    transition: transform 0.2s ease;
759  }
760  .has-dropdown-v9:focus-within .chev-v9,
761  .has-dropdown-v9:hover .chev-v9 {
762    transform: rotate(180deg);
763  }
764  
765  .dropdown-card-v9 {
766    position: absolute;
767    top: calc(100% + 14px);
768    left: 50%;
769    transform: translateX(-50%) translateY(-6px);
770    background: var(--navbar-bg);
771    border: 1px solid var(--border-color);
772    border-radius: 14px;
773    padding: 18px;
774    min-width: 280px;
775    z-index: 200;
776    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
777    opacity: 0;
778    visibility: hidden;
779    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
780  }
781  .has-dropdown-v9:hover .dropdown-card-v9,
782  .has-dropdown-v9:focus-within .dropdown-card-v9 {
783    opacity: 1;
784    visibility: visible;
785    transform: translateX(-50%) translateY(0);
786  }
787  
788  .dropdown-grid-v9 {
789    display: grid;
790    grid-template-columns: 1fr;
791    gap: 10px;
792  }
793  .dropdown-section-v9 {
794    display: grid;
795    gap: 6px;
796  }
797  .dropdown-link-v9 {
798    display: flex;
799    align-items: center;
800    gap: 10px;
801    padding: 10px 12px;
802    border-radius: 10px;
803    text-decoration: none;
804    font-size: 14px;
805    color: var(--navbar-color);
806    transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
807  }
808  .dropdown-link-v9:hover {
809    background: var(--bs-primary);
810    color: var(--bs-white);
811    transform: translateX(4px);
812  }
813  .link-dot-v9 {
814    width: 6px;
815    height: 6px;
816    border-radius: 50%;
817    border: 1px solid currentColor;
818  }
819  
820  /* Actions */
821  .nav-actions-v9 {
822    display: flex;
823    justify-content: flex-end;
824    align-items: center;
825    gap: 8px;
826  }
827  .icon-btn-v9 {
828    border: 1px solid var(--border-color);
829    background: rgba(102, 126, 234, 0.1);
830    color: var(--navbar-color);
831    padding: 8px;
832    border-radius: 12px;
833    cursor: pointer;
834    transition: transform 0.2s, background 0.2s, color 0.2s;
835  }
836  .icon-btn-v9:hover {
837    background: var(--sub-nav);
838    color: var(--topbar-color) !important;
839    transform: translateY(-1px);
840  }
841  .icon-btn-v9.ghost {
842    background: transparent;
843  }
844  
845  /* Search Panel */
846  .search-panel-v9 {
847    position: fixed;
848    top: 14px;
849    left: 50%;
850    transform: translateX(-50%) translateY(-16px);
851    width: min(720px, calc(100% - 40px));
852    background: var(--navbar-bg);
853    border: 1px solid var(--border-color);
854    border-radius: 16px;
855    padding: 16px;
856    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
857    opacity: 0;
858    visibility: hidden;
859    z-index: 300;
860    transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
861  }
862  .search-panel-v9.show-v9 {
863    opacity: 1;
864    visibility: visible;
865    transform: translateX(-50%) translateY(0);
866  }
867  .search-input-wrap-v9 {
868    display: flex;
869    align-items: center;
870    gap: 10px;
871    background: rgba(248, 250, 252, 0.8);
872    border: 2px solid rgba(102, 126, 234, 0.2);
873    border-radius: 12px;
874    padding: 6px 8px;
875    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
876  }
877  .search-input-wrap-v9:focus-within {
878    border-color: #667eea;
879    background: rgba(255, 255, 255, 0.9);
880    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
881  }
882  .search-icn-v9 {
883    color: #a0aec0;
884    margin-left: 6px;
885  }
886  .search-input-v9 {
887    flex: 1;
888    border: 0;
889    background: transparent;
890    outline: none;
891    padding: 12px 4px;
892    font-size: 16px;
893    color: #2d3748;
894  }
895  .search-suggest-v9 {
896    display: grid;
897    grid-template-columns: repeat(3, minmax(0, 1fr));
898    gap: 8px;
899    margin-top: 10px;
900  }
901  .suggestion-v9 {
902    border: 1px solid var(--border-color);
903    background: rgba(248, 250, 252, 0.5);
904    color: var(--navbar-color);
905    padding: 10px 12px;
906    border-radius: 10px;
907    font-size: 14px;
908    text-align: left;
909    cursor: pointer;
910    transition: background 0.2s, color 0.2s, transform 0.2s;
911  }
912  .suggestion-v9:hover {
913    background: var(--bs-primary) !important ;
914    color: var(--bs-white)  !important;
915    transform: translateY(-1px);
916  }
917  
918  /* Mobile */
919  .mobile-nav-v9 {
920    position: fixed;
921    right: 0;
922    top: 0;
923    height: 100vh;
924    width: min(86vw, 420px);
925    background: var(--card-bg);
926    border-left: 1px solid var(--border-color);
927    transform: translateX(100%);
928    transition: transform 0.3s ease;
929    z-index: 350;
930    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
931  }
932  .mobile-nav-v9.show-v9 {
933    transform: translateX(0);
934  }
935  .mobile-wrap-v9 {
936    display: flex;
937    flex-direction: column;
938    height: 100%;
939  }
940  .mobile-head-v9 {
941    display: flex;
942    align-items: center;
943    justify-content: space-between;
944    padding: 16px;
945    background: var(--navbar-bg);
946  }
947  .mobile-title-v9 {
948    font-weight: 600;
949  }
950  .mobile-list-v9 {
951    list-style: none;
952    padding: 10px 12px 20px;
953    margin: 0;
954    overflow-y: auto;
955  }
956  .mobile-link-v9 {
957    display: flex;
958    align-items: center;
959    justify-content: space-between;
960    padding: 14px 12px;
961    border-radius: 12px;
962    text-decoration: none;
963    color: var(--navbar-color);
964    font-weight: 500;
965    transition: background 0.2s, color 0.2s;
966  }
967  .mobile-link-v9:hover,
968  .mobile-link-v9.active-v9 {
969    background: var(--sub-nav);
970    color: var(--topbar-color);
971  }
972  .mobile-group-v9 {
973    margin-top: 4px;
974  }
975  .mobile-sublist-v9 {
976    list-style: none;
977    margin: 0;
978    padding: 0;
979    max-height: 0;
980    overflow: auto;
981    transition: max-height 0.25s ease;
982    background:var(--navbar-bg);
983    border-radius: 12px;
984    margin-top: 6px;
985  }
986  .mobile-sublist-v9.show-v9 {
987    max-height: 360px;
988    background: var(--navbar-bg);
989    padding: 6px 0;
990  }
991  .mobile-sublink-v9 {
992    display: block;
993    padding: 10px 16px;
994    text-decoration: none;
995    color: var(--navbar-color);
996    border-radius: 10px;
997    font-size: 14px;
998  }
999  .mobile-sublink-v9:hover {
1000    background: var(--sub-nav);
1001    color: var(--topbar-color);
1002  }
1003  .mobile-arrow-v9 {
1004    transition: transform 0.2s ease;
1005  }
1006  .mobile-link-v9.has-arrow-v9[aria-expanded='true'] .mobile-arrow-v9 {
1007    transform: rotate(180deg);
1008  }
1009  
1010  /* Overlay */
1011  .nav-overlay-v9 {
1012    position: fixed;
1013    inset: 0;
1014    background: rgba(0, 0, 0, 0.35);
1015    backdrop-filter: blur(4px);
1016    opacity: 0;
1017    visibility: hidden;
1018    transition: opacity 0.25s, visibility 0.25s;
1019    z-index: 200;
1020  }
1021  .nav-overlay-v9.show-v9 {
1022    opacity: 1;
1023    visibility: visible;
1024  }
1025  
1026
1027  /* Utils */
1028  .visually-hidden {
1029    position: absolute !important;
1030    height: 1px;
1031    width: 1px;
1032    overflow: hidden;
1033    clip: rect(1px, 1px, 1px, 1px);
1034    white-space: nowrap;
1035  }
1036  
1037  /* Responsive tweaks */
1038  @media (max-width: 1300px) {
1039    .nav-card-v9 {
1040      padding: 12px 18px;
1041      border-radius: 16px;
1042    }
1043    .search-panel-v9 {
1044      width: calc(100% - 32px);
1045    }
1046  }
1047  @media (max-width: 576px) {
1048    .logo-img-v9 {
1049      max-height: 38px;
1050    }
1051  }
1052</style>
1053
1054<script>
1055  /* ============ V9 JS ============ */
1056  ;(function () {
1057    const overlay = document.getElementById('navOverlayV9')
1058    const searchPanel = document.getElementById('searchPanelV9')
1059    const mobileNav = document.getElementById('mobileNavV9')
1060    const header = document.querySelector('.header-v9')
1061  
1062    function lockScroll(lock) {
1063      document.body.style.overflow = lock ? 'hidden' : ''
1064    }
1065  
1066    window.toggleSearchV9 = function () {
1067      const btn = document.querySelector('[aria-controls="searchPanelV9"]')
1068      const willOpen = !searchPanel.classList.contains('show-v9')
1069  
1070      // close mobile if open
1071      mobileNav.classList.remove('show-v9')
1072      document.querySelector('[aria-controls="mobileNavV9"]')?.setAttribute('aria-expanded', 'false')
1073  
1074      searchPanel.classList.toggle('show-v9', willOpen)
1075      overlay.classList.toggle('show-v9', willOpen)
1076      btn?.setAttribute('aria-expanded', String(willOpen))
1077      lockScroll(willOpen)
1078  
1079      if (willOpen) setTimeout(() => document.getElementById('q-v9')?.focus(), 80)
1080    }
1081  
1082    window.toggleMobileNavV9 = function () {
1083      const btn = document.querySelector('[aria-controls="mobileNavV9"]')
1084      const willOpen = !mobileNav.classList.contains('show-v9')
1085  
1086      // close search if open
1087      searchPanel.classList.remove('show-v9')
1088      document.querySelector('[aria-controls="searchPanelV9"]')?.setAttribute('aria-expanded', 'false')
1089  
1090      mobileNav.classList.toggle('show-v9', willOpen)
1091      overlay.classList.toggle('show-v9', willOpen)
1092      btn?.setAttribute('aria-expanded', String(willOpen))
1093      lockScroll(willOpen)
1094    }
1095  
1096    window.toggleMobileDropdownV9 = function (id) {
1097      const list = document.getElementById(id)
1098      const btn = document.querySelector(`[onclick*="${id}"]`)
1099      const willOpen = !list.classList.contains('show-v9')
1100      // close siblings
1101      document.querySelectorAll('.mobile-sublist-v9').forEach((el) => {
1102        if (el.id !== id) el.classList.remove('show-v9')
1103      })
1104      list.classList.toggle('show-v9', willOpen)
1105      btn?.setAttribute('aria-expanded', String(willOpen))
1106    }
1107  
1108    window.closeAllV9 = function () {
1109      searchPanel.classList.remove('show-v9')
1110      mobileNav.classList.remove('show-v9')
1111      overlay.classList.remove('show-v9')
1112      document.querySelector('[aria-controls="searchPanelV9"]')?.setAttribute('aria-expanded', 'false')
1113      document.querySelector('[aria-controls="mobileNavV9"]')?.setAttribute('aria-expanded', 'false')
1114      lockScroll(false)
1115    }
1116  
1117    // ESC to close
1118    document.addEventListener('keydown', (e) => {
1119      if (e.key === 'Escape') window.closeAllV9()
1120    })
1121  
1122    // Sticky shrink on scroll
1123    let lastY = window.scrollY
1124    const onScroll = () => {
1125      const y = window.scrollY
1126      header.classList.toggle('is-scrolled', y > 10)
1127      lastY = y
1128    }
1129    onScroll()
1130    window.addEventListener('scroll', onScroll, { passive: true })
1131  
1132    // Suggestions fill
1133    document.addEventListener('click', (e) => {
1134      const btn = e.target.closest('.suggestion-v9')
1135      if (!btn) return
1136      const val = btn.getAttribute('data-fill') || ''
1137      const input = document.getElementById('q-v9')
1138      if (input) input.value = val
1139    })
1140  
1141    // Desktop "More" button a11y: open on focus-within, we just toggle aria
1142    const moreBtn = document.querySelector('.nav-more-btn-v9')
1143    const moreCard = document.getElementById('more-desktop-v9')
1144    if (moreBtn && moreCard) {
1145      ;['mouseenter', 'focus'].forEach((evt) => moreBtn.addEventListener(evt, () => moreBtn.setAttribute('aria-expanded', 'true')))
1146      ;['mouseleave', 'blur'].forEach((evt) => moreBtn.addEventListener(evt, () => moreBtn.setAttribute('aria-expanded', 'false')))
1147    }
1148  })()
1149</script>
1149
1150
1151<script>
1152  document.addEventListener("DOMContentLoaded", function () {
1153    console.log("loaded");
1154
1155     const searchInput = document.getElementById("search-input")
1156    const searchResults = document.getElementById("search-results");
1157
1158    if (!searchInput || !searchResults) {
1159      console.error("Search input/results not found");
1160      return;
1161    }
1162
1163    // Prevent form submission
1164    if (searchInput.form) {
1165      searchInput.form.addEventListener("submit", function (e) {
1166        e.preventDefault();
1167      });
1168    }
1169
1170    // Add event listener for keyup
1171    searchInput.addEventListener("keyup", function (e) {
1172      console.log("Key pressed:", e.key);
1173      e.preventDefault();
1174
1175      const query = searchInput.value.trim();
1176      console.log("User is typing: " + query);
1177
1178      // If empty → clear and hide
1179      if (query === "") {
1180        searchResults.innerHTML = "";
1181        searchResults.style.display = "none";
1182        return;
1183      }
1184
1185      // Show results
1186      searchResults.style.display = "block";
1187
1188      // Fetch search results
1189      fetch("/search-posts?version=v1&q=" + encodeURIComponent(query), {
1190        method: "GET",
1191        headers: { "X-Requested-With": "XMLHttpRequest" },
1192      })
1193        .then(response => {
1194          console.log("Response Status:", response.status);
1195          return response.json();
1196        })
1197        .then(data => {
1198          console.log("Data received:", data);
1199          if (data.html) {
1200            searchResults.innerHTML = data.html;
1201          } else {
1202            searchResults.innerHTML = "<p>No results found.</p>";
1203          }
1204        })
1205        .catch(error => {
1206          console.error("Error fetching search results:", error);
1207        });
1208    });
1209
1210    // Close results when clicking outside
1211    document.addEventListener("click", function (e) {
1212      if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) {
1213        searchResults.style.display = "none";
1214      }
1215    });
1216
1217    // Close results on ESC key
1218    document.addEventListener("keydown", function (e) {
1219      if (e.key === "Escape") {
1220        searchResults.style.display = "none";
1221      }
1222    });
1223  });
1224</script>
1224
1225
1226
1227        </header>
1228        <!-- end of header -->
1229        
1230
1231        <!-- start of wpo-breacking-news -->
1232        
1233        <!-- end of wpo-breacking-news -->
1234
1235        <!-- start wpo-blog-highlights-section -->
1236        
1237
1238        
1239
1240        <section class="wpo-blog-highlights-section">
1241          <div class="container-fluid fluid-container">
1242            <div class="row">
1243              <div class="col col-lg-8 col-12">
1244                <!-- start wpo-blog-section -->
1245                <div class="wpo-blog-highlights-wrap">
1246                  <div class="wpo-blog-items mb-3">
1247                    <article>
1248                       <div style="margin-bottom: 10px; margin-left: auto;">
1249                        <button id="shareBtn" class="btn btn-primary ">🔗 Share this article</button>
1250                      </div>
1251                      
1252
1253                      <h1>&#x27;There is no end in sight&#x27;: Thai evacuees are anxious about what comes next after fresh clashes with Cambodia.</h1>
1254                      <div>
1255                          <p>People living in border areas, including Rangsan Angda in the shared boundary zone of Thailand had long since prepared to leave, worried that a truce with neighboring Cambodia would quickly fall apart.</p>
1256<p>The ceasefire deal – negotiated with the help of a international figure who declared himself “an agent 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>
1257<p>On Sunday, the announcement he had feared rang out on loudspeakers across his village, declaring that fighting had broken out once more. For the another time in a short period, everyone was instructed to flee without delay. Families piled into their cars or awaited rides with local officials. For hours they lined up on congested highways, making their way to temples, schools and government buildings.</p>
1258<p>Hundreds of thousands of residents across Cambodia and Thailand have undertaken comparable evacuations since the skirmishes broke out on Sunday. No one knows how long before they can go back, or how the latest round of fighting might be stopped.</p>
1259<p>The foreign leader, who presided over the conclusion of an enhanced ceasefire 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>
1260<p>“It is my view that I can make them end the conflict. Is there anyone else capable?” the mediator said.</p>
1261<p>In the disputed zones of Thailand, his assurance is not widely believed. “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 sound of shooting first was heard across her village.</p>
1262<p>Just four months ago, clashes were so severe that her house shook from the impact. “It's fair to state I've grown familiar with it,” she said.</p>
1263<p>She worries the fighting could persist indefinitely. “Managing my finances will become untenable,” she said. Kotmakti and many of her neighbours have irregular earnings and instead depend on daily work. “Some people who stay here don’t have money, they have to borrow money and pay it back with interest.”</p>
1264<p>She just wanted the situation to end, she said. “Immediate resolution is best.”</p>
1265<p>The foreign leader has previously used the leverage of trade penalties to compel Thailand and Cambodia to stop fighting. A research fellow said this intervention was “absolutely pivotal” in bringing an end to the earlier fighting. “Previously, Bangkok refused any external negotiation,” he added.</p>
1266<p>Whether the same effect can be achieved today is uncertain. With an political contest in 2026, the Thai prime minister might choose to appeal to nationalist sentiment by insisting that Thailand had responded justifiably in defence of its territorial sovereignty. Doing so “might find support among large segments of Thais who view Cambodia as the party that started the conflict and the external actor as exerting unwarranted pressure,” the analyst said. “Now is a time when a strong stance is politically necessary.”</p>
1267<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 third-party involvement in the conflict. Almost two-thirds of respondents said such interference was in the interest of the foreign states, not Thailand. Fewer than 10% agreed such engagement was intended to bring about peace.</p>
1268<p>At evacuation centers in Ubon Ratchathani, evacuees doubted the bold claims of bringing peace. “That is his point of view,” said one older woman diplomatically.</p>
1269<p>But evacuees were split on what the Thai authorities should do next. A top defense figure told media this week that the military aimed to overwhelm Cambodia’s military capability, eliminating it as a danger in the long term.</p>
1270<p>“People are of varied minds,” said Rinda Metmat, 44. “I hope there is no further suffering. I feel sorry for the soldiers, for their families and their children. The fighters on the other side are also parents and children. I think they are not eager for conflict.”</p>
1271<p>Some question whether dialogue is effective, regardless of involvement by external parties. “The conflict will persist no matter how many parties involved [in talks], directly or indirectly, it’s not going to be resolved,” said Rangsan. “Talking never seems to lead to anywhere.”</p>
1272                      </div>
1273                    </article>
1274                  </div>
1275                   
1276
1277
1278  
1279<div class="">
1280  <div class="v6-card mt-lg-0 my-4 mb-lg-3">
1281    <div class="v6-card-body">
1282      <div class="v6-profile-container">
1283        <!-- Left Section: Profile Picture -->
1284        <div>
1285          <div class="v6-profile-image">
1286            
1287              <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" 
1288                   alt="Aaron Baird" 
1289                   class="v6-profile-pic" />
1290            
1291          </div>
1292        </div>
1293
1294        <!-- Right Section: Profile Information -->
1295        <div class="v6-profile-details">
1296          
1297            <a href="#" class="v6-name">
1298              Aaron Baird
1299            </a>
1300          
1301
1302          
1303            <p class="v6-description">A tech enthusiast and digital strategist with over a decade of experience in analyzing emerging technologies and their impact on society.</p>
1304          
1305        </div>
1306      </div>
1307    </div>
1308  </div>
1309</div>
1310
1311<!-- Styling for v6 -->
1312<style>
1313  .v6-card {
1314    background-color: var(--card-bg);
1315    border-radius: var(--border-radius);
1316    border: 1px solid var(--border-color);
1317    overflow: hidden;
1318    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
1319    display: flex;
1320    flex-direction: row;
1321  }
1322  
1323  .v6-card:hover {
1324    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
1325  }
1326  
1327  /* Profile Container - Flex Layout */
1328  .v6-profile-container {
1329    display: flex;
1330    width: 100%;
1331    padding: calc(10px + 0.5vw);
1332    align-items: center;
1333    flex-wrap: wrap; /* Ensure it wraps on smaller screens */
1334  }
1335  
1336  /* Profile Image */
1337  .v6-profile-image {
1338    margin-right: 20px;
1339    flex: 0 0 100px; /* Fixed size for image on large screens */
1340    margin-bottom: 10px; /* Space between image and text on smaller screens */
1341  }
1342  
1343  .v6-profile-pic {
1344    width: 100px;
1345    height: 100px;
1346    border-radius: 50%;
1347    border: 3px solid var(--border-color);
1348    object-fit: cover;
1349    transition: transform 0.3s ease;
1350  }
1351  
1352  .v6-profile-pic:hover {
1353    transform: scale(1.05); /* Slight zoom effect */
1354  }
1355  
1356  /* Profile Details */
1357  .v6-profile-details {
1358    flex: 1;
1359    max-width: 600px; /* Limit width of text section */
1360    text-align: left;
1361  }
1362  
1363  .v6-name {
1364    color: var(--topbar-color);
1365    font-size: 24px;
1366    font-weight: 600;
1367    margin-bottom: 5px;
1368  }
1369  
1370  .v6-description {
1371    color: #666;
1372    font-size: 16px;
1373    margin-bottom: 10px;
1374  }
1375  
1376  /* Responsive Design: Stacking layout on smaller screens */
1377  @media (max-width: 1080px) {
1378    .v6-card {
1379      flex-direction: column;
1380      display: flex;
1381      justify-content: center;
1382      align-items: center;
1383    }
1384  
1385    .v6-profile-container {
1386      flex-direction: column;
1387      align-items: center; /* Center align on mobile */
1388    }
1389  
1390    .v6-profile-image {
1391      margin-right: 0;
1392      margin-bottom: 20px; /* Space between image and text */
1393    }
1394  
1395    .v6-profile-details {
1396      text-align: center;
1397      max-width: 100%;
1398    }
1399  }
1400</style>
1401
1402 
1403
1404                </div>
1405                <!-- end wpo-blog-section -->
1406              </div>
1407              <div class="col col-lg-4 col-12">
1408                
1409
1410
1411
1412    
1413
1414<!-- Curved Heading Sidebar -->
1415    <div class="sidebar mb-3">
1416        
1417
1418       <!-- <div class="sidebar-widget mb-5">
1419            <div class="widget-title-wrapper mb-3">
1420                <h4 class="widget-title-curved bg-primary text-white px-4 py-3 mb-0 position-relative rounded-3">
1421                    <div class="title-border"></div>
1422                    <i class="ti-folder me-2"></i>Blog Archives
1423                </h4>
1424            </div>
1425            <div class="widget-content shadow-sm rounded-3 p-4">
1426                <div class="archives-list">
1427                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1428                        <a href="#" class="text-decoration-none d-flex align-items-center">
1429                            <i class="ti-angle-right me-2 text-primary"></i>
1430                            <span class="archive-link top-color fw-semibold">August 2025</span>
1431                        </a>
1432                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">24 posts</span>
1433                    </div>
1434
1435                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1436                        <a href="#" class="text-decoration-none d-flex align-items-center">
1437                            <i class="ti-angle-right me-2 text-primary"></i>
1438                            <span class="archive-link top-color fw-semibold">July 2025</span>
1439                        </a>
1440                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">31 posts</span>
1441                    </div>
1442
1443                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1444                        <a href="#" class="text-decoration-none d-flex align-items-center">
1445                            <i class="ti-angle-right me-2 text-primary"></i>
1446                            <span class="archive-link top-color fw-semibold">June 2025</span>
1447                        </a>
1448                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">28 posts</span>
1449                    </div>
1450
1451                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1452                        <a href="#" class="text-decoration-none d-flex align-items-center">
1453                            <i class="ti-angle-right me-2 text-primary"></i>
1454                            <span class="archive-link top-color fw-semibold">May 2025</span>
1455                        </a>
1456                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">35 posts</span>
1457                    </div>
1458
1459                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1460                        <a href="#" class="text-decoration-none d-flex align-items-center">
1461                            <i class="ti-angle-right me-2 text-primary"></i>
1462                            <span class="archive-link top-color fw-semibold">April 2025</span>
1463                        </a>
1464                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">29 posts</span>
1465                    </div>
1466
1467                    <div class="archive-item d-flex justify-content-between align-items-center">
1468                        <a href="#" class="text-decoration-none d-flex align-items-center">
1469                            <i class="ti-angle-right me-2 text-primary"></i>
1470                            <span class="archive-link top-color fw-semibold">March 2025</span>
1471                        </a>
1472                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">27 posts</span>
1473                    </div>
1474                </div>
1475                
1476                <div class="text-center mt-4 pt-3 border-top border-color">
1477                    <a href="#" class="btn btn-primary btn-sm px-whtext-white rounded-pill">
1478                        <i class="ti-archive me-1"></i>View All Archives
1479                    </a>
1480                </div>
1481            </div>
1482        </div> -->
1483
1484        <div class="sidebar-widget mb-4">
1485            <div class="widget-title-wrapper mb-3">
1486                <h4 class="widget-title-curved bg-primary text-white px-4 py-3 mb-0 position-relative rounded-3">
1487                    <div class="title-border-primary"></div>
1488                    <i class="ti-star me-2"></i>Popular Posts
1489                </h4>
1490            </div>
1491            <div class="widget-content shadow-sm rounded-3 mb-3 p-4">
1492                <div class="popular-post-list">
1493                    
1494                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1495                        <div class="post-content flex-grow-1">
1496                            <h6 class="post-title mb-1">
1497                                <a href="/the-animated-series-creator-is-aware-of-fans-second-season-bingo-cards-with-some-good-news/"  class="text-decoration-none top-color fw-semibold lh-sm">
1498                                            The Animated Series&#x27; Creator Is Aware of Fans&#x27; Second Season Bingo Cards — With Some Good News
1499                                            </a>
1500                            </h6>
1501                            <div class="post-meta">
1502                                <small class="text-muted">
1503                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1504                                </small>
1505                                <!-- <small class="text-muted ms-3">
1506                                    <i class="ti-eye me-1"></i>1,234 views
1507                                </small> -->
1508                            </div>
1509                        </div>
1510                    </div>
1511                    
1512                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1513                        <div class="post-content flex-grow-1">
1514                            <h6 class="post-title mb-1">
1515                                <a href="/defense-department-investigation-finds-defense-secretary-put-military-personnel-in-jeopardy-with-signal-chat/"  class="text-decoration-none top-color fw-semibold lh-sm">
1516                                            Defense Department Investigation Finds Defense Secretary Put Military Personnel in Jeopardy with Signal Chat.
1517                                            </a>
1518                            </h6>
1519                            <div class="post-meta">
1520                                <small class="text-muted">
1521                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1522                                </small>
1523                                <!-- <small class="text-muted ms-3">
1524                                    <i class="ti-eye me-1"></i>1,234 views
1525                                </small> -->
1526                            </div>
1527                        </div>
1528                    </div>
1529                    
1530                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1531                        <div class="post-content flex-grow-1">
1532                            <h6 class="post-title mb-1">
1533                                <a href="/the-secret-for-a-flawless-snooze-timing-location-and-duration/"  class="text-decoration-none top-color fw-semibold lh-sm">
1534                                            The Secret for a Flawless Snooze: Timing, Location and Duration?
1535                                            </a>
1536                            </h6>
1537                            <div class="post-meta">
1538                                <small class="text-muted">
1539                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1540                                </small>
1541                                <!-- <small class="text-muted ms-3">
1542                                    <i class="ti-eye me-1"></i>1,234 views
1543                                </small> -->
1544                            </div>
1545                        </div>
1546                    </div>
1547                    
1548                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1549                        <div class="post-content flex-grow-1">
1550                            <h6 class="post-title mb-1">
1551                                <a href="/the-turin-giants-name-previous-azzurri-head-coach-spalletti/"  class="text-decoration-none top-color fw-semibold lh-sm">
1552                                            The Turin Giants Name Previous Azzurri Head Coach Spalletti
1553                                            </a>
1554                            </h6>
1555                            <div class="post-meta">
1556                                <small class="text-muted">
1557                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1558                                </small>
1559                                <!-- <small class="text-muted ms-3">
1560                                    <i class="ti-eye me-1"></i>1,234 views
1561                                </small> -->
1562                            </div>
1563                        </div>
1564                    </div>
1565                    
1566                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1567                        <div class="post-content flex-grow-1">
1568                            <h6 class="post-title mb-1">
1569                                <a href="/demon-slayer-economics-the-way-this-japanese-animation-sensation-became-a-box-office-saviour/"  class="text-decoration-none top-color fw-semibold lh-sm">
1570                                            Demon Slayer Economics: The Way This Japanese Animation Sensation Became a Box Office Saviour.
1571                                            </a>
1572                            </h6>
1573                            <div class="post-meta">
1574                                <small class="text-muted">
1575                                    <i class="ti-calendar me-1"></i>03 Oct 2026
1576                                </small>
1577                                <!-- <small class="text-muted ms-3">
1578                                    <i class="ti-eye me-1"></i>1,234 views
1579                                </small> -->
1580                            </div>
1581                        </div>
1582                    </div>
1583                    
1584                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1585                        <div class="post-content flex-grow-1">
1586                            <h6 class="post-title mb-1">
1587                                <a href="/uk-security-services-warning-on-beijings-persistent-spying-attempts-in-the-uk/"  class="text-decoration-none top-color fw-semibold lh-sm">
1588                                            UK Security Service&#x27;s Warning on Beijing&#x27;s Persistent Spying Attempts in the UK
1589                                            </a>
1590                            </h6>
1591                            <div class="post-meta">
1592                                <small class="text-muted">
1593                                    <i class="ti-calendar me-1"></i>03 Oct 2026
1594                                </small>
1595                                <!-- <small class="text-muted ms-3">
1596                                    <i class="ti-eye me-1"></i>1,234 views
1597                                </small> -->
1598                            </div>
1599                        </div>
1600                    </div>
1601                    
1602
1603                </div>
1604                
1605                <!-- <div class="text-center mt-4 pt-3 border-top border-color">
1606                    <a href="#" class="btn btn-primary top-color bt
1606n-sm px-whtext-white rounded-pill">
1607                        <i class="ti-trophy me-1"></i>View All Popular
1608                    </a>
1609                </div> -->
1610            </div>
1611        </div> 
1612
1613</div>
1614<style>
1615     
1616  .widget-content {
1617    background-color: var(--card-bg);
1618    border: 1px solid var(--border-color);
1619  }
1620</style>
1621
1622    
1623              </div>
1624            </div>
1625          </div>
1626        </section>
1627
1628        <!-- start wpo-blog-sponsored-section -->
1629        
1630
1631
1632
1633    
1634
1635
1636
1637<style>
1638    .sponsored-section-v4 {
1639        padding: 50px 0;
1640    }
1641    
1642    .sponsored-card-v4 {
1643        background: var(--card-bg);
1644        border: 1px solid var(--border-color);
1645        border-radius: 4px;
1646        transition: border-color 0.3s ease;
1647        height: 100%;
1648        padding: 15px;
1649    }
1650    
1651    .sponsored-card-v4:hover {
1652        border-color: #adb5bd;
1653    }
1654    
1655    .sponsored-image-v4 {
1656        width: 150px;
1657        height: 150px;
1658        margin: 10px auto;
1659        border-radius: 50%;
1660        shape-outside: circle(50%);
1661        float: left;
1662    }
1663    
1664    .sponsored-image-v4 img {
1665        width: 100%;
1666        height: 100%;
1667        object-fit: cover;
1668        border-radius: 50%;
1669    }
1670    
1671    .sponsored-content-v4 {
1672        padding: 10px;
1673        overflow: hidden; /* Clearfix for floated image */
1674    }
1675    
1676    .sponsored-title-v4 {
1677        font-size: 15px;
1678        font-weight: 700;
1679        line-height: 1.4;
1680        margin-bottom: 8px;
1681        color: #333;
1682        position: relative;
1683        display: inline-block;
1684    }
1685    
1686    .sponsored-title-v4 a {
1687        text-decoration: none;
1688        color: var(--topbar-color) !important;
1689        margin: 10px 0px;
1690    }
1691    
1692    .sponsored-title-v4 a:hover {
1693        color: #6f42c1 !important; /* Purple hover */
1694    }
1695    
1696    .sponsored-title-v4::after {
1697        content: '';
1698        position: absolute;
1699        bottom: -2px;
1700        left: 0;
1701        width: 100%;
1702        height: 2px;
1703        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark))
1704    }
1705    
1706    .sponsored-excerpt-v4 {
1707        font-size: 12px;
1708        font-weight: 400;
1709        color: #6c757d;
1710        margin-bottom: 10px;
1711        line-height: 1.5;
1712    }
1713    
1714    .sponsored-meta-v4 {
1715        font-size: 11px;
1716        color: #6c757d;
1717    }
1718    
1719    .author-info-v4 {
1720        margin-bottom: 5px;
1721    }
1722    
1723    .sponsored-author-img-v4 {
1724        width: 20px;
1725        height: 20px;
1726        border-radius: 50%;
1727        object-fit: cover;
1728        vertical-align: middle;
1729        margin-right: 5px;
1730    }
1731    
1732    .section-title-sponsored-v4 {
1733        font-size: 1.9rem;
1734        font-weight: 600;
1735        text-align: center;
1736        margin-bottom: 30px;
1737        color: #333;
1738        position: relative;
1739    }
1740    
1741    .section-title-sponsored-v4::after {
1742        content: '';
1743        position: absolute;
1744        bottom: -8px;
1745        left: 50%;
1746        transform: translateX(-50%);
1747        width: 80px;
1748        height: 3px;
1749        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
1750    }
1751
1752    @media (max-width: 768px) {
1753        .sponsored-section-v4 {
1754            padding: 30px 0;
1755        }
1756        .sponsored-image-v4 {
1757            width: 120px;
1758            height: 120px;
1759            float: none;
1760            margin: 10px auto;
1761        }
1762        .sponsored-content-v4 {
1763            padding: 12px;
1764            text-align: center;
1765        }
1766        .sponsored-title-v4 {
1767            font-size: 14px;
1768        }
1769        .sponsored-excerpt-v4 {
1770            font-size: 11px;
1771        }
1772        .sponsored-meta-v4 {
1773            font-size: 10px;
1774        }
1775        .section-title-sponsored-v4 {
1776            font-size: 1.6rem;
1777        }
1778    }
1779</style>
1780
1781<section class="sponsored-section-v4">
1782    <div class="container-fluid fluid-container">
1783        <div class="row">
1784            <div class="col-12">
1785                <h2 class="section-title-sponsored-v4">Sponsored News</h2>
1786            </div>
1787        </div>
1788        
1789        <div class="row g-4">
1790            
1791            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1792                <div class="card sponsored-card-v4">
1793                    <div class="sponsored-image-v4">
1794                        
1795                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1796                        
1797                    </div>
1798                    <div class="sponsored-content-v4">
1799                        <h3 class="sponsored-title-v4">
1800                            <a href="/the-animated-series-creator-is-aware-of-fans-second-season-bingo-cards-with-some-good-news/" >
1801                                            The Animated Series&#x27; Creator Is Aware of Fans&#x27; Second Season Bingo Cards — With Some Good News
1802                                            </a>
1803                        </h3>
1804                        <p class="sponsored-excerpt-v4">
1805                           
1806                        </p>
1807                        <div class="sponsored-meta-v4">
1808                            <div class="author-info-v4">
1809                                
1810                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1811                                
1812                                <span>
1813                                    Aaron Baird
1814                                </span>
1815                            </div>
1816                            <div>04 Oct 2026</div>
1817                        </div>
1818                    </div>
1819                </div>
1820            </div>
1821            
1822            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1823                <div class="card sponsored-card-v4">
1824                    <div class="sponsored-image-v4">
1825                        
1826                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1827                        
1828                    </div>
1829                    <div class="sponsored-content-v4">
1830                        <h3 class="sponsored-title-v4">
1831                            <a href="/defense-department-investigation-finds-defense-secretary-put-military-personnel-in-jeopardy-with-signal-chat/" >
1832                                            Defense Department Investigation Finds Defense Secretary Put Military Personnel in Jeopardy with Signal Chat.
1833                                            </a>
1834                        </h3>
1835                        <p class="sponsored-excerpt-v4">
1836                           
1837                        </p>
1838                        <div class="sponsored-meta-v4">
1839                            <div class="author-info-v4">
1840                                
1841                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1842                                
1843                                <span>
1844                                    Aaron Baird
1845                                </span>
1846                            </div>
1847                            <div>04 Oct 2026</div>
1848                        </div>
1849                    </div>
1850                </div>
1851            </div>
1852            
1853            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1854                <div class="card sponsored-card-v4">
1855                    <div class="sponsored-image-v4">
1856                        
1857                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1858                        
1859                    </div>
1860                    <div class="sponsored-content-v4">
1861                        <h3 class="sponsored-title-v4">
1862                            <a href="/the-secret-for-a-flawless-snooze-timing-location-and-duration/" >
1863                                            The Secret for a Flawless Snooze: Timing, Location and Duration?
1864                                            </a>
1865                        </h3>
1866                        <p class="sponsored-excerpt-v4">
1867                           
1868                        </p>
1869                        <div class="sponsored-meta-v4">
1870                            <div class="author-info-v4">
1871                                
1872                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1873                                
1874                                <span>
1875                                    Aaron Baird
1876                                </span>
1877                            </div>
1878                            <div>04 Oct 2026</div>
1879                        </div>
1880                    </div>
1881                </div>
1882            </div>
1883            
1884            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1885                <div class="card sponsored-card-v4">
1886                    <div class="sponsored-image-v4">
1887                        
1888                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1889                        
1890                    </div>
1891                    <div class="sponsored-content-v4">
1892                        <h3 class="sponsored-title-v4">
1893                            <a href="/the-turin-giants-name-previous-azzurri-head-coach-spalletti/" >
1894                                            The Turin Giants Name Previous Azzurri Head Coach Spalletti
1895                                            </a>
1896                        </h3>
1897                        <p class="sponsored-excerpt-v4">
1898                           
1899                        </p>
1900                        <div class="sponsored-meta-v4">
1901                            <div class="author-info-v4">
1902                                
1903                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1904                                
1905                                <span>
1906                                    Aaron Baird
1907                                </span>
1908                            </div>
1909                            <div>04 Oct 2026</div>
1910                        </div>
1911                    </div>
1912                </div>
1913            </div>
1914            
1915            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1916                <div class="card sponsored-card-v4">
1917                    <div class="sponsored-image-v4">
1918                        
1919                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1920                        
1921                    </div>
1922                    <div class="sponsored-content-v4">
1923                        <h3 class="sponsored-title-v4">
1924                            <a href="/demon-slayer-economics-the-way-this-japanese-animation-sensation-became-a-box-office-saviour/" >
1925                                            Demon Slayer Economics: The Way This Japanese Animation Sensation Became a Box Office Saviour.
1926                                            </a>
1927                        </h3>
1928                        <p class="sponsored-excerpt-v4">
1929                           
1930                        </p>
1931                        <div class="sponsored-meta-v4">
1932                            <div class="author-info-v4">
1933                                
1934                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1935                                
1936                                <span>
1937                                    Aaron Baird
1938                                </span>
1939                            </div>
1940                            <div>03 Oct 2026</div>
1941                        </div>
1942                    </div>
1943                </div>
1944            </div>
1945            
1946            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1947                <div class="card sponsored-card-v4">
1948                    <div class="sponsored-image-v4">
1949                        
1950                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1951                        
1952                    </div>
1953                    <div class="sponsored-content-v4">
1954                        <h3 class="sponsored-title-v4">
1955                            <a href="/uk-security-services-warning-on-beijings-persistent-spying-attempts-in-the-uk/" >
1956                                            UK Security Service&#x27;s Warning on Beijing&#x27;s Persistent Spying Attempts in the UK
1957                                            </a>
1958                        </h3>
1959                        <p class="sponsored-excerpt-v4">
1960                           
1961                        </p>
1962                        <div class="sponsored-meta-v4">
1963                            <div class="author-info-v4">
1964                                
1965                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1966                                
1967                                <span>
1968                                    Aaron Baird
1969                                </span>
1970                            </div>
1971                            <div>03 Oct 2026</div>
1972                        </div>
1973                    </div>
1974                </div>
1975            </div>
1976            
1977        </div>
1978    </div>
1979</section>
1980  
1981
1982    
1983        <!-- end wpo-blog-sponsored-section -->
1984        <!-- start wpo-subscribe-section -->
1985        
1986        <!-- end subscribe-section -->
1987        <!-- start of wpo-site-footer-section -->
1988        
1989
1990
1991
1992
1993
1994
1995<!-- Footer V4 - Modern Corporate Design -->
1996<footer class="wpo-site-footer-v4 bg-primary-gradient">
1997
1998    <div class="container-fluid fluid-container">
1999        
2000        <!-- Content Sections -->
2001        <div class="content-sections">
2002            <div class="row g-5">
2003                
2004                <!-- Brand Column -->
2005                <div class="col-lg-4 col-md-12">
2006                    <div class="brand-section">
2007                        <div class="brand-header">
2008                            
2009                                <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/site_logos/0cc64db4-199d-440c-81ed-c25cfc668bf5_logo.png" alt="Tech Insights Blog" class="brand-logo" loading="lazy">
2010                            
2011                            <div class="brand-text">
2012                                <h3 class="brand-name">Tech Insights Blog</h3>
2013                                <span class="brand-type">Digital Publication</span>
2014                            </div>
2015                        </div>
2016                        <p class="brand-description  text-lg-start ">
2017                            Explore the latest in technology, digital trends, and insightful articles on innovation. Stay updated with expert analysis and practical tips for the modern world.
2018                        </p>
2019                    </div>
2020                </div>
2021
2022                <!-- Quick Links Column -->
2023               <div class="col-lg-4 col-md-6">
2024                    <div class="links-section">
2025                        <div class="section-title">
2026                            <h4 class="title-text">Resources</h4>
2027                            <div class="title-decoration"></div>
2028                        </div>
2029                        <div class="links-container">
2030                          
2031<div class="link-group">
2032    <ul class="link-list" id="externalLinks">
2033        
2034
2035    
2036        
2037        
2038        
2039    </ul>
2040</div>
2041
2042                        </div>
2043                    </div>
2044                </div> 
2045
2046                <!-- Categories Column -->
2047                <div class="col-lg-4 col-md-6">
2048                    <div class="categories-section">
2049                        <div class="section-title">
2050                            <h4 class="title-text">Explore Topics</h4>
2051                            <div class="title-decoration"></div>
2052                        </div>
2053                        <div class="categories-container">
2054                            <p class="categories-intro">Discover content organized by topics that interest you most.</p>
2055                            <div class="categories-cloud">
2056                                
2057                                <a href="/category/all-posts/" class="category-pill">
2058                                    All Posts
2059                                </a>
2060                                
2061                                <a href="/category/business/" class="category-pill">
2062                                    Business
2063                                </a>
2064                                
2065                                <a href="/category/esports/" class="category-pill">
2066                                    Esports
2067                                </a>
2068                                
2069                                <a href="/category/fashion/" class="category-pill">
2070                                    Fashion
2071                                </a>
2072                                
2073                                <a href="/category/featured/" class="category-pill">
2074                                    Featured
2075                                </a>
2076                                
2077                                <a href="/category/gaming/" class="category-pill">
2078                                    Gaming
2079                                </a>
2080                                
2081                                <a href="/category/health/" class="category-pill">
2082                                    Health
2083                                </a>
2084                                
2085                                <a href="/category/life-fitness/" class="category-pill">
2086                                    Life &amp; Fitness
2087                                </a>
2088                                
2089                            </div>
2090                        </div>
2091                    </div>
2092                </div>
2093
2094            </div>
2095        </div>
2096
2097        <!-- Footer Bottom -->
2098        <div class="footer-bottom">
2099            <div class="bottom-border"></div>
2100            <div class=" d-flex justify-content-between flex-wrap">
2101                <div>
2102                    <div class="copyright-info">
2103                        <p class="copyright-main">
2104                            © 2026 <span class="brand-highlight">Tech Insights Blog</span>. All rights reserved.
2105                        </p>
2106                        <p class="copyright-sub">
2107                            Thoughtfully crafted content for curious minds worldwide.
2108                        </p>
2109                    </div>
2110                </div>
2111                <div>
2112                    <div class="footer-actions">
2113                        <div class="action-links">
2114                            <a href="/page/write-for-us/" class="action-link">
2115                                <i class="bi bi-shield-check"></i>
2116                                <span>Write For Us</span>
2117                            </a>
2118                            <a href="/page/terms-and-conditions/" class="action-link">
2119                                <i class="bi bi-shield-check"></i>
2120                                <span>Terms & Conditions</span>
2121                            </a>
2122                            <a href="/sitemap.xml" class="action-link">
2123                                <i class="bi bi-diagram-3"></i>
2124                                <span>Sitemap</span>
2125                            </a>
2126                        </div>
2127
2128                    </div>
2129                </div>
2130            </div>
2131        </div>
2132
2133    </div>
2134
2135    
2136
2137</footer>
2138
2139
2140<style>
2141/* Footer V4 - Modern Corporate Design */
2142.wpo-site-footer-v4 {
2143    color: var(--footer-color);
2144    margin-top: 100px;
2145}
2146
2147
2148.accent-line {
2149    position: absolute;
2150    top: 0;
2151    height: 100%;
2152    width: 33.333%;
2153    opacity: 0.8;
2154}
2155
2156.accent-1 {
2157    left: 0;
2158    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
2159    animation: slideRight 3s ease-in-out infinite;
2160}
2161
2162.accent-2 {
2163    left: 33.333%;
2164    background: linear-gradient(90deg, #8b5cf6, #7c3aed);
2165    animation: slideRight 3s ease-in-out infinite 1s;
2166}
2167
2168.accent-3 {
2169    left: 66.666%;
2170    background: linear-gradient(90deg, #10b981, #059669);
2171    animation: slideRight 3s ease-in-out infinite 2s;
2172}
2173
2174@keyframes slideRight {
2175    0%, 100% { transform: translateX(-10px); opacity: 0.6; }
2176    50% { transform: translateX(10px); opacity: 1; }
2177}
2178
2179/* Content Sections */
2180.content-sections {
2181    padding: 60px 0;
2182    position: relative;
2183    z-index: 2;
2184}
2185
2186/* Brand Section */
2187.brand-section {
2188    padding-right: 2rem;
2189}
2190
2191.brand-header {
2192    display: flex;
2193    align-items: center;
2194    margin-bottom: 2rem;
2195    gap: 1rem;
2196}
2197
2198.brand-logo {
2199    height: 50px;
2200    width: auto;
2201    border-radius: 8px;
2202}
2203
2204.brand-name {
2205    font-size: 1.5rem;
2206    font-weight: 800;
2207    color: var(--footer-color) !important;
2208    margin: 0;
2209}
2210
2211.brand-type {
2212    color: var(--footer-color) !important;
2213    opacity: 0.8;
2214    font-size: 0.85rem;
2215    font-weight: 500;
2216    text-transform: uppercase;
2217    letter-spacing: 0.5px;
2218}
2219
2220.brand-description {
2221    color: var(--footer-color) !important;
2222    line-height: 1.7;
2223    margin-bottom: 2rem;
2224    font-size: 0.95rem;
2225}
2226
2227.brand-stats {
2228    display: flex;
2229    align-items: center;
2230    gap: 1.5rem;
2231}
2232
2233.stat-item {
2234    text-align: center;
2235}
2236
2237.stat-number {
2238    font-size: 1.5rem;
2239    font-weight: 800;
2240    color: #3b82f6;
2241    display: block;
2242    line-height: 1;
2243}
2244
2245.stat-label {
2246    font-size: 0.8rem;
2247    color: #94a3b8;
2248    margin-top: 0.25rem;
2249}
2250
2251.stat-divider {
2252    width: 1px;
2253    height: 40px;
2254    background: rgba(255, 255, 255, 0.2);
2255}
2256
2257/* Links Section */
2258.links-section {
2259    padding-left: 1rem;
2260    padding-right: 1rem;
2261}
2262
2263.section-title {
2264    margin-bottom: 2rem;
2265    position: relative;
2266}
2267
2268.title-text {
2269    font-size: 1.3rem;
2270    font-weight: 700;
2271    color: var(--footer-color) !important;
2272    margin-bottom: 0.5rem;
2273    text-align: justify !important;
2274}
2275
2276
2277.link-group {
2278    margin-bottom: 2rem;
2279}
2280
2281.group-title {
2282    font-size: 1rem;
2283    font-weight: 600;
2284    color: #f1f5f9;
2285    margin-bottom: 1rem;
2286    padding-bottom: 0.5rem;
2287    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2288}
2289
2290.link-list {
2291    list-style: none;
2292    padding: 0;
2293    margin: 0;
2294}
2295
2296.link-item {
2297    margin-bottom: 0.75rem;
2298}
2299
2300.link-text {
2301    color: var(--footer-color) !important;
2302    text-decoration: none;
2303    font-size: 0.9rem;
2304    display: flex;
2305    align-items: center;
2306    transition: all 0.3s ease;
2307    padding: 0.25rem 0;
2308}
2309
2310.link-text:hover {
2311    color: #3b82f6;
2312    padding-left: 0.5rem;
2313}
2314
2315.link-icon {
2316    margin-right: 0.5rem;
2317    opacity: 0;
2318    transition: opacity 0.3s ease;
2319}
2320
2321.link-text:hover .link-icon {
2322    opacity: 1;
2323}
2324
2325.external-icon {
2326    color: #10b981;
2327}
2328
2329/* Categories Section */
2330.categories-section {
2331    padding-left: 1rem;
2332}
2333
2334.categories-intro {
2335    color: #cbd5e1;
2336    margin-bottom: 1.5rem;
2337    font-size: 0.9rem;
2338}
2339
2340.categories-cloud {
2341    display: flex;
2342    flex-wrap: wrap;
2343    gap: 0.75rem;
2344}
2345
2346.category-pill {
2347    display: inline-block;
2348    padding: 0.5rem 1rem;
2349    background: rgba(255, 255, 255, 0.1);
2350    border: 1px solid rgba(255, 255, 255, 0.2);
2351    border-radius: 20px;
2352    color:  var(--footer-color) !important;
2353    text-decoration: none;
2354    font-size: 0.85rem;
2355    opacity: 0.7;
2356    font-weight: 500;
2357    transition: all 0.3s ease;
2358}
2359
2360.category-pill:hover {
2361    background: #3b82f6;
2362    border-color: #3b82f6;
2363    color: var(--footer-color) !important;
2364    opacity: 1;
2365    transform: translateY(-1px);
2366    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
2367}
2368
2369/* Footer Bottom */
2370.footer-bottom {
2371    padding: 2rem 0;
2372    position: relative;
2373    z-index: 2;
2374}
2375
2376.bottom-border {
2377    height: 1px;
2378    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
2379    margin-bottom: 2rem;
2380}
2381
2382.copyright-main {
2383    font-size: 1rem;
2384    color: #e2e8f0;
2385    margin-bottom: 0.25rem;
2386}
2387
2388.brand-highlight {
2389    color: var(--footer-color);
2390    font-weight: 700;
2391}
2392
2393.copyright-sub {
2394    font-size: 0.85rem;
2395    color: #94a3b8;
2396    margin: 0;
2397}
2398
2399.footer-actions {
2400    display: flex;
2401    align-items: center;
2402    gap: 2rem;
2403}
2404
2405.action-links {
2406    display: flex;
2407    gap: 1.5rem;
2408}
2409
2410.action-link {
2411    display: flex;
2412    align-items: center;
2413    gap: 0.5rem;
2414    color: #cbd5e1;
2415    text-decoration: none;
2416    font-size: 0.9rem;
2417    transition: color 0.3s ease;
2418}
2419
2420.action-link:hover {
2421    color: #3b82f6;
2422}
2423
2424.scroll-to-top-btn {
2425    background: rgba(255, 255, 255, 0.1);
2426    border: 1px solid rgba(255, 255, 255, 0.2);
2427    color: #cbd5e1;
2428    width: 44px;
2429    height: 44px;
2430    border-radius: 12px;
2431    cursor: pointer;
2432    transition: all 0.3s ease;
2433    display: flex;
2434    align-items: center;
2435    justify-content: center;
2436}
2437
2438.scroll-to-top-btn:hover {
2439    background: #3b82f6;
2440    border-color: #3b82f6;
2441    color: white;
2442    transform: translateY(-2px);
2443}
2444
2445/* Background Pattern */
2446.footer-pattern {
2447    position: absolute;
2448    top: 0;
2449    left: 0;
2450    width: 100%;
2451    height: 100%;
2452    z-index: 1;
2453    overflow: hidden;
2454}
2455
2456.pattern-grid {
2457    position: relative;
2458    width: 100%;
2459    height: 100%;
2460}
2461
2462.pattern-dot {
2463    position: absolute;
2464    width: 2px;
2465    height: 2px;
2466    background: rgba(255, 255, 255, 0.1);
2467    border-radius: 50%;
2468}
2469
2470.pattern-dot:nth-child(1) { top: 20%; left: 10%; }
2471.pattern-dot:nth-child(2) { top: 40%; right: 15%; }
2472.pattern-dot:nth-child(3) { top: 60%; left: 70%; }
2473.pattern-dot:nth-child(4) { bottom: 30%; right: 30%; }
2474.pattern-dot:nth-child(5) { bottom: 50%; left: 40%; }
2475.pattern-dot:nth-child(6) { top: 80%; right: 60%; }
2476
2477/* Responsive Design */
2478@media (max-width: 992px) {
2479    .newsletter-heading {
2480        font-size: 2rem;
2481    }
2482    
2483    .brand-section {
2484        padding-right: 0;
2485        margin-bottom: 3rem;
2486    }
2487    
2488    .links-section, .categories-section {
2489        padding-left: 0;
2490        padding-right: 0;
2491    }
2492    
2493    .brand-stats {
2494        justify-content: center;
2495        margin-top: 2rem;
2496    }
2497}
2498
2499@media (max-width: 768px) {
2500    .newsletter-section {
2501        padding: 60px 0 40px;
2502    }
2503    
2504    .newsletter-container {
2505        padding: 2rem 1.5rem;
2506        margin: 0 1rem;
2507    }
2508    
2509    .newsletter-heading {
2510        font-size: 1.75rem;
2511    }
2512    
2513    .content-sections {
2514        padding: 40px 0;
2515    }
2516    
2517    .brand-header {
2518        flex-direction: column;
2519        text-align: center;
2520    }
2521    
2522    .footer-actions {
2523        flex-direction: column;
2524        gap: 1rem;
2525        margin-top: 1.5rem;
2526    }
2527    
2528    .action-links {
2529        order: 2;
2530    }
2531    
2532    .scroll-to-top-btn {
2533        order: 1;
2534    }
2535}
2536
2537@media (max-width: 576px) {
2538    .newsletter-container {
2539        padding: 1.5rem 1rem;
2540    }
2541    
2542    .newsletter-heading {
2543        font-size: 1.5rem;
2544    }
2545    
2546    .brand-stats {
2547        flex-direction: column;
2548        gap: 1rem;
2549    }
2550    
2551    .stat-divider {
2552        width: 40px;
2553        height: 1px;
2554    }
2555    
2556    .action-links {
2557        flex-direction: column;
2558        gap: 0.75rem;
2559        text-align: center;
2560    }
2561    
2562    .pattern-dot {
2563        display: none;
2564    }
2565}
2566</style>
2567
2568<!-- Bootstrap 5 JS -->
2569
2570<script>
2571// Scroll to Top Function
2572document.addEventListener('DOMContentLoaded', function () {
2573    var btn = document.getElementById('toggleExternal');
2574    if (!btn) return; // No extra items, no button
2575
2576    var extras = document.querySelectorAll('#externalLinks li.extra');
2577
2578    btn.addEventListener('click', function () {
2579        var anyHidden = Array.prototype.some.call(extras, function (li) {
2580            return li.classList.contains('d-none');
2581        });
2582
2583        extras.forEach(function (li) {
2584            if (anyHidden) {
2585                li.classList.remove('d-none');
2586                li.classList.add('show');
2587            } else {
2588                li.classList.add('d-none');
2589                li.classList.remove('show');
2590            }
2591        });
2592
2593        btn.textContent = anyHidden ? 'View less' : 'View more';
2594        btn.setAttribute('aria-expanded', anyHidden ? 'true' : 'false');
2595    });
2596});
2597function scrollToTop() {
2598    window.scrollTo({
2599        top: 0,
2600        behavior: 'smooth'
2601    });
2602}
2603
2604// Initialize Footer V4 Features
2605document.addEventListener('DOMContentLoaded', function() {
2606    
2607    // Newsletter Form Handling
2608    const newsletterForm = document.querySelector('.newsletter-form');
2609    const emailInput = document.querySelector('.form-input');
2610    const submitButton = document.querySelector('.submit-button');
2611    const successMessage = document.querySelector('.success-message');
2612    const errorMessage = document.querySelector('.error-message');
2613    const infoMessage = document.querySelector('.info-message');
2614    
2615    if (newsletterForm && emailInput && submitButton) {
2616        
2617        // Form submission
2618        newsletterForm.addEventListener('submit', function(e) {
2619            e.preventDefault();
2620            
2621            const email = emailInput.value.trim();
2622            
2623            // Validate email
2624            if (!email || !isValidEmail(email)) {
2625                showMessage('error');
2626                emailInput.focus();
2627                return;
2628            }
2629            
2630            // Show loading state
2631            const originalText = submitButton.querySelector('.button-text').textContent;
2632            const originalIcon = submitButton.querySelector('.button-icon').innerHTML;
2633            
2634            submitButton.disabled = true;
2635            submitButton.querySelector('.button-text').textContent = 'Subscribing...';
2636            submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-arrow-clockwise"></i>';
2637            submitButton.querySelector('.button-icon i').style.animation = 'spin 1s linear infinite';
2638            
2639            // Simulate API call
2640            setTimeout(() => {
2641                // Success state
2642                submitButton.querySelector('.button-text').textContent = 'Subscribed!';
2643                submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-check-lg"></i>';
2644                submitButton.querySelector('.button-icon i').style.animation = '
2644none';
2645                submitButton.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';
2646                
2647                showMessage('success');
2648                
2649                // Reset after delay
2650                setTimeout(() => {
2651                    submitButton.querySelector('.button-text').textContent = originalText;
2652                    submitButton.querySelector('.button-icon').innerHTML = originalIcon;
2653                    submitButton.style.background = '';
2654                    submitButton.disabled = false;
2655                    emailInput.value = '';
2656                    showMessage('info');
2657                }, 3000);
2658                
2659            }, 2000);
2660        });
2661        
2662        // Input validation
2663        emailInput.addEventListener('blur', function() {
2664            const email = this.value.trim();
2665            if (email && !isValidEmail(email)) {
2666                this.style.borderColor = '#ef4444';
2667                this.style.boxShadow = '0 0 0 4px rgba(239, 68, 68, 0.2)';
2668            } else if (email && isValidEmail(email)) {
2669                this.style.borderColor = '#10b981';
2670                this.style.boxShadow = '0 0 0 4px rgba(16, 185, 129, 0.2)';
2671            }
2672        });
2673        
2674        emailInput.addEventListener('focus', function() {
2675            this.style.borderColor = '#3b82f6';
2676            this.style.boxShadow = '0 0 0 4px rgba(59, 130, 246, 0.2)';
2677        });
2678        
2679        // Reset validation styling on input
2680        emailInput.addEventListener('input', function() {
2681            if (this.style.borderColor === 'rgb(239, 68, 68)') {
2682                this.style.borderColor = '';
2683                this.style.boxShadow = '';
2684            }
2685        });
2686    }
2687    
2688    // Email validation function
2689    function isValidEmail(email) {
2690        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2691        return emailRegex.test(email);
2692    }
2693    
2694    // Message display function
2695    function showMessage(type) {
2696        // Hide all messages
2697        successMessage.style.display = 'none';
2698        errorMessage.style.display = 'none';
2699        infoMessage.style.display = 'none';
2700        
2701        // Show specific message
2702        if (type === 'success') {
2703            successMessage.style.display = 'block';
2704        } else if (type === 'error') {
2705            errorMessage.style.display = 'block';
2706        } else if (type === 'info') {
2707            infoMessage.style.display = 'block';
2708        }
2709    }
2710    
2711    // Smooth reveal animations
2712    const observerOptions = {
2713        threshold: 0.1,
2714        rootMargin: '0px 0px -30px 0px'
2715    };
2716    
2717    const sectionObserver = new IntersectionObserver((entries) => {
2718        entries.forEach(entry => {
2719            if (entry.isIntersecting) {
2720                entry.target.style.opacity = '1';
2721                entry.target.style.transform = 'translateY(0)';
2722            }
2723        });
2724    }, observerOptions);
2725    
2726    // Animate sections
2727    document.querySelectorAll('.brand-section, .links-section, .categories-section').forEach((section, index) => {
2728        section.style.opacity = '0';
2729        section.style.transform = 'translateY(20px)';
2730        section.style.transition = `all 0.6s ease ${index * 0.2}s`;
2731        sectionObserver.observe(section);
2732    });
2733    
2734    // Animate category pills
2735    document.querySelectorAll('.category-pill').forEach((pill, index) => {
2736        pill.style.opacity = '0';
2737        pill.style.transform = 'translateY(10px)';
2738        pill.style.transition = `all 0.4s ease ${index * 0.1}s`;
2739        
2740        setTimeout(() => {
2741            pill.style.opacity = '1';
2742            pill.style.transform = 'translateY(0)';
2743        }, 300 + (index * 100));
2744    });
2745    
2746    // Enhanced link hover effects
2747    document.querySelectorAll('.link-text').forEach(link => {
2748        link.addEventListener('mouseenter', function() {
2749            const icon = this.querySelector('.link-icon');
2750            if (icon) {
2751                icon.style.transform = 'translateX(4px)';
2752            }
2753        });
2754        
2755        link.addEventListener('mouseleave', function() {
2756            const icon = this.querySelector('.link-icon');
2757            if (icon) {
2758                icon.style.transform = 'translateX(0)';
2759            }
2760        });
2761    });
2762    
2763    // Prevent default for demo links
2764    document.querySelectorAll('a[href="#"]').forEach(link => {
2765        link.addEventListener('click', function(e) {
2766            e.preventDefault();
2767        });
2768    });
2769    
2770    // Add ripple effect to submit button
2771    submitButton.addEventListener('click', function(e) {
2772        const ripple = document.createElement('span');
2773        const rect = this.getBoundingClientRect();
2774        const size = Math.max(rect.width, rect.height);
2775        const x = e.clientX - rect.left - size / 2;
2776        const y = e.clientY - rect.top - size / 2;
2777        
2778        ripple.style.cssText = `
2779            position: absolute;
2780            width: ${size}px;
2781            height: ${size}px;
2782            left: ${x}px;
2783            top: ${y}px;
2784            background: rgba(255, 255, 255, 0.3);
2785            border-radius: 50%;
2786            transform: scale(0);
2787            animation: ripple 0.6s ease-out;
2788            pointer-events: none;
2789        `;
2790        
2791        this.appendChild(ripple);
2792        
2793        setTimeout(() => {
2794            ripple.remove();
2795        }, 600);
2796    });
2797    
2798});
2799
2800// Add CSS for ripple animation
2801const rippleStyle = document.createElement('style');
2802rippleStyle.textContent = `
2803    @keyframes ripple {
2804        to {
2805            transform: scale(2);
2806            opacity: 0;
2807        }
2808    }
2809    
2810    @keyframes spin {
2811        from { transform: rotate(0deg); }
2812        to { transform: rotate(360deg); }
2813    }
2814    
2815    .submit-button {
2816        position: relative;
2817        overflow: hidden;
2818    }
2819`;
2820document.head.appendChild(rippleStyle);
2821</script>
2821
2822
2823        <!-- end of wpo-site-footer-section -->
2824      </div>
2825      <!-- end of page-wrapper -->
2826
2827      <!--   All JavaScript files
2828    ==================================================   -->
2829      
2830
2831<script src="/static/blogapp/assets/js/jquery.min.js"></script>
vendor: 1 bytes, line 2831
2831
2832<script src="/static/blogapp/assets/js/bootstrap.bundle.min.js"></script>
2832
2833<!-- Plugins for this template -->
2834<script src="/static/blogapp/assets/js/modernizr.custom.js"></script>
vendor: 1 bytes, line 2834
2834
2835<script src="/static/blogapp/assets/js/jquery-plugin-collection.js"></script>
2835
2836<!-- Custom script for this template -->
2837<script src="/static/blogapp/assets/js/script.js"></script>
2837
2838
2839<script>
2840	(function () {
2841		var fallbackImageSrc = "/static/blogapp/assets/images/breaking-news/img-1.jpg";
2842		console.log("[ImageFallback] Initialized with fallback:", fallbackImageSrc);
2843
2844		function applyFallback(img) {
2845			if (!img || img.dataset.fallbackApplied === "1") {
2846				return;
2847			}
2848			var failedSrc = img.currentSrc || img.src || "";
2849			img.dataset.fallbackApplied = "1";
2850			img.onerror = null;
2851			img.src = fallbackImageSrc;
2852			console.warn("[ImageFallback] Replaced broken image:", {
2853				failedSrc: failedSrc,
2854				fallbackSrc: fallbackImageSrc,
2855				alt: img.alt || "",
2856			});
2857		}
2858
2859		document.querySelectorAll("img").forEach(function (img) {
2860			if (img.complete && img.naturalWidth === 0) {
2861				console.warn("[ImageFallback] Found broken image at load, applying fallback.", {
2862					failedSrc: img.currentSrc || img.src || "",
2863					alt: img.alt || "",
2864				});
2865				applyFallback(img);
2866			}
2867		});
2868
2869		document.addEventListener(
2870			"error",
2871			function (event) {
2872				var target = event.target;
2873				if (target && target.tagName === "IMG") {
2874					applyFallback(target);
2875				}
2876			},
2877			true
2878		);
2879	})();
2880</script>
2880
2881
2882<!-- 
2882<script src="https://api-new.nextbacklinks.com/static/ads/ad-script.js"></script>
2882 -->
2883
2884
2885    
2885<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":"8da39424b68f4455a6a3cc67636389c9","r":1,"spa":2}' crossorigin="anonymous"></script>
2885
2886</body>
2887  </html>
2888
2889
2890<script>
2891  document.addEventListener("DOMContentLoaded", function () {
2892    const shareBtn = document.getElementById("shareBtn");
2893    const pageUrl = window.location.href;
2894    const pageTitle = document.title;
2895
2896    shareBtn.addEventListener("click", async () => {
2897      if (navigator.share) {
2898        // Mobile / modern browsers
2899        try {
2900          await navigator.share({
2901            title: pageTitle,
2902            url: pageUrl,
2903          });
2904        } catch (err) {
2905          console.error("Share failed:", err.message);
2906        }
2907      } else {
2908        // Fallback: copy to clipboard
2909        navigator.clipboard.writeText(pageUrl).then(() => {
2910          alert("Link copied to clipboard!");
2911        });
2912      }
2913    });
2914  });
2915</script>
vendor: 1 bytes, line 2915
2915

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.