PageSourceSearch

https://889993023.xyz/category/all-posts/

html 889993023.xyz collected 2026-10-07 07:14:07 UTC 127,080 bytes, 3,592 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></title>
17    <meta name="description" content="">
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/category/all-posts/">
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="page-blogapp:homepage theme-theme_11">
371
372    <!-- start page-wrapper -->
373    <div class="page-wrapper">
374        
375            <!-- start preloader -->
376                
377 
378            <!-- end preloader -->
379        
380        <!-- Start header -->
381        <header id="header" class="wpo-site-header">
382            
383
384
385    
386
387
388  
389 <div class="topbar ">
390  <div class="container-fluid fluid-container">
391    <div class="row align-items-center ">
392      <div class="col  col-lg-9 col-md-9 col-sm-12 col-12">
393        <div class="contact-intro ">
394          <ul class="d-flex gap-2 align-items-center">
395            <li class="update ">
396              <span class="bg-primary-gradient text-nowrap">New Update</span>
397            </li>
398            <li class="top-color">
399              <marquee direction="left" scrollamount="4" behavior="scroll" class="d-flex pt-1">
400                <p class="text-center mb-0">
401                  
402                  <a href="/gibbs-stellar-performance-powers-lions-while-smith-njigba-keeps-seattle-soaring/" class="px-5 top-color">
403                    Gibbs&#x27; Stellar Performance Powers Lions While Smith-Njigba Keeps Seattle Soaring.
404                  </a>
405                  
406                  <a href="/honduras-leader-asserts-ballot-fraud-amid-us-meddling/" class="px-5 top-color">
407                    Honduras Leader Asserts ‘Ballot Fraud’ Amid U.S. ‘Meddling’.
408                  </a>
409                  
410                  <a href="/a-feeling-of-dread-whats-going-on-in-turkish-football/" class="px-5 top-color">
411                    A Feeling of Dread - What&#x27;s Going On in Turkish Football?
412                  </a>
413                  
414                  <a href="/nancy-pelosi-describes-donald-trump-as-the-massive-scam-in-us-history-in-response-to-climate-comment/" class="px-5 top-color">
415                    Nancy Pelosi Describes Donald Trump as &#x27;the Massive Scam in US History&#x27; in Response to Climate Comment
416                  </a>
417                  
418                  <a href="/turkish-authorities-detain-8-individuals-suspend-over-a-thousand-footballers-in-betting-probe/" class="px-5 top-color">
419                    Turkish Authorities Detain 8 Individuals, Suspend Over a Thousand Footballers in Betting Probe
420                  </a>
421                  
422                </p>
423              </marquee>
424            </li>
425          </ul>
426        </div>
427      </div>
428      <div class="col col-lg-3 col-md-3 col-sm-12 col-12">
429        <div class="contact-info ">
430          <ul>
431            <li>
432              <a href="#" class="top-color"><i class="top-color ti-facebook"></i></a>
433            </li>
434            <li>
435              <a href="#" class="top-color"><i class="top-color ti-twitter-alt"></i></a>
436            </li>
437            <li>
438              <a href="#" class="top-color"><i class="top-color ti-instagram"></i></a>
439            </li>
440            <li>
441              <a href="#" class="top-color"><i class="top-color ti-google"></i></a>
442            </li>
443          </ul>
444        </div>
445      </div>
446    </div>
447  </div>
448</div>
449
450  
451
452
453
454            
455
456
457
458
459
460
461<header class="header-v9 mb-4" role="banner">
462  <div class="container-fluid fluid-container">
463    <!-- Sticky/Glass Nav Card -->
464    <div class="nav-card-v9" role="navigation" aria-label="Primary">
465      <div class="row align-items-center justify-content-between g-3">
466        <!-- Logo -->
467       <div class="col-6 col-md-3 col-lg-2">
468          <a class="logo-link-v9 d-inline-flex align-items-center gap-2" href="/">
469            
470              <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" />
471            
472          </a>
473        </div>
474
475        <!-- Desktop Nav -->
476        <div class="col d-none d-xl-block">
477          <nav class="main-nav-v9">
478            <ul class="nav-list-v9">
479              <!-- Home (static) -->
480              <li class="nav-item-v9">
481                <a href="/" class="nav-link-v9 active-v9">Home</a>
482              </li >
483           
484              
485                
486                  <li class="nav-item-v9">
487                    <a href="/category/all-posts/" class="nav-link-v9">All Posts</a>
488                  </li>
489                
490                  <li class="nav-item-v9">
491                    <a href="/category/business/" class="nav-link-v9">Business</a>
492                  </li>
493                
494                  <li class="nav-item-v9">
495                    <a href="/category/esports/" class="nav-link-v9">Esports</a>
496                  </li>
497                
498                  <li class="nav-item-v9">
499                    <a href="/category/fashion/" class="nav-link-v9">Fashion</a>
500                  </li>
501                
502                  <li class="nav-item-v9">
503                    <a href="/category/featured/" class="nav-link-v9">Featured</a>
504                  </li>
505                
506                  <li class="nav-item-v9">
507                    <a href="/category/gaming/" class="nav-link-v9">Gaming</a>
508                  </li>
509                
510                  <li class="nav-item-v9">
511                    <a href="/category/health/" class="nav-link-v9">Health</a>
512                  </li>
513                
514                  <li class="nav-item-v9">
515                    <a href="/category/life-fitness/" class="nav-link-v9">Life &amp; Fitness</a>
516                  </li>
517                
518
519                
520                  <li class="nav-item-v9 has-dropdown-v9">
521                    <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">
522                      More<svg class="chev-v9" width="16" height="16" viewB
522ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
523                        <polyline points="6,9 12,15 18,9"></polyline>
524                      </svg>
525                    </button>
526                    <div class="dropdown-card-v9" id="more-desktop-v9" role="menu">
527                      <div class="dropdown-grid-v9">
528                        <div class="dropdown-section-v9">
529                          
530                            <a href="/category/lifestyle/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Lifestyle</a>
531                          
532                            <a href="/category/news/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> News</a>
533                          
534                            <a href="/category/others/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Others</a>
535                          
536                            <a href="/category/politics/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Politics</a>
537                          
538                            <a href="/category/sports/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Sports</a>
539                          
540                            <a href="/category/tech/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Tech</a>
541                          
542                            <a href="/category/travel/" class="dropdown-link-v9" role="menuitem"><span class="link-dot-v9" aria-hidden="true"></span> Travel</a>
543                          
544                        </div>
545                      </div>
546                    </div>
547                  </li>
548                
549              
550                <li class="nav-item-v9">
551                <a href="/page/contact-us/" class="nav-link-v9">Contact Us</a>
552              </li >
553            </ul>
554          </nav>
555        </div>
556
557        <!-- Actions -->
558        <div class="col-6 col-md-3 col-lg-2">
559          <div class="nav-actions-v9">
560            <button class="icon-btn-v9" aria-controls="searchPanelV9" aria-expanded="false" aria-label="Open search" onclick="toggleSearchV9()">
561              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
562                <circle cx="11" cy="11" r="8"></circle>
563                <path d="m21 21-4.35-4.35"></path>
564              </svg>
565            </button>
566            <button class="icon-btn-v9 d-xl-none" aria-controls="mobileNavV9" aria-expanded="false" aria-label="Open menu" onclick="toggleMobileNavV9()">
567              <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
568                <line x1="3" y1="6" x2="21" y2="6" />
569                <line x1="3" y1="12" x2="21" y2="12" />
570                <line x1="3" y1="18" x2="21" y2="18" />
571              </svg>
572            </button>
573          </div>
574        </div>
575      </div>
576
577      <!-- Active underline (animated) -->
578      <span class="active-rail-v9" aria-hidden="true"></span>
579    </div>
580
581    <!-- Search Panel -->
582    <div class="search-panel-v9" id="searchPanelV9" role="dialog" aria-label="Site search" aria-modal="true">
583      <form class="search-form-v9" action="" method="get" role="search">
584        <label for="q-v9" class="visually-hidden">Search</label>
585        <div class="search-input-wrap-v9">
586          <svg class="search-icn-v9" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
587            <circle cx="11" cy="11" r="8"></circle>
588            <path d="m21 21-4.35-4.35"></path>
589          </svg>
590          <input id="search-input" name="q" type="search"  class="search-input-v9" placeholder="Search articles, tutorials, news…" autocomplete="off" />
591          <button type="button" class="icon-btn-v9 ghost" aria-label="Close search" onclick="toggleSearchV9()">
592            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
593              <line x1="18" y1="6" x2="6" y2="18" />
594              <line x1="6" y1="6" x2="18" y2="18" />
595            </svg>
596          </button>
597        </div>
598        <div class="search-suggest-v9 search-v1" id="search-results">
599          
600        </div>
601      </form>
602    </div>
603
604    <!-- Mobile Offcanvas -->
605    <aside class="mobile-nav-v9 d-xl-none" id="mobileNavV9" role="dialog" aria-label="Mobile navigation" aria-modal="true">
606      <div class="mobile-wrap-v9">
607        <div class="mobile-head-v9">
608          <span class="mobile-title-v9">Menu</span>
609          <button class="icon-btn-v9 ghost" aria-label="Close menu" onclick="toggleMobileNavV9()">
610            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
611              <line x1="18" y1="6" x2="6" y2="18" />
612              <line x1="6" y1="6" x2="18" y2="18" />
613            </svg>
614          </button>
615        </div>
616
617        <ul class="mobile-list-v9">
618          <li>
619            <a class="mobile-link-v9 active-v9" href="/">Home</a>
620          </li>
621          <li class="">
622                <a href="/page/contact-us/" class="mobile-link-v9">Contact Us</a>
623          </li >
624          
625            
626              <li>
627                <a class="mobile-link-v9" href="/category/all-posts/">All Posts</a>
628              </li>
629            
630              <li>
631                <a class="mobile-link-v9" href="/category/business/">Business</a>
632              </li>
633            
634              <li>
635                <a class="mobile-link-v9" href="/category/esports/">Esports</a>
636              </li>
637            
638              <li>
639                <a class="mobile-link-v9" href="/category/fashion/">Fashion</a>
640              </li>
641            
642              <li>
643                <a class="mobile-link-v9" href="/category/featured/">Featured</a>
644              </li>
645            
646
647            
648          
649        </ul>
650      </div>
651    </aside>
652  </div>
653
654  <!-- Overlay -->
655  <div class="nav-overlay-v9" id="navOverlayV9" onclick="closeAllV9()" aria-hidden="true"></div>
656</header>
657
658<style>
659
660  .header-v9 {
661    position: relative;
662    padding: 14px 0;
663    z-index: 50;
664  }
665  .header-v9.is-scrolled .nav-card-v9 {
666    padding: 10px 18px;
667    border-radius: 14px;
668    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
669  }
670  .header-v9.is-scrolled .logo-img-v9 {
671    transform: scale(0.92);
672  }
673  
674  /* Card */
675  .nav-card-v9 {
676    background: var(--navbar-bg);
677    backdrop-filter: blur(18px);
678    border: 1px solid var(--border-color);
679    border-radius: 18px;
680    padding: 14px 22px;
681    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
682    position: sticky;
683    top: 10px;
684  }
685  
686  /* Logo */
687  .logo-img-v9 {
688    max-height: 60px;
689    width: auto;
690    transition: transform 0.25s ease, opacity 0.25s ease;
691  }
692  .logo-link-v9:hover .logo-img-v9 {
693    transform: translateY(-1px) scale(1.03);
694  }
695  
696  /* Desktop nav */
697  .main-nav-v9 {
698    display: flex;
699    justify-content: center;
700  }
701  .nav-list-v9 {
702    display: flex;
703    gap: 6px;
704    list-style: none;
705    margin: 0;
706    padding: 0;
707  }
708  .nav-item-v9 {
709    position: relative;
710  }
711  .nav-link-v9 {
712    position: relative;
713    display: inline-flex;
714    align-items: center;
715    justify-content: center;
716    padding: 10px 10px;
717    border-radius: 12px;
718    color: var(--navbar-color);
719    text-decoration: none;
720    font-weight: 500;
721    font-size: 15px;
722    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
723  }
724  .nav-link-v9:hover {
725    background: rgba(102, 126, 234, 0.1);
726    color: var(--topbar-color);
727    transform: translateY(-1px);
728  }
729  .nav-link-v9.active-v9 {
730    color: transparent;
731  }
732  .nav-link-v9.active-v9::after {
733    content: '';
734    position: absolute;
735    left: 12px;
736    right: 12px;
737    bottom: 6px;
738    height: 3px;
739    border-radius: 3px;
740    background: var(--sub-nav);
741  }
742  
743  /* Dropdown */
744  .has-dropdown-v9 {
745    position: relative;
746  }
747  .nav-more-btn-v9 {
748    display: inline-flex;
749    gap: 6px;
750    align-items: center;
751  }
752  .chev-v9 {
753    transition: transform 0.2s ease;
754  }
755  .has-dropdown-v9:focus-within .chev-v9,
756  .has-dropdown-v9:hover .chev-v9 {
757    transform: rotate(180deg);
758  }
759  
760  .dropdown-card-v9 {
761    position: absolute;
762    top: calc(100% + 14px);
763    left: 50%;
764    transform: translateX(-50%) translateY(-6px);
765    background: var(--navbar-bg);
766    border: 1px solid var(--border-color);
767    border-radius: 14px;
768    padding: 18px;
769    min-width: 280px;
770    z-index: 200;
771    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
772    opacity: 0;
773    visibility: hidden;
774    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
775  }
776  .has-dropdown-v9:hover .dropdown-card-v9,
777  .has-dropdown-v9:focus-within .dropdown-card-v9 {
778    opacity: 1;
779    visibility: visible;
780    transform: translateX(-50%) translateY(0);
781  }
782  
783  .dropdown-grid-v9 {
784    display: grid;
785    grid-template-columns: 1fr;
786    gap: 10px;
787  }
788  .dropdown-section-v9 {
789    display: grid;
790    gap: 6px;
791  }
792  .dropdown-link-v9 {
793    display: flex;
794    align-items: center;
795    gap: 10px;
796    padding: 10px 12px;
797    border-radius: 10px;
798    text-decoration: none;
799    font-size: 14px;
800    color: var(--navbar-color);
801    transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease;
802  }
803  .dropdown-link-v9:hover {
804    background: var(--bs-primary);
805    color: var(--bs-white);
806    transform: translateX(4px);
807  }
808  .link-dot-v9 {
809    width: 6px;
810    height: 6px;
811    border-radius: 50%;
812    border: 1px solid currentColor;
813  }
814  
815  /* Actions */
816  .nav-actions-v9 {
817    display: flex;
818    justify-content: flex-end;
819    align-items: center;
820    gap: 8px;
821  }
822  .icon-btn-v9 {
823    border: 1px solid var(--border-color);
824    background: rgba(102, 126, 234, 0.1);
825    color: var(--navbar-color);
826    padding: 8px;
827    border-radius: 12px;
828    cursor: pointer;
829    transition: transform 0.2s, background 0.2s, color 0.2s;
830  }
831  .icon-btn-v9:hover {
832    background: var(--sub-nav);
833    color: var(--topbar-color) !important;
834    transform: translateY(-1px);
835  }
836  .icon-btn-v9.ghost {
837    background: transparent;
838  }
839  
840  /* Search Panel */
841  .search-panel-v9 {
842    position: fixed;
843    top: 14px;
844    left: 50%;
845    transform: translateX(-50%) translateY(-16px);
846    width: min(720px, calc(100% - 40px));
847    background: var(--navbar-bg);
848    border: 1px solid var(--border-color);
849    border-radius: 16px;
850    padding: 16px;
851    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
852    opacity: 0;
853    visibility: hidden;
854    z-index: 300;
855    transition: opacity 0.25s, transform 0.25s, visibility 0.25s;
856  }
857  .search-panel-v9.show-v9 {
858    opacity: 1;
859    visibility: visible;
860    transform: translateX(-50%) translateY(0);
861  }
862  .search-input-wrap-v9 {
863    display: flex;
864    align-items: center;
865    gap: 10px;
866    background: rgba(248, 250, 252, 0.8);
867    border: 2px solid rgba(102, 126, 234, 0.2);
868    border-radius: 12px;
869    padding: 6px 8px;
870    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
871  }
872  .search-input-wrap-v9:focus-within {
873    border-color: #667eea;
874    background: rgba(255, 255, 255, 0.9);
875    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
876  }
877  .search-icn-v9 {
878    color: #a0aec0;
879    margin-left: 6px;
880  }
881  .search-input-v9 {
882    flex: 1;
883    border: 0;
884    background: transparent;
885    outline: none;
886    padding: 12px 4px;
887    font-size: 16px;
888    color: #2d3748;
889  }
890  .search-suggest-v9 {
891    display: grid;
892    grid-template-columns: repeat(3, minmax(0, 1fr));
893    gap: 8px;
894    margin-top: 10px;
895  }
896  .suggestion-v9 {
897    border: 1px solid var(--border-color);
898    background: rgba(248, 250, 252, 0.5);
899    color: var(--navbar-color);
900    padding: 10px 12px;
901    border-radius: 10px;
902    font-size: 14px;
903    text-align: left;
904    cursor: pointer;
905    transition: background 0.2s, color 0.2s, transform 0.2s;
906  }
907  .suggestion-v9:hover {
908    background: var(--bs-primary) !important ;
909    color: var(--bs-white)  !important;
910    transform: translateY(-1px);
911  }
912  
913  /* Mobile */
914  .mobile-nav-v9 {
915    position: fixed;
916    right: 0;
917    top: 0;
918    height: 100vh;
919    width: min(86vw, 420px);
920    background: var(--card-bg);
921    border-left: 1px solid var(--border-color);
922    transform: translateX(100%);
923    transition: transform 0.3s ease;
924    z-index: 350;
925    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
926  }
927  .mobile-nav-v9.show-v9 {
928    transform: translateX(0);
929  }
930  .mobile-wrap-v9 {
931    display: flex;
932    flex-direction: column;
933    height: 100%;
934  }
935  .mobile-head-v9 {
936    display: flex;
937    align-items: center;
938    justify-content: space-between;
939    padding: 16px;
940    background: var(--navbar-bg);
941  }
942  .mobile-title-v9 {
943    font-weight: 600;
944  }
945  .mobile-list-v9 {
946    list-style: none;
947    padding: 10px 12px 20px;
948    margin: 0;
949    overflow-y: auto;
950  }
951  .mobile-link-v9 {
952    display: flex;
953    align-items: center;
954    justify-content: space-between;
955    padding: 14px 12px;
956    border-radius: 12px;
957    text-decoration: none;
958    color: var(--navbar-color);
959    font-weight: 500;
960    transition: background 0.2s, color 0.2s;
961  }
962  .mobile-link-v9:hover,
963  .mobile-link-v9.active-v9 {
964    background: var(--sub-nav);
965    color: var(--topbar-color);
966  }
967  .mobile-group-v9 {
968    margin-top: 4px;
969  }
970  .mobile-sublist-v9 {
971    list-style: none;
972    margin: 0;
973    padding: 0;
974    max-height: 0;
975    overflow: auto;
976    transition: max-height 0.25s ease;
977    background:var(--navbar-bg);
978    border-radius: 12px;
979    margin-top: 6px;
980  }
981  .mobile-sublist-v9.show-v9 {
982    max-height: 360px;
983    background: var(--navbar-bg);
984    padding: 6px 0;
985  }
986  .mobile-sublink-v9 {
987    display: block;
988    padding: 10px 16px;
989    text-decoration: none;
990    color: var(--navbar-color);
991    border-radius: 10px;
992    font-size: 14px;
993  }
994  .mobile-sublink-v9:hover {
995    background: var(--sub-nav);
996    color: var(--topbar-color);
997  }
998  .mobile-arrow-v9 {
999    transition: transform 0.2s ease;
1000  }
1001  .mobile-link-v9.has-arrow-v9[aria-expanded='true'] .mobile-arrow-v9 {
1002    transform: rotate(180deg);
1003  }
1004  
1005  /* Overlay */
1006  .nav-overlay-v9 {
1007    position: fixed;
1008    inset: 0;
1009    background: rgba(0, 0, 0, 0.35);
1010    backdrop-filter: blur(4px);
1011    opacity: 0;
1012    visibility: hidden;
1013    transition: opacity 0.25s, visibility 0.25s;
1014    z-index: 200;
1015  }
1016  .nav-overlay-v9.show-v9 {
1017    opacity: 1;
1018    visibility: visible;
1019  }
1020  
1021
1022  /* Utils */
1023  .visually-hidden {
1024    position: absolute !important;
1025    height: 1px;
1026    width: 1px;
1027    overflow: hidden;
1028    clip: rect(1px, 1px, 1px, 1px);
1029    white-space: nowrap;
1030  }
1031  
1032  /* Responsive tweaks */
1033  @media (max-width: 1300px) {
1034    .nav-card-v9 {
1035      padding: 12px 18px;
1036      border-radius: 16px;
1037    }
1038    .search-panel-v9 {
1039      width: calc(100% - 32px);
1040    }
1041  }
1042  @media (max-width: 576px) {
1043    .logo-img-v9 {
1044      max-height: 38px;
1045    }
1046  }
1047</style>
1048
1049<script>
1050  /* ============ V9 JS ============ */
1051  ;(function () {
1052    const overlay = document.getElementById('navOverlayV9')
1053    const searchPanel = document.getElementById('searchPanelV9')
1054    const mobileNav = document.getElementById('mobileNavV9')
1055    const header = document.querySelector('.header-v9')
1056  
1057    function lockScroll(lock) {
1058      document.body.style.overflow = lock ? 'hidden' : ''
1059    }
1060  
1061    window.toggleSearchV9 = function () {
1062      const btn = document.querySelector('[aria-controls="searchPanelV9"]')
1063      const willOpen = !searchPanel.classList.contains('show-v9')
1064  
1065      // close mobile if open
1066      mobileNav.classList.remove('show-v9')
1067      document.querySelector('[aria-controls="mobileNavV9"]')?.setAttribute('aria-expanded', 'false')
1068  
1069      searchPanel.classList.toggle('show-v9', willOpen)
1070      overlay.classList.toggle('show-v9', willOpen)
1071      btn?.setAttribute('aria-expanded', String(willOpen))
1072      lockScroll(willOpen)
1073  
1074      if (willOpen) setTimeout(() => document.getElementById('q-v9')?.focus(), 80)
1075    }
1076  
1077    window.toggleMobileNavV9 = function () {
1078      const btn = document.querySelector('[aria-controls="mobileNavV9"]')
1079      const willOpen = !mobileNav.classList.contains('show-v9')
1080  
1081      // close search if open
1082      searchPanel.classList.remove('show-v9')
1083      document.querySelector('[aria-controls="searchPanelV9"]')?.setAttribute('aria-expanded', 'false')
1084  
1085      mobileNav.classList.toggle('show-v9', willOpen)
1086      overlay.classList.toggle('show-v9', willOpen)
1087      btn?.setAttribute('aria-expanded', String(willOpen))
1088      lockScroll(willOpen)
1089    }
1090  
1091    window.toggleMobileDropdownV9 = function (id) {
1092      const list = document.getElementById(id)
1093      const btn = document.querySelector(`[onclick*="${id}"]`)
1094      const willOpen = !list.classList.contains('show-v9')
1095      // close siblings
1096      document.querySelectorAll('.mobile-sublist-v9').forEach((el) => {
1097        if (el.id !== id) el.classList.remove('show-v9')
1098      })
1099      list.classList.toggle('show-v9', willOpen)
1100      btn?.setAttribute('aria-expanded', String(willOpen))
1101    }
1102  
1103    window.closeAllV9 = function () {
1104      searchPanel.classList.remove('show-v9')
1105      mobileNav.classList.remove('show-v9')
1106      overlay.classList.remove('show-v9')
1107      document.querySelector('[aria-controls="searchPanelV9"]')?.setAttribute('aria-expanded', 'false')
1108      document.querySelector('[aria-controls="mobileNavV9"]')?.setAttribute('aria-expanded', 'false')
1109      lockScroll(false)
1110    }
1111  
1112    // ESC to close
1113    document.addEventListener('keydown', (e) => {
1114      if (e.key === 'Escape') window.closeAllV9()
1115    })
1116  
1117    // Sticky shrink on scroll
1118    let lastY = window.scrollY
1119    const onScroll = () => {
1120      const y = window.scrollY
1121      header.classList.toggle('is-scrolled', y > 10)
1122      lastY = y
1123    }
1124    onScroll()
1125    window.addEventListener('scroll', onScroll, { passive: true })
1126  
1127    // Suggestions fill
1128    document.addEventListener('click', (e) => {
1129      const btn = e.target.closest('.suggestion-v9')
1130      if (!btn) return
1131      const val = btn.getAttribute('data-fill') || ''
1132      const input = document.getElementById('q-v9')
1133      if (input) input.value = val
1134    })
1135  
1136    // Desktop "More" button a11y: open on focus-within, we just toggle aria
1137    const moreBtn = document.querySelector('.nav-more-btn-v9')
1138    const moreCard = document.getElementById('more-desktop-v9')
1139    if (moreBtn && moreCard) {
1140      ;['mouseenter', 'focus'].forEach((evt) => moreBtn.addEventListener(evt, () => moreBtn.setAttribute('aria-expanded', 'true')))
1141      ;['mouseleave', 'blur'].forEach((evt) => moreBtn.addEventListener(evt, () => moreBtn.setAttribute('aria-expanded', 'false')))
1142    }
1143  })()
1144</script>
1144
1145
1146<script>
1147  document.addEventListener("DOMContentLoaded", function () {
1148    console.log("loaded");
1149
1150     const searchInput = document.getElementById("search-input")
1151    const searchResults = document.getElementById("search-results");
1152
1153    if (!searchInput || !searchResults) {
1154      console.error("Search input/results not found");
1155      return;
1156    }
1157
1158    // Prevent form submission
1159    if (searchInput.form) {
1160      searchInput.form.addEventListener("submit", function (e) {
1161        e.preventDefault();
1162      });
1163    }
1164
1165    // Add event listener for keyup
1166    searchInput.addEventListener("keyup", function (e) {
1167      console.log("Key pressed:", e.key);
1168      e.preventDefault();
1169
1170      const query = searchInput.value.trim();
1171      console.log("User is typing: " + query);
1172
1173      // If empty → clear and hide
1174      if (query === "") {
1175        searchResults.innerHTML = "";
1176        searchResults.style.display = "none";
1177        return;
1178      }
1179
1180      // Show results
1181      searchResults.style.display = "block";
1182
1183      // Fetch search results
1184      fetch("/search-posts?version=v1&q=" + encodeURIComponent(query), {
1185        method: "GET",
1186        headers: { "X-Requested-With": "XMLHttpRequest" },
1187      })
1188        .then(response => {
1189          console.log("Response Status:", response.status);
1190          return response.json();
1191        })
1192        .then(data => {
1193          console.log("Data received:", data);
1194          if (data.html) {
1195            searchResults.innerHTML = data.html;
1196          } else {
1197            searchResults.innerHTML = "<p>No results found.</p>";
1198          }
1199        })
1200        .catch(error => {
1201          console.error("Error fetching search results:", error);
1202        });
1203    });
1204
1205    // Close results when clicking outside
1206    document.addEventListener("click", function (e) {
1207      if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) {
1208        searchResults.style.display = "none";
1209      }
1210    });
1211
1212    // Close results on ESC key
1213    document.addEventListener("keydown", function (e) {
1214      if (e.key === "Escape") {
1215        searchResults.style.display = "none";
1216      }
1217    });
1218  });
1219</script>
1219
1220
1221
1222        </header>
1223        <!-- end of header -->
1224     
1225        <!-- start of wpo-breacking-news -->
1226        
1227        <!-- end of wpo-breacking-news -->
1228         
1229        <!-- start wpo-blog-highlights-section -->
1230        
1231
1232
1233
1234    
1235
1236
1237
1238<style>
1239    .blog-highlights-v2 {
1240        padding: 60px 0;
1241        position: relative;
1242        overflow: hidden;
1243    }
1244    
1245    .blog-highlights-v2::before {
1246        content: '';
1247        position: absolute;
1248        top: 0;
1249        left: 0;
1250        width: 100%;
1251        height: 100%;
1252        background: var(--body-bg);
1253        pointer-events: none;
1254    }
1255    
1256    .blog-card-v2 {
1257        border: none;
1258        border-radius: 20px;
1259        overflow: hidden;
1260        background: white;
1261        height: 100%;
1262        position: relative;
1263        transform: translateY(0);
1264        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
1265        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
1266        will-change: transform;
1267    }
1268    
1269    .blog-card-v2::before {
1270        content: '';
1271        position: absolute;
1272        top: 0;
1273        left: 0;
1274        width: 100%;
1275        height: 100%;
1276        background: linear-gradient(45deg, transparent 0%, rgba(255,255,255,0.1) 50%, transparent 100%);
1277        transform: translateX(-100%);
1278        transition: transform 0.6s ease;
1279        z-index: 1;
1280    }
1281    
1282    .blog-card-v2:hover {
1283        transform: translateY(-15px) scale(1.02);
1284        box-shadow: 0 20px 40px rgba(0,0,0,0.15);
1285    }
1286    
1287    .blog-card-v2:hover::before {
1288        transform: translateX(100%);
1289    }
1290    
1291    .blog-image-v2 {
1292        position: relative;
1293        overflow: hidden;
1294        height: 250px;
1295        background: linear-gradient(45deg, #667eea 0%, #764ba2 100%);
1296    }
1297    
1298    .blog-image-v2::after {
1299        content: '';
1300        position: absolute;
1301        top: 0;
1302        left: 0;
1303        width: 100%;
1304        height: 100%;
1305        background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 100%);
1306        z-index: 2;
1307    }
1308    
1309    .blog-image-v2 img {
1310        width: 100%;
1311        height: 100%;
1312        object-fit: cover;
1313        transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
1314        transform: scale(1);
1315    }
1316    
1317    .blog-card-v2:hover .blog-image-v2 img {
1318        transform: scale(1.1) rotate(2deg);
1319    }
1320    
1321    .blog-category-v2 {
1322        position: absolute;
1323        top: 20px;
1324        left: 20px;
1325        padding: 8px 16px;
1326        border-radius: 50px;
1327        font-size: 12px;
1328        font-weight: 700;
1329        text-transform: uppercase;
1330        letter-spacing: 1px;
1331      
1332        z-index: 3;
1333        transform: translateY(0);
1334        transition: all 0.3s ease;
1335        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
1336    }
1337    
1338    .blog-card-v2:hover .blog-category-v2 {
1339        transform: translateY(-5px);
1340        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
1341    }
1342    
1343    .blog-content-v2 {
1344        padding: 30px 25px;
1345        position: relative;
1346        z-index: 2;
1347    }
1348    
1349    .blog-title-v2 {
1350        font-size: 18px;
1351        font-weight: 700;
1352        line-height: 1.4;
1353        margin-bottom: 15px;
1354        min-height: 50px;
1355        position: relative;
1356        overflow: hidden;
1357    }
1358    
1359    .blog-title-v2 a {
1360        text-decoration: none;
1361        position: relative;
1362        transition: all 0.3s ease;
1363        background-clip: text;
1364        -webkit-background-clip: text;
1365    }
1366    
1367    .blog-title-v2 a::after {
1368        content: '';
1369        position: absolute;
1370        bottom: -2px;
1371        left: 0;
1372        width: 0;
1373        height: 2px;
1374        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
1375        transition: width 0.4s ease;
1376    }
1377    
1378    .blog-card-v2:hover .blog-title-v2 a::after {
1379        width: 100%;
1380    }
1381    
1382    .blog-meta-v2 {
1383        display: flex;
1384        align-items: center;
1385        gap: 12px;
1386        margin-bottom: 15px;
1387        font-size: 13px;
1388        padding-bottom: 15px;
1389        border-bottom: 2px solid rgba(102, 126, 234, 0.1);
1390        position: relative;
1391    }
1392    
1393    .blog-meta-v2::after {
1394        content: '';
1395        position: absolute;
1396        bottom: -2px;
1397        left: 0;
1398        width: 0;
1399        height: 2px;
1400        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
1401        transition: width 0.5s ease 0.2s;
1402    }
1403    
1404    .blog-card-v2:hover .blog-meta-v2::after {
1405        width: 60px;
1406    }
1407    
1408    .blog-author-img-v2 {
1409        width: 32px;
1410        height: 32px;
1411        border-radius: 50%;
1412        object-fit: cover;
1413        border: 3px solid white;
1414        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
1415        transition: all 0.3s ease;
1416    }
1417    
1418    .blog-card-v2:hover .blog-author-img-v2 {
1419        transform: scale(1.1);
1420        box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
1421    }
1422    
1423    .blog-excerpt-v2 {
1424        font-size: 14px;
1425        line-height: 1.6;
1426        color: #666;
1427        display: -webkit-box;
1428        -webkit-line-clamp: 3;
1429        -webkit-box-orient: vertical;
1430        overflow: hidden;
1431        position: relative;
1432        opacity: 0.8;
1433        transition: opacity 0.3s ease;
1434    }
1435    
1436    .blog-card-v2:hover .blog-excerpt-v2 {
1437        opacity: 1;
1438    }
1439    
1440    .section-header-v2 {
1441        text-align: center;
1442        margin-bottom: 70px;
1443        position: relative;
1444    }
1445    
1446    .section-title-v2 {
1447        font-size: 3.2rem;
1448        font-weight: 800;
1449        margin-bottom: 20px;
1450        position: relative;
1451    }
1452    
1453    .section-title-v2::after {
1454        content: '';
1455        position: absolute;
1456        bottom: -10px;
1457        left: 50%;
1458        transform: translateX(-50%);
1459        width: 80px;
1460        height: 4px;
1461        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
1462        border-radius: 2px;
1463    }
1464    
1465    .section-subtitle-v2 {
1466        font-size: 1.1rem;
1467        color: #666;
1468        max-width: 600px;
1469        margin: 0 auto;
1470        line-height: 1.6;
1471    }
1472    
1473    .blog-read-more-v2 {
1474        position: absolute;
1475        bottom: 25px;
1476        right: 25px;
1477        width: 45px;
1478        height: 45px;
1479        border-radius: 50%;
1480        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
1481        display: flex;
1482        align-items: center;
1483        justify-content: center;
1484        color: white;
1485        text-decoration: none;
1486        transition: all 0.4s ease;
1487        transform: scale(0);
1488        opacity: 0;
1489        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
1490    }
1491    
1492    .blog-card-v2:hover .blog-read-more-v2 {
1493        transform: scale(1);
1494        opacity: 1;
1495    }
1496    
1497    .blog-read-more-v2:hover {
1498        transform: scale(1.1);
1499        box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
1500    }
1501    
1502    /* Animation Classes */
1503    .animate-on-scroll {
1504        opacity: 0;
1505        transform: translateY(30px);
1506        transition: all 0.6s ease;
1507    }
1508    
1509    .animate-on-scroll.animated {
1510        opacity: 1;
1511        transform: translateY(0);
1512    }
1513    
1514    /* Staggered Animation */
1515    .blog-card-v2:nth-child(1) { animation-delay: 0.1s; }
1516    .blog-card-v2:nth-child(2) { animation-delay: 0.2s; }
1517    .blog-card-v2:nth-child(3) { animation-delay: 0.3s; }
1518    .blog-card-v2:nth-child(4) { animation-delay: 0.4s; }
1519    .blog-card-v2:nth-child(5) { animation-delay: 0.5s; }
1520    .blog-card-v2:nth-child(6) { animation-delay: 0.6s; }
1521
1522    @media (max-width: 768px) {
1523        .section-title-v2 {
1524            font-size: 2.5rem;
1525        }
1526        .blog-highlights-v2 {
1527            padding: 40px 0;
1528        }
1529        .blog-content-v2 {
1530            padding: 25px 20px;
1531        }
1532        .blog-card-v2:hover {
1533            transform: translateY(-10px) scale(1.01);
1534        }
1535    }
1536</style>
1537
1538<section class="blog-highlights-v2">
1539    <div class="container-fluid fluid-container">
1540        <div class="row">
1541            <div class="col-12">
1542                <div class="section-header-v2 animate-on-scroll">
1543                    <h2 class="section-title-v2 text-primary-gradient">
1544                All Posts
1545                   </h2>
1546                    <p class="section-subtitle-v2">Discover our latest stories and insights from around the world</p>
1547                </div>
1548            </div>
1549        </div>
1550        
1551        <div class="row">
1552            <div class="col-lg-8 col-12">
1553                <div class="row g-4">
1554                    
1555                    <div class="col-lg-6 col-md-6 col-12">
1556                        <div class="card blog-card-v2 animate-on-scroll">
1557                            <div class="blog-image-v2">
1558                                
1559                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1560                                
1561                                <span class="blog-category-v2 bg-primary-gradient">
1562                                    News
1563                                </span>
1564                            </div>
1565                            <div class="blog-content-v2">
1566                                <h3 class="blog-title-v2">
1567                                    <a class="top-color" href="/gibbs-stellar-performance-powers-lions-while-smith-njigba-keeps-seattle-soaring/">
1568                                    Gibbs&#x27; Stellar Performance Powers Lions While Smith-Njigba Keeps Seattle Soaring.
1569                                    </a>
1570                                </h3>
1571                                <div class="blog-meta-v2">
1572                                    
1573                                        <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="blog-author-img-v2">
1574                                    
1575                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1576                                    <span>By Aaron Baird</span>
1577                                    <span style="color: #ccc;">•</span>
1578                                    <span style="color: #999;">07 Oct 2026</span>
1579                                </div>
1580                                <p class="blog-excerpt-v2"></p>
1581                               
1582                            </div>
1583                        </div>
1584                    </div>
1585                    
1586                    <div class="col-lg-6 col-md-6 col-12">
1587                        <div class="card blog-card-v2 animate-on-scroll">
1588                            <div class="blog-image-v2">
1589                                
1590                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1591                                
1592                                <span class="blog-category-v2 bg-primary-gradient">
1593                                    News
1594                                </span>
1595                            </div>
1596                            <div class="blog-content-v2">
1597                                <h3 class="blog-title-v2">
1598                                    <a class="top-color" href="/honduras-leader-asserts-ballot-fraud-amid-us-meddling/">
1599                                    Honduras Leader Asserts ‘Ballot Fraud’ Amid U.S. ‘Meddling’.
1600                                    </a>
1601                                </h3>
1602                                <div class="blog-meta-v2">
1603                                    
1604                                        <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="blog-author-img-v2">
1605                                    
1606                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1607                                    <span>By Aaron Baird</span>
1608                                    <span style="color: #ccc;">•</span>
1609                                    <span style="color: #999;">07 Oct 2026</span>
1610                                </div>
1611                                <p class="blog-excerpt-v2"></p>
1612                               
1613                            </div>
1614                        </div>
1615                    </div>
1616                    
1617                    <div class="col-lg-6 col-md-6 col-12">
1618                        <div class="card blog-card-v2 animate-on-scroll">
1619                            <div class="blog-image-v2">
1620                                
1621                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1622                                
1623                                <span class="blog-category-v2 bg-primary-gradient">
1624                                    News
1625                                </span>
1626                            </div>
1627                            <div class="blog-content-v2">
1628                                <h3 class="blog-title-v2">
1629                                    <a class="top-color" href="/a-feeling-of-dread-whats-going-on-in-turkish-football/">
1630                                    A Feeling of Dread - What&#x27;s Going On in Turkish Football?
1631                                    </a>
1632                                </h3>
1633                                <div class="blog-meta-v2">
1634                                    
1635                                        <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="blog-author-img-v2">
1636                                    
1637                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1638                                    <span>By Aaron Baird</span>
1639                                    <span style="color: #ccc;">•</span>
1640                                    <span style="color: #999;">07 Oct 2026</span>
1641                                </div>
1642                                <p class="blog-excerpt-v2"></p>
1643                               
1644                            </div>
1645                        </div>
1646                    </div>
1647                    
1648                    <div class="col-lg-6 col-md-6 col-12">
1649                        <div class="card blog-card-v2 animate-on-scroll">
1650                            <div class="blog-image-v2">
1651                                
1652                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1653                                
1654                                <span class="blog-category-v2 bg-primary-gradient">
1655                                    News
1656                                </span>
1657                            </div>
1658                            <div class="blog-content-v2">
1659                                <h3 class="blog-title-v2">
1660                                    <a class="top-color" href="/nancy-pelosi-describes-donald-trump-as-the-massive-scam-in-us-history-in-response-to-climate-comment/">
1661                                    Nancy Pelosi Describes Donald Trump as &#x27;the Massive Scam in US History&#x27; in Response to Climate Comment
1662                                    </a>
1663                                </h3>
1664                                <div class="blog-meta-v2">
1665                                    
1666                                        <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="blog-author-img-v2">
1667                                    
1668                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1669                                    <span>By Aaron Baird</span>
1670                                    <span style="color: #ccc;">•</span>
1671                                    <span style="color: #999;">07 Oct 2026</span>
1672                                </div>
1673                                <p class="blog-excerpt-v2"></p>
1674                               
1675                            </div>
1676                        </div>
1677                    </div>
1678                    
1679                    <div class="col-lg-6 col-md-6 col-12">
1680                        <div class="card blog-card-v2 animate-on-scroll">
1681                            <div class="blog-image-v2">
1682                                
1683                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1684                                
1685                                <span class="blog-category-v2 bg-primary-gradient">
1686                                    News
1687                                </span>
1688                            </div>
1689                            <div class="blog-content-v2">
1690                                <h3 class="blog-title-v2">
1691                                    <a class="top-color" href="/turkish-authorities-detain-8-individuals-suspend-over-a-thousand-footballers-in-betting-probe/">
1692                                    Turkish Authorities Detain 8 Individuals, Suspend Over a Thousand Footballers in Betting Probe
1693                                    </a>
1694                                </h3>
1695                                <div class="blog-meta-v2">
1696                                    
1697                                        <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="blog-author-img-v2">
1698                                    
1699                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1700                                    <span>By Aaron Baird</span>
1701                                    <span style="color: #ccc;">•</span>
1702                                    <span style="color: #999;">06 Oct 2026</span>
1703                                </div>
1704                                <p class="blog-excerpt-v2"></p>
1705                               
1706                            </div>
1707                        </div>
1708                    </div>
1709                    
1710                    <div class="col-lg-6 col-md-6 col-12">
1711                        <div class="card blog-card-v2 animate-on-scroll">
1712                            <div class="blog-image-v2">
1713                                
1714                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1715                                
1716                                <span class="blog-category-v2 bg-primary-gradient">
1717                                    News
1718                                </span>
1719                            </div>
1720                            <div class="blog-content-v2">
1721                                <h3 class="blog-title-v2">
1722                                    <a class="top-color" href="/congress-preparing-to-vote-on-ending-government-shutdown/">
1723                                    Congress Preparing to Vote on Ending Government Shutdown
1724                                    </a>
1725                                </h3>
1726                                <div class="blog-meta-v2">
1727                                    
1728                                        <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="blog-author-img-v2">
1729                                    
1730                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1731                                    <span>By Aaron Baird</span>
1732                                    <span style="color: #ccc;">•</span>
1733                                    <span style="color: #999;">06 Oct 2026</span>
1734                                </div>
1735                                <p class="blog-excerpt-v2"></p>
1736                               
1737                            </div>
1738                        </div>
1739                    </div>
1740                    
1741                    <div class="col-lg-6 col-md-6 col-12">
1742                        <div class="card blog-card-v2 animate-on-scroll">
1743                            <div class="blog-image-v2">
1744                                
1745                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1746                                
1747                                <span class="blog-category-v2 bg-primary-gradient">
1748                                    News
1749                                </span>
1750                            </div>
1751                            <div class="blog-content-v2">
1752                                <h3 class="blog-title-v2">
1753                                    <a class="top-color" href="/exploring-perfect-deliveries-to-the-channel-of-indecision-celebrate-crickets-rich-vocabulary-of-bowling/">
1754                                    Exploring Perfect Deliveries to the Channel of Indecision – Celebrate Cricket’s Rich Vocabulary of Bowling
1755                                    </a>
1756                                </h3>
1757                                <div class="blog-meta-v2">
1758                                    
1759                                        <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="blog-author-img-v2">
1760                                    
1761                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1762                                    <span>By Aaron Baird</span>
1763                                    <span style="color: #ccc;">•</span>
1764                                    <span style="color: #999;">06 Oct 2026</span>
1765                                </div>
1766                                <p class="blog-excerpt-v2"></p>
1767                               
1768                            </div>
1769                        </div>
1770                    </div>
1771                    
1772                    <div class="col-lg-6 col-md-6 col-12">
1773                        <div class="card blog-card-v2 animate-on-scroll">
1774                            <div class="blog-image-v2">
1775                                
1776                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1777                                
1778                                <span class="blog-category-v2 bg-primary-gradient">
1779                                    News
1780                                </span>
1781                            </div>
1782                            <div class="blog-content-v2">
1783                                <h3 class="blog-title-v2">
1784                                    <a class="top-color" href="/there-is-no-end-in-sight-thai-evacuees-are-anxious-about-what-comes-next-after-fresh-clashes-with-cambodia/">
1785                                    &#x27;There is no end in sight&#x27;: Thai evacuees are anxious about what comes next after fresh clashes with Cambodia.
1786                                    </a>
1787                                </h3>
1788                                <div class="blog-meta-v2">
1789                                    
1790                                        <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="blog-author-img-v2">
1791                                    
1792                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1793                                    <span>By Aaron Baird</span>
1794                                    <span style="color: #ccc;">•</span>
1795                                    <span style="color: #999;">06 Oct 2026</span>
1796                                </div>
1797                                <p class="blog-excerpt-v2"></p>
1798                               
1799                            </div>
1800                        </div>
1801                    </div>
1802                    
1803                    <div class="col-lg-6 col-md-6 col-12">
1804                        <div class="card blog-card-v2 animate-on-scroll">
1805                            <div class="blog-image-v2">
1806                                
1807                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1808                                
1809                                <span class="blog-category-v2 bg-primary-gradient">
1810                                    News
1811                                </span>
1812                            </div>
1813                            <div class="blog-content-v2">
1814                                <h3 class="blog-title-v2">
1815                                    <a class="top-color" href="/boris-johnson-found-to-have-violated-rules-against-abuse-of-government-connections-watchdog-reports/">
1816                                    Boris Johnson Found to Have Violated Rules Against Abuse of Government Connections, Watchdog Reports
1817                                    </a>
1818                                </h3>
1819                                <div class="blog-meta-v2">
1820                                    
1821                                        <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="blog-author-img-v2">
1822                                    
1823                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1824                                    <span>By Aaron Baird</span>
1825                                    <span style="color: #ccc;">•</span>
1826                                    <span style="color: #999;">06 Oct 2026</span>
1827                                </div>
1828                                <p class="blog-excerpt-v2"></p>
1829                               
1830                            </div>
1831                        </div>
1832                    </div>
1833                    
1834                    <div class="col-lg-6 col-md-6 col-12">
1835                        <div class="card blog-card-v2 animate-on-scroll">
1836                            <div class="blog-image-v2">
1837                                
1838                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1839                                
1840                                <span class="blog-category-v2 bg-primary-gradient">
1841                                    News
1842                                </span>
1843                            </div>
1844                            <div class="blog-content-v2">
1845                                <h3 class="blog-title-v2">
1846                                    <a class="top-color" href="/i-got-ready-for-the-part-by-playing-in-my-bedroom-the-making-of-toy-story-as-it-reaches-30/">
1847                                    ‘I got ready for the part by playing in my bedroom’: the making of Toy Story as it reaches 30
1848                                    </a>
1849                                </h3>
1850                                <div class="blog-meta-v2">
1851                                    
1852                                        <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="blog-author-img-v2">
1853                                    
1854                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1855                                    <span>By Aaron Baird</span>
1856                                    <span style="color: #ccc;">•</span>
1857                                    <span style="color: #999;">06 Oct 2026</span>
1858                                </div>
1859                                <p class="blog-excerpt-v2"></p>
1860                               
1861                            </div>
1862                        </div>
1863                    </div>
1864                    
1865                    <div class="col-lg-6 col-md-6 col-12">
1866                        <div class="card blog-card-v2 animate-on-scroll">
1867                            <div class="blog-image-v2">
1868                                
1869                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1870                                
1871                                <span class="blog-category-v2 bg-primary-gradient">
1872                                    News
1873                                </span>
1874                            </div>
1875                            <div class="blog-content-v2">
1876                                <h3 class="blog-title-v2">
1877                                    <a class="top-color" href="/oneill-departs-amidst-rapturous-applause-and-a-tracksuit/">
1878                                    O&#x27;Neill Departs Amidst Rapturous Applause - And a Tracksuit
1879                                    </a>
1880                                </h3>
1881                                <div class="blog-meta-v2">
1882                                    
1883                                        <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="blog-author-img-v2">
1884                                    
1885                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1886                                    <span>By Aaron Baird</span>
1887                                    <span style="color: #ccc;">•</span>
1888                                    <span style="color: #999;">06 Oct 2026</span>
1889                                </div>
1890                                <p class="blog-excerpt-v2"></p>
1891                               
1892                            </div>
1893                        </div>
1894                    </div>
1895                    
1896                    <div class="col-lg-6 col-md-6 col-12">
1897                        <div class="card blog-card-v2 animate-on-scroll">
1898                            <div class="blog-image-v2">
1899                                
1900                                    <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1901                                
1902                                <span class="blog-category-v2 bg-primary-gradient">
1903                                    News
1904                                </span>
1905                            </div>
1906                            <div class="blog-content-v2">
1907                                <h3 class="blog-title-v2">
1908                                    <a class="top-color" href="/heatwave-warning-issued-for-large-regions-of-the-nation-as-temperatures-set-to-soar-into-the-40s/">
1909                                    Heatwave Warning Issued for Large Regions of the Nation as Temperatures Set to Soar into the 40s
1910                                    </a>
1911                                </h3>
1912                                <div class="blog-meta-v2">
1913                                    
1914                                        <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="blog-author-img-v2">
1915                                    
1916                                    <!-- <span>By <a href="blog-single.html" class="text-decoration-none" style="color: #667eea; font-weight: 600;">Sarah Mitchell</a></span> -->
1917                                    <span>By Aaron Baird</span>
1918                                    <span style="color: #ccc;">•</span>
1919                                    <span style="color: #999;">06 Oct 2026</span>
1920                                </div>
1921                                <p class="blog-excerpt-v2"></p>
1922                               
1923                            </div>
1924                        </div>
1925                    </div>
1926                    
1927                    
1928    
1929    <nav aria-label="Page navigation example">
1930        <ul class="pagination justify-content-center">
1931
1932            
1933            
1934                <li class="page-item disabled">
1935                    <span class="page-link bg-transparent top-color">Previous</span>
1936                </li>
1937            
1938
1939            
1940            
1941
1942            
1943            
1944                
1945                    
1946                        <li class="page-item active" aria-current="page">
1947                            <span class="page-link bg-primary border-color">1</span>
1948                        </li>
1949                    
1950                
1951            
1952                
1953                    
1954                        <li class="page-item">
1955                            <a class="page-link bg-transparent top-color" href="?page=2">2</a>
1956                        </li>
1957                    
1958                
1959            
1960                
1961                    
1962                        <li class="page-item">
1963                            <a class="page-link bg-transparent top-color" href="?page=3">3</a>
1964                        </li>
1965                    
1966                
1967            
1968                
1969            
1970                
1971            
1972                
1973            
1974                
1975            
1976                
1977            
1978                
1979            
1980                
1981            
1982                
1983            
1984                
1985            
1986                
1987            
1988                
1989            
1990                
1991            
1992                
1993            
1994                
1995            
1996                
1997            
1998                
1999            
2000                
2001            
2002                
2003            
2004                
2005            
2006                
2007            
2008                
2009            
2010                
2011            
2012                
2013            
2014                
2015            
2016                
2017            
2018                
2019            
2020                
2021            
2022                
2023            
2024                
2025            
2026                
2027            
2028                
2029            
2030                
2031            
2032                
2033            
2034                
2035            
2036                
2037            
2038                
2039            
2040                
2041            
2042                
2043            
2044                
2045            
2046                
2047            
2048                
2049            
2050                
2051            
2052                
2053            
2054                
2055            
2056
2057            
2058            
2059                
2060                    <li class="page-item disabled "><span class="page-link bg-transparent top-color">…</span></li>
2061                
2062                <li class="page-item">
2063                    <a class="page-link bg-transparent top-color" href="?page=47">
2064                        47
2065                    </a>
2066                </li>
2067            
2068
2069            
2070            
2071                <li class="page-item">
2072                    <a class="page-link bg-transparent top-color" href="?page=2">Next</a>
2073                </li>
2074            
2075
2076        </ul>
2077    </nav>
2078    
2079
2080
2081                </div>
2082            </div>
2083            
2084               <div class="col col-lg-4 col-12">
2085                
2086
2087
2088
2089    
2090
2091<!-- Curved Heading Sidebar -->
2092    <div class="sidebar mb-3">
2093        
2094
2095       <!-- <div class="sidebar-widget mb-5">
2096            <div class="widget-title-wrapper mb-3">
2097                <h4 class="widget-title-curved bg-primary text-white px-4 py-3 mb-0 position-relative rounded-3">
2098                    <div class="title-border"></div>
2099                    <i class="ti-folder me-2"></i>Blog Archives
2100                </h4>
2101            </div>
2102            <div class="widget-content shadow-sm rounded-3 p-4">
2103                <div class="archives-list">
2104                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
2105                        <a href="#" class="text-decoration-none d-flex align-items-center">
2106                            <i class="ti-angle-right me-2 text-primary"></i>
2107                            <span class="archive-link top-color fw-semibold">August 2025</span>
2108                        </a>
2109                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">24 posts</span>
2110                    </div>
2111
2112                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
2113                        <a href="#" class="text-decoration-none d-flex align-items-center">
2114                            <i class="ti-angle-right me-2 text-primary"></i>
2115                            <span class="archive-link top-color fw-semibold">July 2025</span>
2116                        </a>
2117                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">31 posts</span>
2118                    </div>
2119
2120                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
2121                        <a href="#" class="text-decoration-none d-flex align-items-center">
2122                            <i class="ti-angle-right me-2 text-primary"></i>
2123                            <span class="archive-link top-color fw-semibold">June 2025</span>
2124                        </a>
2125                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">28 posts</span>
2126                    </div>
2127
2128                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
2129                        <a href="#" class="text-decoration-none d-flex align-items-center">
2130                            <i class="ti-angle-right me-2 text-primary"></i>
2131                            <span class="archive-link top-color fw-semibold">May 2025</span>
2132                        </a>
2133                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">35 posts</span>
2134                    </div>
2135
2136                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
2137                        <a href="#" class="text-decoration-none d-flex align-items-center">
2138                            <i class="ti-angle-right me-2 text-primary"></i>
2139                            <span class="archive-link top-color fw-semibold">April 2025</span>
2140                        </a>
2141                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">29 posts</span>
2142                    </div>
2143
2144                    <div class="archive-item d-flex justify-content-between align-items-center">
2145                        <a href="#" class="text-decoration-none d-flex align-items-center">
2146                            <i class="ti-angle-right me-2 text-primary"></i>
2147                            <span class="archive-link top-color fw-semibold">March 2025</span>
2148                        </a>
2149                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">27 posts</span>
2150                    </div>
2151                </div>
2152                
2153                <div class="text-center mt-4 pt-3 border-top border-color">
2154                    <a href="#" class="btn btn-primary btn-sm px-whtext-white rounded-pill">
2155                        <i class="ti-archive me-1"></i>View All Archives
2156                    </a>
2157                </div>
2158            </div>
2159        </div> -->
2160
2161        <div class="sidebar-widget mb-4">
2162            <div class="widget-title-wrapper mb-3">
2163                <h4 class="widget-title-curved bg-primary text-white px-4 py-3 mb-0 position-relative rounded-3">
2164                    <div class="title-border-primary"></div>
2165                    <i class="ti-star me-2"></i>Popular Posts
2166                </h4>
2167            </div>
2168            <div class="widget-content shadow-sm rounded-3 mb-3 p-4">
2169                <div class="popular-post-list">
2170                    
2171                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
2172                        <div class="post-content flex-grow-1">
2173                            <h6 class="post-title mb-1">
2174                                <a href="/man-utds-academy-confronts-personnel-exodus-and-sir-jims-observations/"  class="text-decoration-none top-color fw-semibold lh-sm">
2175                                            Man Utd&#x27;s Academy Confronts Personnel Exodus and Sir Jim&#x27;s Observations
2176                                            </a>
2177                            </h6>
2178                            <div class="post-meta">
2179                                <small class="text-muted">
2180                                    <i class="ti-calendar me-1"></i>04 Oct 2026
2181                                </small>
2182                                <!-- <small class="text-muted ms-3">
2183                                    <i class="ti-eye me-1"></i>1,234 views
2184                                </small> -->
2185                            </div>
2186                        </div>
2187                    </div>
2188                    
2189                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
2190                        <div class="post-content flex-grow-1">
2191                            <h6 class="post-title mb-1">
2192                                <a href="/this-ghostly-charming-brain-teaser-functions-as-the-perfect-substitute-to-frightening-flicks/"  class="text-decoration-none top-color fw-semibold lh-sm">
2193                                            This Ghostly-Charming Brain-Teaser Functions as the Perfect Substitute to Frightening Flicks
2194                                            </a>
2195                            </h6>
2196                            <div class="post-meta">
2197                                <small class="text-muted">
2198                                    <i class="ti-calendar me-1"></i>04 Oct 2026
2199                                </small>
2200                                <!-- <small class="text-muted ms-3">
2201                                    <i class="ti-eye me-1"></i>1,234 views
2202                                </small> -->
2203                            </div>
2204                        </div>
2205                    </div>
2206                    
2207                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
2208                        <div class="post-content flex-grow-1">
2209                            <h6 class="post-title mb-1">
2210                                <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">
2211                                            The Animated Series&#x27; Creator Is Aware of Fans&#x27; Second Season Bingo Cards — With Some Good News
2212                                            </a>
2213                            </h6>
2214                            <div class="post-meta">
2215                                <small class="text-muted">
2216                                    <i class="ti-calendar me-1"></i>04 Oct 2026
2217                                </small>
2218                                <!-- <small class="text-muted ms-3">
2219                                    <i class="ti-eye me-1"></i>1,234 views
2220                                </small> -->
2221                            </div>
2222                        </div>
2223                    </div>
2224                    
2225                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
2226                        <div class="post-content flex-grow-1">
2227                            <h6 class="post-title mb-1">
2228                                <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">
2229                                            Defense Department Investigation Finds Defense Secretary Put Military Personnel in Jeopardy with Signal Chat.
2230                                            </a>
2231                            </h6>
2232                            <div class="post-meta">
2233                                <small class="text-muted">
2234                                    <i class="ti-calendar me-1"></i>04 Oct 2026
2235                                </small>
2236                                <!-- <small class="text-muted ms-3">
2237                                    <i class="ti-eye me-1"></i>1,234 views
2238                                </small> -->
2239                            </div>
2240                        </div>
2241                    </div>
2242                    
2243                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
2244                        <div class="post-content flex-grow-1">
2245                            <h6 class="post-title mb-1">
2246                                <a href="/the-secret-for-a-flawless-snooze-timing-location-and-duration/"  class="text-decoration-none top-color fw-semibold lh-sm">
2247                                            The Secret for a Flawless Snooze: Timing, Location and Duration?
2248                                            </a>
2249                            </h6>
2250                            <div class="post-meta">
2251                                <small class="text-muted">
2252                                    <i class="ti-calendar me-1"></i>04 Oct 2026
2253                                </small>
2254                                <!-- <small class="text-muted ms-3">
2255                                    <i class="ti-eye me-1"></i>1,234 views
2256                                </small> -->
2257                            </div>
2258                        </div>
2259                    </div>
2260                    
2261                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
2262                        <div class="post-content flex-grow-1">
2263                            <h6 class="post-title mb-1">
2264                                <a href="/the-turin-giants-name-previous-azzurri-head-coach-spalletti/"  class="text-decoration-none top-color fw-semibold lh-sm">
2265                                            The Turin Giants Name Previous Azzurri Head Coach Spalletti
2266                                            </a>
2267                            </h6>
2268                            <div class="post-meta">
2269                                <small class="text-muted">
2270                                    <i class="ti-calendar me-1"></i>04 Oct 2026
2271                                </small>
2272                                <!-- <small class="text-muted ms-3">
2273                                    <i class="ti-eye me-1"></i>1,234 views
2274                                </small> -->
2275                            </div>
2276                        </div>
2277                    </div>
2278                    
2279
2280                </div>
2281                
2282                <!-- <div class="text-center mt-4 pt-3 border-top border-color">
2283                    <a href="#" class="btn btn-primary top-color bt
2283n-sm px-whtext-white rounded-pill">
2284                        <i class="ti-trophy me-1"></i>View All Popular
2285                    </a>
2286                </div> -->
2287            </div>
2288        </div> 
2289
2290</div>
2291<style>
2292     
2293  .widget-content {
2294    background-color: var(--card-bg);
2295    border: 1px solid var(--border-color);
2296  }
2297</style>
2298
2299    
2300            </div>
2301        </div>
2302    </div>
2303</section>
2304
2305<script>
2306// Intersection Observer for scroll animations
2307document.addEventListener('DOMContentLoaded', function() {
2308    const observerOptions = {
2309        threshold: 0.1,
2310        rootMargin: '0px 0px -50px 0px'
2311    };
2312
2313    const observer = new IntersectionObserver(function(entries) {
2314        entries.forEach(entry => {
2315            if (entry.isIntersecting) {
2316                entry.target.classList.add('animated');
2317            }
2318        });
2319    }, observerOptions);
2320
2321    document.querySelectorAll('.animate-on-scroll').forEach(el => {
2322        observer.observe(el);
2323    });
2324});
2325</script>
2325
2326
2327    
2328        
2329        <!-- end wpo-blog-highlights-section -->
2330        <!-- start wpo-blog-sponsored-section -->
2331        
2332
2333
2334
2335    
2336
2337
2338
2339<style>
2340    .sponsored-section-v4 {
2341        padding: 50px 0;
2342    }
2343    
2344    .sponsored-card-v4 {
2345        background: var(--card-bg);
2346        border: 1px solid var(--border-color);
2347        border-radius: 4px;
2348        transition: border-color 0.3s ease;
2349        height: 100%;
2350        padding: 15px;
2351    }
2352    
2353    .sponsored-card-v4:hover {
2354        border-color: #adb5bd;
2355    }
2356    
2357    .sponsored-image-v4 {
2358        width: 150px;
2359        height: 150px;
2360        margin: 10px auto;
2361        border-radius: 50%;
2362        shape-outside: circle(50%);
2363        float: left;
2364    }
2365    
2366    .sponsored-image-v4 img {
2367        width: 100%;
2368        height: 100%;
2369        object-fit: cover;
2370        border-radius: 50%;
2371    }
2372    
2373    .sponsored-content-v4 {
2374        padding: 10px;
2375        overflow: hidden; /* Clearfix for floated image */
2376    }
2377    
2378    .sponsored-title-v4 {
2379        font-size: 15px;
2380        font-weight: 700;
2381        line-height: 1.4;
2382        margin-bottom: 8px;
2383        color: #333;
2384        position: relative;
2385        display: inline-block;
2386    }
2387    
2388    .sponsored-title-v4 a {
2389        text-decoration: none;
2390        color: var(--topbar-color) !important;
2391        margin: 10px 0px;
2392    }
2393    
2394    .sponsored-title-v4 a:hover {
2395        color: #6f42c1 !important; /* Purple hover */
2396    }
2397    
2398    .sponsored-title-v4::after {
2399        content: '';
2400        position: absolute;
2401        bottom: -2px;
2402        left: 0;
2403        width: 100%;
2404        height: 2px;
2405        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark))
2406    }
2407    
2408    .sponsored-excerpt-v4 {
2409        font-size: 12px;
2410        font-weight: 400;
2411        color: #6c757d;
2412        margin-bottom: 10px;
2413        line-height: 1.5;
2414    }
2415    
2416    .sponsored-meta-v4 {
2417        font-size: 11px;
2418        color: #6c757d;
2419    }
2420    
2421    .author-info-v4 {
2422        margin-bottom: 5px;
2423    }
2424    
2425    .sponsored-author-img-v4 {
2426        width: 20px;
2427        height: 20px;
2428        border-radius: 50%;
2429        object-fit: cover;
2430        vertical-align: middle;
2431        margin-right: 5px;
2432    }
2433    
2434    .section-title-sponsored-v4 {
2435        font-size: 1.9rem;
2436        font-weight: 600;
2437        text-align: center;
2438        margin-bottom: 30px;
2439        color: #333;
2440        position: relative;
2441    }
2442    
2443    .section-title-sponsored-v4::after {
2444        content: '';
2445        position: absolute;
2446        bottom: -8px;
2447        left: 50%;
2448        transform: translateX(-50%);
2449        width: 80px;
2450        height: 3px;
2451        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
2452    }
2453
2454    @media (max-width: 768px) {
2455        .sponsored-section-v4 {
2456            padding: 30px 0;
2457        }
2458        .sponsored-image-v4 {
2459            width: 120px;
2460            height: 120px;
2461            float: none;
2462            margin: 10px auto;
2463        }
2464        .sponsored-content-v4 {
2465            padding: 12px;
2466            text-align: center;
2467        }
2468        .sponsored-title-v4 {
2469            font-size: 14px;
2470        }
2471        .sponsored-excerpt-v4 {
2472            font-size: 11px;
2473        }
2474        .sponsored-meta-v4 {
2475            font-size: 10px;
2476        }
2477        .section-title-sponsored-v4 {
2478            font-size: 1.6rem;
2479        }
2480    }
2481</style>
2482
2483<section class="sponsored-section-v4">
2484    <div class="container-fluid fluid-container">
2485        <div class="row">
2486            <div class="col-12">
2487                <h2 class="section-title-sponsored-v4">Sponsored News</h2>
2488            </div>
2489        </div>
2490        
2491        <div class="row g-4">
2492            
2493            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
2494                <div class="card sponsored-card-v4">
2495                    <div class="sponsored-image-v4">
2496                        
2497                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
2498                        
2499                    </div>
2500                    <div class="sponsored-content-v4">
2501                        <h3 class="sponsored-title-v4">
2502                            <a href="/man-utds-academy-confronts-personnel-exodus-and-sir-jims-observations/" >
2503                                            Man Utd&#x27;
2503s Academy Confronts Personnel Exodus and Sir Jim&#x27;s Observations
2504                                            </a>
2505                        </h3>
2506                        <p class="sponsored-excerpt-v4">
2507                           
2508                        </p>
2509                        <div class="sponsored-meta-v4">
2510                            <div class="author-info-v4">
2511                                
2512                                    <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">
2513                                
2514                                <span>
2515                                    Aaron Baird
2516                                </span>
2517                            </div>
2518                            <div>04 Oct 2026</div>
2519                        </div>
2520                    </div>
2521                </div>
2522            </div>
2523            
2524            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
2525                <div class="card sponsored-card-v4">
2526                    <div class="sponsored-image-v4">
2527                        
2528                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
2529                        
2530                    </div>
2531                    <div class="sponsored-content-v4">
2532                        <h3 class="sponsored-title-v4">
2533                            <a href="/this-ghostly-charming-brain-teaser-functions-as-the-perfect-substitute-to-frightening-flicks/" >
2534                                            This Ghostly-Charming Brain-Teaser Functions as the Perfect Substitute to Frightening Flicks
2535                                            </a>
2536                        </h3>
2537                        <p class="sponsored-excerpt-v4">
2538                           
2539                        </p>
2540                        <div class="sponsored-meta-v4">
2541                            <div class="author-info-v4">
2542                                
2543                                    <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">
2544                                
2545                                <span>
2546                                    Aaron Baird
2547                                </span>
2548                            </div>
2549                            <div>04 Oct 2026</div>
2550                        </div>
2551                    </div>
2552                </div>
2553            </div>
2554            
2555            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
2556                <div class="card sponsored-card-v4">
2557                    <div class="sponsored-image-v4">
2558                        
2559                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
2560                        
2561                    </div>
2562                    <div class="sponsored-content-v4">
2563                        <h3 class="sponsored-title-v4">
2564                            <a href="/the-animated-series-creator-is-aware-of-fans-second-season-bingo-cards-with-some-good-news/" >
2565                                            The Animated Series&#x27; Creator Is Aware of Fans&#x27; Second Season Bingo Cards — With Some Good News
2566                                            </a>
2567                        </h3>
2568                        <p class="sponsored-excerpt-v4">
2569                           
2570                        </p>
2571                        <div class="sponsored-meta-v4">
2572                            <div class="author-info-v4">
2573                                
2574                                    <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">
2575                                
2576                                <span>
2577                                    Aaron Baird
2578                                </span>
2579                            </div>
2580                            <div>04 Oct 2026</div>
2581                        </div>
2582                    </div>
2583                </div>
2584            </div>
2585            
2586            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
2587                <div class="card sponsored-card-v4">
2588                    <div class="sponsored-image-v4">
2589                        
2590                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
2591                        
2592                    </div>
2593                    <div class="sponsored-content-v4">
2594                        <h3 class="sponsored-title-v4">
2595                            <a href="/defense-department-investigation-finds-defense-secretary-put-military-personnel-in-jeopardy-with-signal-chat/" >
2596                                            Defense Department Investigation Finds Defense Secretary Put Military Personnel in Jeopardy with Signal Chat.
2597                                            </a>
2598                        </h3>
2599                        <p class="sponsored-excerpt-v4">
2600                           
2601                        </p>
2602                        <div class="sponsored-meta-v4">
2603                            <div class="author-info-v4">
2604                                
2605                                    <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">
2606                                
2607                                <span>
2608                                    Aaron Baird
2609                                </span>
2610                            </div>
2611                            <div>04 Oct 2026</div>
2612                        </div>
2613                    </div>
2614                </div>
2615            </div>
2616            
2617            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
2618                <div class="card sponsored-card-v4">
2619                    <div class="sponsored-image-v4">
2620                        
2621                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
2622                        
2623                    </div>
2624                    <div class="sponsored-content-v4">
2625                        <h3 class="sponsored-title-v4">
2626                            <a href="/the-secret-for-a-flawless-snooze-timing-location-and-duration/" >
2627                                            The Secret for a Flawless Snooze: Timing, Location and Duration?
2628                                            </a>
2629                        </h3>
2630                        <p class="sponsored-excerpt-v4">
2631                           
2632                        </p>
2633                        <div class="sponsored-meta-v4">
2634                            <div class="author-info-v4">
2635                                
2636                                    <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">
2637                                
2638                                <span>
2639                                    Aaron Baird
2640                                </span>
2641                            </div>
2642                            <div>04 Oct 2026</div>
2643                        </div>
2644                    </div>
2645                </div>
2646            </div>
2647            
2648            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
2649                <div class="card sponsored-card-v4">
2650                    <div class="sponsored-image-v4">
2651                        
2652                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
2653                        
2654                    </div>
2655                    <div class="sponsored-content-v4">
2656                        <h3 class="sponsored-title-v4">
2657                            <a href="/the-turin-giants-name-previous-azzurri-head-coach-spalletti/" >
2658                                            The Turin Giants Name Previous Azzurri Head Coach Spalletti
2659                                            </a>
2660                        </h3>
2661                        <p class="sponsored-excerpt-v4">
2662                           
2663                        </p>
2664                        <div class="sponsored-meta-v4">
2665                            <div class="author-info-v4">
2666                                
2667                                    <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">
2668                                
2669                                <span>
2670                                    Aaron Baird
2671                                </span>
2672                            </div>
2673                            <div>04 Oct 2026</div>
2674                        </div>
2675                    </div>
2676                </div>
2677            </div>
2678            
2679        </div>
2680    </div>
2681</section>
2682  
2683
2684    
2685        <!-- end wpo-blog-sponsored-section -->
2686        <!-- start wpo-subscribe-section -->
2687        
2688        <!-- end subscribe-section -->
2689        <!-- start of wpo-site-footer-section -->
2690        
2691
2692
2693
2694
2695
2696
2697<!-- Footer V4 - Modern Corporate Design -->
2698<footer class="wpo-site-footer-v4 bg-primary-gradient">
2699
2700    <div class="container-fluid fluid-container">
2701        
2702        <!-- Content Sections -->
2703        <div class="content-sections">
2704            <div class="row g-5">
2705                
2706                <!-- Brand Column -->
2707                <div class="col-lg-4 col-md-12">
2708                    <div class="brand-section">
2709                        <div class="brand-header">
2710                            
2711                                <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">
2712                            
2713                            <div class="brand-text">
2714                                <h3 class="brand-name">Tech Insights Blog</h3>
2715                                <span class="brand-type">Digital Publication</span>
2716                            </div>
2717                        </div>
2718                        <p class="brand-description  text-lg-start ">
2719                            Explore the latest in technology, digital trends, and insightful articles on innovation. Stay updated with expert analysis and practical tips for the modern world.
2720                        </p>
2721                    </div>
2722                </div>
2723
2724                <!-- Quick Links Column -->
2725               <div class="col-lg-4 col-md-6">
2726                    <div class="links-section">
2727                        <div class="section-title">
2728                            <h4 class="title-text">Resources</h4>
2729                            <div class="title-decoration"></div>
2730                        </div>
2731                        <div class="links-container">
2732                          
2733<div class="link-group">
2734    <ul class="link-list" id="externalLinks">
2735        
2736
2737    
2738        
2739        
2740        
2741    </ul>
2742</div>
2743
2744                        </div>
2745                    </div>
2746                </div> 
2747
2748                <!-- Categories Column -->
2749                <div class="col-lg-4 col-md-6">
2750                    <div class="categories-section">
2751                        <div class="section-title">
2752                            <h4 class="title-text">Explore Topics</h4>
2753                            <div class="title-decoration"></div>
2754                        </div>
2755                        <div class="categories-container">
2756                            <p class="categories-intro">Discover content organized by topics that interest you most.</p>
2757                            <div class="categories-cloud">
2758                                
2759                                <a href="/category/all-posts/" class="category-pill">
2760                                    All Posts
2761                                </a>
2762                                
2763                                <a href="/category/business/" class="category-pill">
2764                                    Business
2765                                </a>
2766                                
2767                                <a href="/category/esports/" class="category-pill">
2768                                    Esports
2769                                </a>
2770                                
2771                                <a href="/category/fashion/" class="category-pill">
2772                                    Fashion
2773                                </a>
2774                                
2775                                <a href="/category/featured/" class="category-pill">
2776                                    Featured
2777                                </a>
2778                                
2779                                <a href="/category/gaming/" class="category-pill">
2780                                    Gaming
2781                                </a>
2782                                
2783                                <a href="/category/health/" class="category-pill">
2784                                    Health
2785                                </a>
2786                                
2787                                <a href="/category/life-fitness/" class="category-pill">
2788                                    Life &amp; Fitness
2789                                </a>
2790                                
2791                            </div>
2792                        </div>
2793                    </div>
2794                </div>
2795
2796            </div>
2797        </div>
2798
2799        <!-- Footer Bottom -->
2800        <div class="footer-bottom">
2801            <div class="bottom-border"></div>
2802            <div class=" d-flex justify-content-between flex-wrap">
2803                <div>
2804                    <div class="copyright-info">
2805                        <p class="copyright-main">
2806                            © 2026 <span class="brand-highlight">Tech Insights Blog</span>. All rights reserved.
2807                        </p>
2808                        <p class="copyright-sub">
2809                            Thoughtfully crafted content for curious minds worldwide.
2810                        </p>
2811                    </div>
2812                </div>
2813                <div>
2814                    <div class="footer-actions">
2815                        <div class="action-links">
2816                            <a href="/page/write-for-us/" class="action-link">
2817                                <i class="bi bi-shield-check"></i>
2818                                <span>Write For Us</span>
2819                            </a>
2820                            <a href="/page/terms-and-conditions/" class="action-link">
2821                                <i class="bi bi-shield-check"></i>
2822                                <span>Terms & Conditions</span>
2823                            </a>
2824                            <a href="/sitemap.xml" class="action-link">
2825                                <i class="bi bi-diagram-3"></i>
2826                                <span>Sitemap</span>
2827                            </a>
2828                        </div>
2829
2830                    </div>
2831                </div>
2832            </div>
2833        </div>
2834
2835    </div>
2836
2837    
2838
2839</footer>
2840
2841
2842<style>
2843/* Footer V4 - Modern Corporate Design */
2844.wpo-site-footer-v4 {
2845    color: var(--footer-color);
2846    margin-top: 100px;
2847}
2848
2849
2850.accent-line {
2851    position: absolute;
2852    top: 0;
2853    height: 100%;
2854    width: 33.333%;
2855    opacity: 0.8;
2856}
2857
2858.accent-1 {
2859    left: 0;
2860    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
2861    animation: slideRight 3s ease-in-out infinite;
2862}
2863
2864.accent-2 {
2865    left: 33.333%;
2866    background: linear-gradient(90deg, #8b5cf6, #7c3aed);
2867    animation: slideRight 3s ease-in-out infinite 1s;
2868}
2869
2870.accent-3 {
2871    left: 66.666%;
2872    background: linear-gradient(90deg, #10b981, #059669);
2873    animation: slideRight 3s ease-in-out infinite 2s;
2874}
2875
2876@keyframes slideRight {
2877    0%, 100% { transform: translateX(-10px); opacity: 0.6; }
2878    50% { transform: translateX(10px); opacity: 1; }
2879}
2880
2881/* Content Sections */
2882.content-sections {
2883    padding: 60px 0;
2884    position: relative;
2885    z-index: 2;
2886}
2887
2888/* Brand Section */
2889.brand-section {
2890    padding-right: 2rem;
2891}
2892
2893.brand-header {
2894    display: flex;
2895    align-items: center;
2896    margin-bottom: 2rem;
2897    gap: 1rem;
2898}
2899
2900.brand-logo {
2901    height: 50px;
2902    width: auto;
2903    border-radius: 8px;
2904}
2905
2906.brand-name {
2907    font-size: 1.5rem;
2908    font-weight: 800;
2909    color: var(--footer-color) !important;
2910    margin: 0;
2911}
2912
2913.brand-type {
2914    color: var(--footer-color) !important;
2915    opacity: 0.8;
2916    font-size: 0.85rem;
2917    font-weight: 500;
2918    text-transform: uppercase;
2919    letter-spacing: 0.5px;
2920}
2921
2922.brand-description {
2923    color: var(--footer-color) !important;
2924    line-height: 1.7;
2925    margin-bottom: 2rem;
2926    font-size: 0.95rem;
2927}
2928
2929.brand-stats {
2930    display: flex;
2931    align-items: center;
2932    gap: 1.5rem;
2933}
2934
2935.stat-item {
2936    text-align: center;
2937}
2938
2939.stat-number {
2940    font-size: 1.5rem;
2941    font-weight: 800;
2942    color: #3b82f6;
2943    display: block;
2944    line-height: 1;
2945}
2946
2947.stat-label {
2948    font-size: 0.8rem;
2949    color: #94a3b8;
2950    margin-top: 0.25rem;
2951}
2952
2953.stat-divider {
2954    width: 1px;
2955    height: 40px;
2956    background: rgba(255, 255, 255, 0.2);
2957}
2958
2959/* Links Section */
2960.links-section {
2961    padding-left: 1rem;
2962    padding-right: 1rem;
2963}
2964
2965.section-title {
2966    margin-bottom: 2rem;
2967    position: relative;
2968}
2969
2970.title-text {
2971    font-size: 1.3rem;
2972    font-weight: 700;
2973    color: var(--footer-color) !important;
2974    margin-bottom: 0.5rem;
2975    text-align: justify !important;
2976}
2977
2978
2979.link-group {
2980    margin-bottom: 2rem;
2981}
2982
2983.group-title {
2984    font-size: 1rem;
2985    font-weight: 600;
2986    color: #f1f5f9;
2987    margin-bottom: 1rem;
2988    padding-bottom: 0.5rem;
2989    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2990}
2991
2992.link-list {
2993    list-style: none;
2994    padding: 0;
2995    margin: 0;
2996}
2997
2998.link-item {
2999    margin-bottom: 0.75rem;
3000}
3001
3002.link-text {
3003    color: var(--footer-color) !important;
3004    text-decoration: none;
3005    font-size: 0.9rem;
3006    display: flex;
3007    align-items: center;
3008    transition: all 0.3s ease;
3009    padding: 0.25rem 0;
3010}
3011
3012.link-text:hover {
3013    color: #3b82f6;
3014    padding-left: 0.5rem;
3015}
3016
3017.link-icon {
3018    margin-right: 0.5rem;
3019    opacity: 0;
3020    transition: opacity 0.3s ease;
3021}
3022
3023.link-text:hover .link-icon {
3024    opacity: 1;
3025}
3026
3027.external-icon {
3028    color: #10b981;
3029}
3030
3031/* Categories Section */
3032.categories-section {
3033    padding-left: 1rem;
3034}
3035
3036.categories-intro {
3037    color: #cbd5e1;
3038    margin-bottom: 1.5rem;
3039    font-size: 0.9rem;
3040}
3041
3042.categories-cloud {
3043    display: flex;
3044    flex-wrap: wrap;
3045    gap: 0.75rem;
3046}
3047
3048.category-pill {
3049    display: inline-block;
3050    padding: 0.5rem 1rem;
3051    background: rgba(255, 255, 255, 0.1);
3052    border: 1px solid rgba(255, 255, 255, 0.2);
3053    border-radius: 20px;
3054    color:  var(--footer-color) !important;
3055    text-decoration: none;
3056    font-size: 0.85rem;
3057    opacity: 0.7;
3058    font-weight: 500;
3059    transition: all 0.3s ease;
3060}
3061
3062.category-pill:hover {
3063    background: #3b82f6;
3064    border-color: #3b82f6;
3065    color: var(--footer-color) !important;
3066    opacity: 1;
3067    transform: translateY(-1px);
3068    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
3069}
3070
3071/* Footer Bottom */
3072.footer-bottom {
3073    padding: 2rem 0;
3074    position: relative;
3075    z-index: 2;
3076}
3077
3078.bottom-border {
3079    height: 1px;
3080    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
3081    margin-bottom: 2rem;
3082}
3083
3084.copyright-main {
3085    font-size: 1rem;
3086    color: #e2e8f0;
3087    margin-bottom: 0.25rem;
3088}
3089
3090.brand-highlight {
3091    color: var(--footer-color);
3092    font-weight: 700;
3093}
3094
3095.copyright-sub {
3096    font-size: 0.85rem;
3097    color: #94a3b8;
3098    margin: 0;
3099}
3100
3101.footer-actions {
3102    display: flex;
3103    align-items: center;
3104    gap: 2rem;
3105}
3106
3107.action-links {
3108    display: flex;
3109    gap: 1.5rem;
3110}
3111
3112.action-link {
3113    display: flex;
3114    align-items: center;
3115    gap: 0.5rem;
3116    color: #cbd5e1;
3117    text-decoration: none;
3118    font-size: 0.9rem;
3119    transition: color 0.3s ease;
3120}
3121
3122.action-link:hover {
3123    color: #3b82f6;
3124}
3125
3126.scroll-to-top-btn {
3127    background: rgba(255, 255, 255, 0.1);
3128    border: 1px solid rgba(255, 255, 255, 0.2);
3129    color: #cbd5e1;
3130    width: 44px;
3131    height: 44px;
3132    border-radius: 12px;
3133    cursor: pointer;
3134    transition: all 0.3s ease;
3135    display: flex;
3136    align-items: center;
3137    justify-content: center;
3138}
3139
3140.scroll-to-top-btn:hover {
3141    background: #3b82f6;
3142    border-color: #3b82f6;
3143    color: white;
3144    transform: translateY(-2px);
3145}
3146
3147/* Background Pattern */
3148.footer-pattern {
3149    position: absolute;
3150    top: 0;
3151    left: 0;
3152    width: 100%;
3153    height: 100%;
3154    z-index: 1;
3155    overflow: hidden;
3156}
3157
3158.pattern-grid {
3159    position: relative;
3160    width: 100%;
3161    height: 100%;
3162}
3163
3164.pattern-dot {
3165    position: absolute;
3166    width: 2px;
3167    height: 2px;
3168    background: rgba(255, 255, 255, 0.1);
3169    border-radius: 50%;
3170}
3171
3172.pattern-dot:nth-child(1) { top: 20%; left: 10%; }
3173.pattern-dot:nth-child(2) { top: 40%; right: 15%; }
3174.pattern-dot:nth-child(3) { top: 60%; left: 70%; }
3175.pattern-dot:nth-child(4) { bottom: 30%; right: 30%; }
3176.pattern-dot:nth-child(5) { bottom: 50%; left: 40%; }
3177.pattern-dot:nth-child(6) { top: 80%; right: 60%; }
3178
3179/* Responsive Design */
3180@media (max-width: 992px) {
3181    .newsletter-heading {
3182        font-size: 2rem;
3183    }
3184    
3185    .brand-section {
3186        padding-right: 0;
3187        margin-bottom: 3rem;
3188    }
3189    
3190    .links-section, .categories-section {
3191        padding-left: 0;
3192        padding-right: 0;
3193    }
3194    
3195    .brand-stats {
3196        justify-content: center;
3197        margin-top: 2rem;
3198    }
3199}
3200
3201@media (max-width: 768px) {
3202    .newsletter-section {
3203        padding: 60px 0 40px;
3204    }
3205    
3206    .newsletter-container {
3207        padding: 2rem 1.5rem;
3208        margin: 0 1rem;
3209    }
3210    
3211    .newsletter-heading {
3212        font-size: 1.75rem;
3213    }
3214    
3215    .content-sections {
3216        padding: 40px 0;
3217    }
3218    
3219    .brand-header {
3220        flex-direction: column;
3221        text-align: center;
3222    }
3223    
3224    .footer-actions {
3225        flex-direction: column;
3226        gap: 1rem;
3227        margin-top: 1.5rem;
3228    }
3229    
3230    .action-links {
3231        order: 2;
3232    }
3233    
3234    .scroll-to-top-btn {
3235        order: 1;
3236    }
3237}
3238
3239@media (max-width: 576px) {
3240    .newsletter-container {
3241        padding: 1.5rem 1rem;
3242    }
3243    
3244    .newsletter-heading {
3245        font-size: 1.5rem;
3246    }
3247    
3248    .brand-stats {
3249        flex-direction: column;
3250        gap: 1rem;
3251    }
3252    
3253    .stat-divider {
3254        width: 40px;
3255        height: 1px;
3256    }
3257    
3258    .action-links {
3259        flex-direction: column;
3260        gap: 0.75rem;
3261        text-align: center;
3262    }
3263    
3264    .pattern-dot {
3265        display: none;
3266    }
3267}
3268</style>
3269
3270<!-- Bootstrap 5 JS -->
3271
3272<script>
3273// Scroll to Top Function
3274document.addEventListener('DOMContentLoaded', function () {
3275    var btn = document.getElementById('toggleExternal');
3276    if (!btn) return; // No extra items, no button
3277
3278    var extras = document.querySelectorAll('#externalLinks li.extra');
3279
3280    btn.addEventListener('click', function () {
3281        var anyHidden = Array.prototype.some.call(extras, function (li) {
3282            return li.classList.contains('d-none');
3283        });
3284
3285        extras.forEach(function (li) {
3286            if (anyHidden) {
3287                li.classList.remove('d-none');
3288                li.classList.add('show');
3289            } else {
3290                li.classList.add('d-none');
3291                li.classList.remove('show');
3292            }
3293        });
3294
3295        btn.textContent = anyHidden ? 'View less' : 'View more';
3296        btn.setAttribute('aria-expanded', anyHidden ? 'true' : 'false');
3297    });
3298});
3299function scrollToTop() {
3300    window.scrollTo({
3301        top: 0,
3302        behavior: 'smooth'
3303    });
3304}
3305
3306// Initialize Footer V4 Features
3307document.addEventListener('DOMContentLoaded', function() {
3308    
3309    // Newsletter Form Handling
3310    const newsletterForm = document.querySelector('.newsletter-form');
3311    const emailInput = document.querySelector('.form-input');
3312    const submitButton = document.querySelector('.submit-button');
3313    const successMessage = document.querySelector('.success-message');
3314    const errorMessage = document.querySelector('.error-message');
3315    const infoMessage = document.querySelector('.info-message');
3316    
3317    if (newsletterForm && emailInput && submitButton) {
3318        
3319        // Form submission
3320        newsletterForm.addEventListener('submit', function(e) {
3321            e.preventDefault();
3322            
3323            const email = emailInput.value.trim();
3324            
3325            // Validate email
3326            if (!email || !isValidEmail(email)) {
3327                showMessage('error');
3328                emailInput.focus();
3329                return;
3330            }
3331            
3332            // Show loading state
3333            const originalText = submitButton.querySelector('.button-text').textContent;
3334            const originalIcon = submitButton.querySelector('.button-icon').innerHTML;
3335            
3336            submitButton.disabled = true;
3337            submitButton.querySelector('.button-text').textContent = 'Subscribing...';
3338            submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-arrow-clockwise"></i>';
3339            submitButton.querySelector('.button-icon i').style.animation = 'spin 1s linear infinite';
3340            
3341            // Simulate API call
3342            setTimeout(() => {
3343                // Success state
3344                submitButton.querySelector('.button-text').textContent = 'Subscribed!';
3345                submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-check-lg"></i>';
3346                submitButton.querySelector('.button-icon i').style.animation = '
3346none';
3347                submitButton.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';
3348                
3349                showMessage('success');
3350                
3351                // Reset after delay
3352                setTimeout(() => {
3353                    submitButton.querySelector('.button-text').textContent = originalText;
3354                    submitButton.querySelector('.button-icon').innerHTML = originalIcon;
3355                    submitButton.style.background = '';
3356                    submitButton.disabled = false;
3357                    emailInput.value = '';
3358                    showMessage('info');
3359                }, 3000);
3360                
3361            }, 2000);
3362        });
3363        
3364        // Input validation
3365        emailInput.addEventListener('blur', function() {
3366            const email = this.value.trim();
3367            if (email && !isValidEmail(email)) {
3368                this.style.borderColor = '#ef4444';
3369                this.style.boxShadow = '0 0 0 4px rgba(239, 68, 68, 0.2)';
3370            } else if (email && isValidEmail(email)) {
3371                this.style.borderColor = '#10b981';
3372                this.style.boxShadow = '0 0 0 4px rgba(16, 185, 129, 0.2)';
3373            }
3374        });
3375        
3376        emailInput.addEventListener('focus', function() {
3377            this.style.borderColor = '#3b82f6';
3378            this.style.boxShadow = '0 0 0 4px rgba(59, 130, 246, 0.2)';
3379        });
3380        
3381        // Reset validation styling on input
3382        emailInput.addEventListener('input', function() {
3383            if (this.style.borderColor === 'rgb(239, 68, 68)') {
3384                this.style.borderColor = '';
3385                this.style.boxShadow = '';
3386            }
3387        });
3388    }
3389    
3390    // Email validation function
3391    function isValidEmail(email) {
3392        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
3393        return emailRegex.test(email);
3394    }
3395    
3396    // Message display function
3397    function showMessage(type) {
3398        // Hide all messages
3399        successMessage.style.display = 'none';
3400        errorMessage.style.display = 'none';
3401        infoMessage.style.display = 'none';
3402        
3403        // Show specific message
3404        if (type === 'success') {
3405            successMessage.style.display = 'block';
3406        } else if (type === 'error') {
3407            errorMessage.style.display = 'block';
3408        } else if (type === 'info') {
3409            infoMessage.style.display = 'block';
3410        }
3411    }
3412    
3413    // Smooth reveal animations
3414    const observerOptions = {
3415        threshold: 0.1,
3416        rootMargin: '0px 0px -30px 0px'
3417    };
3418    
3419    const sectionObserver = new IntersectionObserver((entries) => {
3420        entries.forEach(entry => {
3421            if (entry.isIntersecting) {
3422                entry.target.style.opacity = '1';
3423                entry.target.style.transform = 'translateY(0)';
3424            }
3425        });
3426    }, observerOptions);
3427    
3428    // Animate sections
3429    document.querySelectorAll('.brand-section, .links-section, .categories-section').forEach((section, index) => {
3430        section.style.opacity = '0';
3431        section.style.transform = 'translateY(20px)';
3432        section.style.transition = `all 0.6s ease ${index * 0.2}s`;
3433        sectionObserver.observe(section);
3434    });
3435    
3436    // Animate category pills
3437    document.querySelectorAll('.category-pill').forEach((pill, index) => {
3438        pill.style.opacity = '0';
3439        pill.style.transform = 'translateY(10px)';
3440        pill.style.transition = `all 0.4s ease ${index * 0.1}s`;
3441        
3442        setTimeout(() => {
3443            pill.style.opacity = '1';
3444            pill.style.transform = 'translateY(0)';
3445        }, 300 + (index * 100));
3446    });
3447    
3448    // Enhanced link hover effects
3449    document.querySelectorAll('.link-text').forEach(link => {
3450        link.addEventListener('mouseenter', function() {
3451            const icon = this.querySelector('.link-icon');
3452            if (icon) {
3453                icon.style.transform = 'translateX(4px)';
3454            }
3455        });
3456        
3457        link.addEventListener('mouseleave', function() {
3458            const icon = this.querySelector('.link-icon');
3459            if (icon) {
3460                icon.style.transform = 'translateX(0)';
3461            }
3462        });
3463    });
3464    
3465    // Prevent default for demo links
3466    document.querySelectorAll('a[href="#"]').forEach(link => {
3467        link.addEventListener('click', function(e) {
3468            e.preventDefault();
3469        });
3470    });
3471    
3472    // Add ripple effect to submit button
3473    submitButton.addEventListener('click', function(e) {
3474        const ripple = document.createElement('span');
3475        const rect = this.getBoundingClientRect();
3476        const size = Math.max(rect.width, rect.height);
3477        const x = e.clientX - rect.left - size / 2;
3478        const y = e.clientY - rect.top - size / 2;
3479        
3480        ripple.style.cssText = `
3481            position: absolute;
3482            width: ${size}px;
3483            height: ${size}px;
3484            left: ${x}px;
3485            top: ${y}px;
3486            background: rgba(255, 255, 255, 0.3);
3487            border-radius: 50%;
3488            transform: scale(0);
3489            animation: ripple 0.6s ease-out;
3490            pointer-events: none;
3491        `;
3492        
3493        this.appendChild(ripple);
3494        
3495        setTimeout(() => {
3496            ripple.remove();
3497        }, 600);
3498    });
3499    
3500});
3501
3502// Add CSS for ripple animation
3503const rippleStyle = document.createElement('style');
3504rippleStyle.textContent = `
3505    @keyframes ripple {
3506        to {
3507            transform: scale(2);
3508            opacity: 0;
3509        }
3510    }
3511    
3512    @keyframes spin {
3513        from { transform: rotate(0deg); }
3514        to { transform: rotate(360deg); }
3515    }
3516    
3517    .submit-button {
3518        position: relative;
3519        overflow: hidden;
3520    }
3521`;
3522document.head.appendChild(rippleStyle);
3523</script>
3523
3524
3525        <!-- end of wpo-site-footer-section -->
3526    </div>
3527    <!-- end of page-wrapper -->
3528
3529    <!-- All JavaScript files
3530    ================================================== -->
3531    
3532
3533<script src="/static/blogapp/assets/js/jquery.min.js"></script>
vendor: 1 bytes, line 3533
3533
3534<script src="/static/blogapp/assets/js/bootstrap.bundle.min.js"></script>
3534
3535<!-- Plugins for this template -->
3536<script src="/static/blogapp/assets/js/modernizr.custom.js"></script>
vendor: 1 bytes, line 3536
3536
3537<script src="/static/blogapp/assets/js/jquery-plugin-collection.js"></script>
3537
3538<!-- Custom script for this template -->
3539<script src="/static/blogapp/assets/js/script.js"></script>
3539
3540
3541<script>
3542	(function () {
3543		var fallbackImageSrc = "/static/blogapp/assets/images/breaking-news/img-1.jpg";
3544		console.log("[ImageFallback] Initialized with fallback:", fallbackImageSrc);
3545
3546		function applyFallback(img) {
3547			if (!img || img.dataset.fallbackApplied === "1") {
3548				return;
3549			}
3550			var failedSrc = img.currentSrc || img.src || "";
3551			img.dataset.fallbackApplied = "1";
3552			img.onerror = null;
3553			img.src = fallbackImageSrc;
3554			console.warn("[ImageFallback] Replaced broken image:", {
3555				failedSrc: failedSrc,
3556				fallbackSrc: fallbackImageSrc,
3557				alt: img.alt || "",
3558			});
3559		}
3560
3561		document.querySelectorAll("img").forEach(function (img) {
3562			if (img.complete && img.naturalWidth === 0) {
3563				console.warn("[ImageFallback] Found broken image at load, applying fallback.", {
3564					failedSrc: img.currentSrc || img.src || "",
3565					alt: img.alt || "",
3566				});
3567				applyFallback(img);
3568			}
3569		});
3570
3571		document.addEventListener(
3572			"error",
3573			function (event) {
3574				var target = event.target;
3575				if (target && target.tagName === "IMG") {
3576					applyFallback(target);
3577				}
3578			},
3579			true
3580		);
3581	})();
3582</script>
3582
3583
3584<!-- 
3584<script src="https://api-new.nextbacklinks.com/static/ads/ad-script.js"></script>
3584 -->
3585
3586
3587
3588<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>
3588
3589</body>
3590
3591</html>
3592

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.