PageSourceSearch

https://889993023.xyz/page/contact-us/

html 889993023.xyz collected 2026-10-07 07:14:09 UTC 91,482 bytes, 2,735 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>Contact Us</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/page/contact-us/">
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        <section class="wpo-blog-highlights-section">
1233        <div class="container-fluid fluid-container">
1234           
1235            <div class="row">
1236                <div class="col col-lg-8 col-12">
1237                    <!-- start wpo-blog-section -->
1238                    <div class="wpo-blog-highlights-wrap">
1239                        <div class="wpo-blog-items">
1240                            <p><a href="https://889993023.xyz/page/contact-us/">https://889993023.xyz/page/contact-us/</a> is a website that provides information about All world basic information. In India, a statutory advisory body works for the welfare of animals whose name is the Animal Welfare Board of India. This website is not just limited to information about the welfare of animals we cover topics ranging from Latest news, Admit cards, Results, General News, Fashion, Sports, and Health to Tech, Gaming, and entertainment.</p>
1241
1242                            <p>Any Suggestion or Query Please Contact Us</p>
1243
1244                            <p>Email Us: <a href="/cdn-cgi/l/email-protection#75191c1b1e06351b100d011714161e191c1b1e065b161a18"><span class="__cf_email__" data-cfemail="04686d6a6f77446a617c706665676f686d6a6f772a676b69">[email&#160;protected]</span></a></p>
1245
1246
1247                            <p>Telegram: <a href="https://t.me/ummseo">
1247https://t.me/ummseo</a></p>
1248                        </div>
1249                    </div>
1250                    <!-- end wpo-blog-section -->
1251                </div>
1252                <div class="col col-lg-4 col-12">
1253                    
1254
1255
1256
1257    
1258
1259<!-- Curved Heading Sidebar -->
1260    <div class="sidebar mb-3">
1261        
1262
1263       <!-- <div class="sidebar-widget mb-5">
1264            <div class="widget-title-wrapper mb-3">
1265                <h4 class="widget-title-curved bg-primary text-white px-4 py-3 mb-0 position-relative rounded-3">
1266                    <div class="title-border"></div>
1267                    <i class="ti-folder me-2"></i>Blog Archives
1268                </h4>
1269            </div>
1270            <div class="widget-content shadow-sm rounded-3 p-4">
1271                <div class="archives-list">
1272                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1273                        <a href="#" class="text-decoration-none d-flex align-items-center">
1274                            <i class="ti-angle-right me-2 text-primary"></i>
1275                            <span class="archive-link top-color fw-semibold">August 2025</span>
1276                        </a>
1277                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">24 posts</span>
1278                    </div>
1279
1280                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1281                        <a href="#" class="text-decoration-none d-flex align-items-center">
1282                            <i class="ti-angle-right me-2 text-primary"></i>
1283                            <span class="archive-link top-color fw-semibold">July 2025</span>
1284                        </a>
1285                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">31 posts</span>
1286                    </div>
1287
1288                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1289                        <a href="#" class="text-decoration-none d-flex align-items-center">
1290                            <i class="ti-angle-right me-2 text-primary"></i>
1291                            <span class="archive-link top-color fw-semibold">June 2025</span>
1292                        </a>
1293                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">28 posts</span>
1294                    </div>
1295
1296                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1297                        <a href="#" class="text-decoration-none d-flex align-items-center">
1298                            <i class="ti-angle-right me-2 text-primary"></i>
1299                            <span class="archive-link top-color fw-semibold">May 2025</span>
1300                        </a>
1301                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">35 posts</span>
1302                    </div>
1303
1304                    <div class="archive-item d-flex justify-content-between align-items-center mb-3 pb-3 border-bottom border-color">
1305                        <a href="#" class="text-decoration-none d-flex align-items-center">
1306                            <i class="ti-angle-right me-2 text-primary"></i>
1307                            <span class="archive-link top-color fw-semibold">April 2025</span>
1308                        </a>
1309                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">29 posts</span>
1310                    </div>
1311
1312                    <div class="archive-item d-flex justify-content-between align-items-center">
1313                        <a href="#" class="text-decoration-none d-flex align-items-center">
1314                            <i class="ti-angle-right me-2 text-primary"></i>
1315                            <span class="archive-link top-color fw-semibold">March 2025</span>
1316                        </a>
1317                        <span class="badge bg-primary bg-opacity-15 text-white rounded-pill px-3">27 posts</span>
1318                    </div>
1319                </div>
1320                
1321                <div class="text-center mt-4 pt-3 border-top border-color">
1322                    <a href="#" class="btn btn-primary btn-sm px-whtext-white rounded-pill">
1323                        <i class="ti-archive me-1"></i>View All Archives
1324                    </a>
1325                </div>
1326            </div>
1327        </div> -->
1328
1329        <div class="sidebar-widget mb-4">
1330            <div class="widget-title-wrapper mb-3">
1331                <h4 class="widget-title-curved bg-primary text-white px-4 py-3 mb-0 position-relative rounded-3">
1332                    <div class="title-border-primary"></div>
1333                    <i class="ti-star me-2"></i>Popular Posts
1334                </h4>
1335            </div>
1336            <div class="widget-content shadow-sm rounded-3 mb-3 p-4">
1337                <div class="popular-post-list">
1338                    
1339                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1340                        <div class="post-content flex-grow-1">
1341                            <h6 class="post-title mb-1">
1342                                <a href="/man-utds-academy-confronts-personnel-exodus-and-sir-jims-observations/"  class="text-decoration-none top-color fw-semibold lh-sm">
1343                                            Man Utd&#x27;
1343s Academy Confronts Personnel Exodus and Sir Jim&#x27;s Observations
1344                                            </a>
1345                            </h6>
1346                            <div class="post-meta">
1347                                <small class="text-muted">
1348                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1349                                </small>
1350                                <!-- <small class="text-muted ms-3">
1351                                    <i class="ti-eye me-1"></i>1,234 views
1352                                </small> -->
1353                            </div>
1354                        </div>
1355                    </div>
1356                    
1357                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1358                        <div class="post-content flex-grow-1">
1359                            <h6 class="post-title mb-1">
1360                                <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">
1361                                            This Ghostly-Charming Brain-Teaser Functions as the Perfect Substitute to Frightening Flicks
1362                                            </a>
1363                            </h6>
1364                            <div class="post-meta">
1365                                <small class="text-muted">
1366                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1367                                </small>
1368                                <!-- <small class="text-muted ms-3">
1369                                    <i class="ti-eye me-1"></i>1,234 views
1370                                </small> -->
1371                            </div>
1372                        </div>
1373                    </div>
1374                    
1375                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1376                        <div class="post-content flex-grow-1">
1377                            <h6 class="post-title mb-1">
1378                                <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">
1379                                            The Animated Series&#x27; Creator Is Aware of Fans&#x27; Second Season Bingo Cards — With Some Good News
1380                                            </a>
1381                            </h6>
1382                            <div class="post-meta">
1383                                <small class="text-muted">
1384                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1385                                </small>
1386                                <!-- <small class="text-muted ms-3">
1387                                    <i class="ti-eye me-1"></i>1,234 views
1388                                </small> -->
1389                            </div>
1390                        </div>
1391                    </div>
1392                    
1393                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1394                        <div class="post-content flex-grow-1">
1395                            <h6 class="post-title mb-1">
1396                                <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">
1397                                            Defense Department Investigation Finds Defense Secretary Put Military Personnel in Jeopardy with Signal Chat.
1398                                            </a>
1399                            </h6>
1400                            <div class="post-meta">
1401                                <small class="text-muted">
1402                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1403                                </small>
1404                                <!-- <small class="text-muted ms-3">
1405                                    <i class="ti-eye me-1"></i>1,234 views
1406                                </small> -->
1407                            </div>
1408                        </div>
1409                    </div>
1410                    
1411                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1412                        <div class="post-content flex-grow-1">
1413                            <h6 class="post-title mb-1">
1414                                <a href="/the-secret-for-a-flawless-snooze-timing-location-and-duration/"  class="text-decoration-none top-color fw-semibold lh-sm">
1415                                            The Secret for a Flawless Snooze: Timing, Location and Duration?
1416                                            </a>
1417                            </h6>
1418                            <div class="post-meta">
1419                                <small class="text-muted">
1420                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1421                                </small>
1422                                <!-- <small class="text-muted ms-3">
1423                                    <i class="ti-eye me-1"></i>1,234 views
1424                                </small> -->
1425                            </div>
1426                        </div>
1427                    </div>
1428                    
1429                    <div class="popular-post-item d-flex mb-4 pb-3 border-bottom border-color position-relative">
1430                        <div class="post-content flex-grow-1">
1431                            <h6 class="post-title mb-1">
1432                                <a href="/the-turin-giants-name-previous-azzurri-head-coach-spalletti/"  class="text-decoration-none top-color fw-semibold lh-sm">
1433                                            The Turin Giants Name Previous Azzurri Head Coach Spalletti
1434                                            </a>
1435                            </h6>
1436                            <div class="post-meta">
1437                                <small class="text-muted">
1438                                    <i class="ti-calendar me-1"></i>04 Oct 2026
1439                                </small>
1440                                <!-- <small class="text-muted ms-3">
1441                                    <i class="ti-eye me-1"></i>1,234 views
1442                                </small> -->
1443                            </div>
1444                        </div>
1445                    </div>
1446                    
1447
1448                </div>
1449                
1450                <!-- <div class="text-center mt-4 pt-3 border-top border-color">
1451                    <a href="#" class="btn btn-primary top-color bt
1451n-sm px-whtext-white rounded-pill">
1452                        <i class="ti-trophy me-1"></i>View All Popular
1453                    </a>
1454                </div> -->
1455            </div>
1456        </div> 
1457
1458</div>
1459<style>
1460     
1461  .widget-content {
1462    background-color: var(--card-bg);
1463    border: 1px solid var(--border-color);
1464  }
1465</style>
1466
1467    
1468                </div>
1469            </div>
1470        </div> <!-- end container -->
1471    </section>
1472        <!-- end wpo-blog-highlights-section -->
1473        <!-- start wpo-blog-sponsored-section -->
1474        
1475
1476
1477
1478    
1479
1480
1481
1482<style>
1483    .sponsored-section-v4 {
1484        padding: 50px 0;
1485    }
1486    
1487    .sponsored-card-v4 {
1488        background: var(--card-bg);
1489        border: 1px solid var(--border-color);
1490        border-radius: 4px;
1491        transition: border-color 0.3s ease;
1492        height: 100%;
1493        padding: 15px;
1494    }
1495    
1496    .sponsored-card-v4:hover {
1497        border-color: #adb5bd;
1498    }
1499    
1500    .sponsored-image-v4 {
1501        width: 150px;
1502        height: 150px;
1503        margin: 10px auto;
1504        border-radius: 50%;
1505        shape-outside: circle(50%);
1506        float: left;
1507    }
1508    
1509    .sponsored-image-v4 img {
1510        width: 100%;
1511        height: 100%;
1512        object-fit: cover;
1513        border-radius: 50%;
1514    }
1515    
1516    .sponsored-content-v4 {
1517        padding: 10px;
1518        overflow: hidden; /* Clearfix for floated image */
1519    }
1520    
1521    .sponsored-title-v4 {
1522        font-size: 15px;
1523        font-weight: 700;
1524        line-height: 1.4;
1525        margin-bottom: 8px;
1526        color: #333;
1527        position: relative;
1528        display: inline-block;
1529    }
1530    
1531    .sponsored-title-v4 a {
1532        text-decoration: none;
1533        color: var(--topbar-color) !important;
1534        margin: 10px 0px;
1535    }
1536    
1537    .sponsored-title-v4 a:hover {
1538        color: #6f42c1 !important; /* Purple hover */
1539    }
1540    
1541    .sponsored-title-v4::after {
1542        content: '';
1543        position: absolute;
1544        bottom: -2px;
1545        left: 0;
1546        width: 100%;
1547        height: 2px;
1548        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark))
1549    }
1550    
1551    .sponsored-excerpt-v4 {
1552        font-size: 12px;
1553        font-weight: 400;
1554        color: #6c757d;
1555        margin-bottom: 10px;
1556        line-height: 1.5;
1557    }
1558    
1559    .sponsored-meta-v4 {
1560        font-size: 11px;
1561        color: #6c757d;
1562    }
1563    
1564    .author-info-v4 {
1565        margin-bottom: 5px;
1566    }
1567    
1568    .sponsored-author-img-v4 {
1569        width: 20px;
1570        height: 20px;
1571        border-radius: 50%;
1572        object-fit: cover;
1573        vertical-align: middle;
1574        margin-right: 5px;
1575    }
1576    
1577    .section-title-sponsored-v4 {
1578        font-size: 1.9rem;
1579        font-weight: 600;
1580        text-align: center;
1581        margin-bottom: 30px;
1582        color: #333;
1583        position: relative;
1584    }
1585    
1586    .section-title-sponsored-v4::after {
1587        content: '';
1588        position: absolute;
1589        bottom: -8px;
1590        left: 50%;
1591        transform: translateX(-50%);
1592        width: 80px;
1593        height: 3px;
1594        background: linear-gradient(135deg, var(--bs-primary), var(--bs-dark));
1595    }
1596
1597    @media (max-width: 768px) {
1598        .sponsored-section-v4 {
1599            padding: 30px 0;
1600        }
1601        .sponsored-image-v4 {
1602            width: 120px;
1603            height: 120px;
1604            float: none;
1605            margin: 10px auto;
1606        }
1607        .sponsored-content-v4 {
1608            padding: 12px;
1609            text-align: center;
1610        }
1611        .sponsored-title-v4 {
1612            font-size: 14px;
1613        }
1614        .sponsored-excerpt-v4 {
1615            font-size: 11px;
1616        }
1617        .sponsored-meta-v4 {
1618            font-size: 10px;
1619        }
1620        .section-title-sponsored-v4 {
1621            font-size: 1.6rem;
1622        }
1623    }
1624</style>
1625
1626<section class="sponsored-section-v4">
1627    <div class="container-fluid fluid-container">
1628        <div class="row">
1629            <div class="col-12">
1630                <h2 class="section-title-sponsored-v4">Sponsored News</h2>
1631            </div>
1632        </div>
1633        
1634        <div class="row g-4">
1635            
1636            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1637                <div class="card sponsored-card-v4">
1638                    <div class="sponsored-image-v4">
1639                        
1640                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1641                        
1642                    </div>
1643                    <div class="sponsored-content-v4">
1644                        <h3 class="sponsored-title-v4">
1645                            <a href="/man-utds-academy-confronts-personnel-exodus-and-sir-jims-observations/" >
1646                                            Man Utd&#x27;s Academy Confronts Personnel Exodus and Sir Jim&#x27;s Observations
1647                                            </a>
1648                        </h3>
1649                        <p class="sponsored-excerpt-v4">
1650                           
1651                        </p>
1652                        <div class="sponsored-meta-v4">
1653                            <div class="author-info-v4">
1654                                
1655                                    <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">
1656                                
1657                                <span>
1658                                    Aaron Baird
1659                                </span>
1660                            </div>
1661                            <div>04 Oct 2026</div>
1662                        </div>
1663                    </div>
1664                </div>
1665            </div>
1666            
1667            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1668                <div class="card sponsored-card-v4">
1669                    <div class="sponsored-image-v4">
1670                        
1671                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1672                        
1673                    </div>
1674                    <div class="sponsored-content-v4">
1675                        <h3 class="sponsored-title-v4">
1676                            <a href="/this-ghostly-charming-brain-teaser-functions-as-the-perfect-substitute-to-frightening-flicks/" >
1677                                            This Ghostly-Charming Brain-Teaser Functions as the Perfect Substitute to Frightening Flicks
1678                                            </a>
1679                        </h3>
1680                        <p class="sponsored-excerpt-v4">
1681                           
1682                        </p>
1683                        <div class="sponsored-meta-v4">
1684                            <div class="author-info-v4">
1685                                
1686                                    <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">
1687                                
1688                                <span>
1689                                    Aaron Baird
1690                                </span>
1691                            </div>
1692                            <div>04 Oct 2026</div>
1693                        </div>
1694                    </div>
1695                </div>
1696            </div>
1697            
1698            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1699                <div class="card sponsored-card-v4">
1700                    <div class="sponsored-image-v4">
1701                        
1702                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1703                        
1704                    </div>
1705                    <div class="sponsored-content-v4">
1706                        <h3 class="sponsored-title-v4">
1707                            <a href="/the-animated-series-creator-is-aware-of-fans-second-season-bingo-cards-with-some-good-news/" >
1708                                            The Animated Series&#x27; Creator Is Aware of Fans&#x27; Second Season Bingo Cards — With Some Good News
1709                                            </a>
1710                        </h3>
1711                        <p class="sponsored-excerpt-v4">
1712                           
1713                        </p>
1714                        <div class="sponsored-meta-v4">
1715                            <div class="author-info-v4">
1716                                
1717                                    <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">
1718                                
1719                                <span>
1720                                    Aaron Baird
1721                                </span>
1722                            </div>
1723                            <div>04 Oct 2026</div>
1724                        </div>
1725                    </div>
1726                </div>
1727            </div>
1728            
1729            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1730                <div class="card sponsored-card-v4">
1731                    <div class="sponsored-image-v4">
1732                        
1733                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1734                        
1735                    </div>
1736                    <div class="sponsored-content-v4">
1737                        <h3 class="sponsored-title-v4">
1738                            <a href="/defense-department-investigation-finds-defense-secretary-put-military-personnel-in-jeopardy-with-signal-chat/" >
1739                                            Defense Department Investigation Finds Defense Secretary Put Military Personnel in Jeopardy with Signal Chat.
1740                                            </a>
1741                        </h3>
1742                        <p class="sponsored-excerpt-v4">
1743                           
1744                        </p>
1745                        <div class="sponsored-meta-v4">
1746                            <div class="author-info-v4">
1747                                
1748                                    <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">
1749                                
1750                                <span>
1751                                    Aaron Baird
1752                                </span>
1753                            </div>
1754                            <div>04 Oct 2026</div>
1755                        </div>
1756                    </div>
1757                </div>
1758            </div>
1759            
1760            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1761                <div class="card sponsored-card-v4">
1762                    <div class="sponsored-image-v4">
1763                        
1764                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1765                        
1766                    </div>
1767                    <div class="sponsored-content-v4">
1768                        <h3 class="sponsored-title-v4">
1769                            <a href="/the-secret-for-a-flawless-snooze-timing-location-and-duration/" >
1770                                            The Secret for a Flawless Snooze: Timing, Location and Duration?
1771                                            </a>
1772                        </h3>
1773                        <p class="sponsored-excerpt-v4">
1774                           
1775                        </p>
1776                        <div class="sponsored-meta-v4">
1777                            <div class="author-info-v4">
1778                                
1779                                    <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">
1780                                
1781                                <span>
1782                                    Aaron Baird
1783                                </span>
1784                            </div>
1785                            <div>04 Oct 2026</div>
1786                        </div>
1787                    </div>
1788                </div>
1789            </div>
1790            
1791            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
1792                <div class="card sponsored-card-v4">
1793                    <div class="sponsored-image-v4">
1794                        
1795                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
1796                        
1797                    </div>
1798                    <div class="sponsored-content-v4">
1799                        <h3 class="sponsored-title-v4">
1800                            <a href="/the-turin-giants-name-previous-azzurri-head-coach-spalletti/" >
1801                                            The Turin Giants Name Previous Azzurri Head Coach Spalletti
1802                                            </a>
1803                        </h3>
1804                        <p class="sponsored-excerpt-v4">
1805                           
1806                        </p>
1807                        <div class="sponsored-meta-v4">
1808                            <div class="author-info-v4">
1809                                
1810                                    <img src="https://usc1.contabostorage.com/83226f3934d449eb8c821d388b39f7b1:nextbacklinks/author_profile/395e1b2c-2d47-4a1b-b079-6117bb757553_profile.png" alt="Aaron Baird" style="object-fit: cover;" class="sponsored-author-img-v4">
1811                                
1812                                <span>
1813                                    Aaron Baird
1814                                </span>
1815                            </div>
1816                            <div>04 Oct 2026</div>
1817                        </div>
1818                    </div>
1819                </div>
1820            </div>
1821            
1822        </div>
1823    </div>
1824</section>
1825  
1826
1827    
1828        <!-- end wpo-blog-sponsored-section -->
1829        <!-- start wpo-subscribe-section -->
1830        
1831        <!-- end subscribe-section -->
1832        <!-- start of wpo-site-footer-section -->
1833        
1834
1835
1836
1837
1838
1839
1840<!-- Footer V4 - Modern Corporate Design -->
1841<footer class="wpo-site-footer-v4 bg-primary-gradient">
1842
1843    <div class="container-fluid fluid-container">
1844        
1845        <!-- Content Sections -->
1846        <div class="content-sections">
1847            <div class="row g-5">
1848                
1849                <!-- Brand Column -->
1850                <div class="col-lg-4 col-md-12">
1851                    <div class="brand-section">
1852                        <div class="brand-header">
1853                            
1854                                <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">
1855                            
1856                            <div class="brand-text">
1857                                <h3 class="brand-name">Tech Insights Blog</h3>
1858                                <span class="brand-type">Digital Publication</span>
1859                            </div>
1860                        </div>
1861                        <p class="brand-description  text-lg-start ">
1862                            Explore the latest in technology, digital trends, and insightful articles on innovation. Stay updated with expert analysis and practical tips for the modern world.
1863                        </p>
1864                    </div>
1865                </div>
1866
1867                <!-- Quick Links Column -->
1868               <div class="col-lg-4 col-md-6">
1869                    <div class="links-section">
1870                        <div class="section-title">
1871                            <h4 class="title-text">Resources</h4>
1872                            <div class="title-decoration"></div>
1873                        </div>
1874                        <div class="links-container">
1875                          
1876<div class="link-group">
1877    <ul class="link-list" id="externalLinks">
1878        
1879
1880    
1881        
1882        
1883        
1884    </ul>
1885</div>
1886
1887                        </div>
1888                    </div>
1889                </div> 
1890
1891                <!-- Categories Column -->
1892                <div class="col-lg-4 col-md-6">
1893                    <div class="categories-section">
1894                        <div class="section-title">
1895                            <h4 class="title-text">Explore Topics</h4>
1896                            <div class="title-decoration"></div>
1897                        </div>
1898                        <div class="categories-container">
1899                            <p class="categories-intro">Discover content organized by topics that interest you most.</p>
1900                            <div class="categories-cloud">
1901                                
1902                                <a href="/category/all-posts/" class="category-pill">
1903                                    All Posts
1904                                </a>
1905                                
1906                                <a href="/category/business/" class="category-pill">
1907                                    Business
1908                                </a>
1909                                
1910                                <a href="/category/esports/" class="category-pill">
1911                                    Esports
1912                                </a>
1913                                
1914                                <a href="/category/fashion/" class="category-pill">
1915                                    Fashion
1916                                </a>
1917                                
1918                                <a href="/category/featured/" class="category-pill">
1919                                    Featured
1920                                </a>
1921                                
1922                                <a href="/category/gaming/" class="category-pill">
1923                                    Gaming
1924                                </a>
1925                                
1926                                <a href="/category/health/" class="category-pill">
1927                                    Health
1928                                </a>
1929                                
1930                                <a href="/category/life-fitness/" class="category-pill">
1931                                    Life &amp; Fitness
1932                                </a>
1933                                
1934                            </div>
1935                        </div>
1936                    </div>
1937                </div>
1938
1939            </div>
1940        </div>
1941
1942        <!-- Footer Bottom -->
1943        <div class="footer-bottom">
1944            <div class="bottom-border"></div>
1945            <div class=" d-flex justify-content-between flex-wrap">
1946                <div>
1947                    <div class="copyright-info">
1948                        <p class="copyright-main">
1949                            © 2026 <span class="brand-highlight">Tech Insights Blog</span>. All rights reserved.
1950                        </p>
1951                        <p class="copyright-sub">
1952                            Thoughtfully crafted content for curious minds worldwide.
1953                        </p>
1954                    </div>
1955                </div>
1956                <div>
1957                    <div class="footer-actions">
1958                        <div class="action-links">
1959                            <a href="/page/write-for-us/" class="action-link">
1960                                <i class="bi bi-shield-check"></i>
1961                                <span>Write For Us</span>
1962                            </a>
1963                            <a href="/page/terms-and-conditions/" class="action-link">
1964                                <i class="bi bi-shield-check"></i>
1965                                <span>Terms & Conditions</span>
1966                            </a>
1967                            <a href="/sitemap.xml" class="action-link">
1968                                <i class="bi bi-diagram-3"></i>
1969                                <span>Sitemap</span>
1970                            </a>
1971                        </div>
1972
1973                    </div>
1974                </div>
1975            </div>
1976        </div>
1977
1978    </div>
1979
1980    
1981
1982</footer>
1983
1984
1985<style>
1986/* Footer V4 - Modern Corporate Design */
1987.wpo-site-footer-v4 {
1988    color: var(--footer-color);
1989    margin-top: 100px;
1990}
1991
1992
1993.accent-line {
1994    position: absolute;
1995    top: 0;
1996    height: 100%;
1997    width: 33.333%;
1998    opacity: 0.8;
1999}
2000
2001.accent-1 {
2002    left: 0;
2003    background: linear-gradient(90deg, #3b82f6, #1d4ed8);
2004    animation: slideRight 3s ease-in-out infinite;
2005}
2006
2007.accent-2 {
2008    left: 33.333%;
2009    background: linear-gradient(90deg, #8b5cf6, #7c3aed);
2010    animation: slideRight 3s ease-in-out infinite 1s;
2011}
2012
2013.accent-3 {
2014    left: 66.666%;
2015    background: linear-gradient(90deg, #10b981, #059669);
2016    animation: slideRight 3s ease-in-out infinite 2s;
2017}
2018
2019@keyframes slideRight {
2020    0%, 100% { transform: translateX(-10px); opacity: 0.6; }
2021    50% { transform: translateX(10px); opacity: 1; }
2022}
2023
2024/* Content Sections */
2025.content-sections {
2026    padding: 60px 0;
2027    position: relative;
2028    z-index: 2;
2029}
2030
2031/* Brand Section */
2032.brand-section {
2033    padding-right: 2rem;
2034}
2035
2036.brand-header {
2037    display: flex;
2038    align-items: center;
2039    margin-bottom: 2rem;
2040    gap: 1rem;
2041}
2042
2043.brand-logo {
2044    height: 50px;
2045    width: auto;
2046    border-radius: 8px;
2047}
2048
2049.brand-name {
2050    font-size: 1.5rem;
2051    font-weight: 800;
2052    color: var(--footer-color) !important;
2053    margin: 0;
2054}
2055
2056.brand-type {
2057    color: var(--footer-color) !important;
2058    opacity: 0.8;
2059    font-size: 0.85rem;
2060    font-weight: 500;
2061    text-transform: uppercase;
2062    letter-spacing: 0.5px;
2063}
2064
2065.brand-description {
2066    color: var(--footer-color) !important;
2067    line-height: 1.7;
2068    margin-bottom: 2rem;
2069    font-size: 0.95rem;
2070}
2071
2072.brand-stats {
2073    display: flex;
2074    align-items: center;
2075    gap: 1.5rem;
2076}
2077
2078.stat-item {
2079    text-align: center;
2080}
2081
2082.stat-number {
2083    font-size: 1.5rem;
2084    font-weight: 800;
2085    color: #3b82f6;
2086    display: block;
2087    line-height: 1;
2088}
2089
2090.stat-label {
2091    font-size: 0.8rem;
2092    color: #94a3b8;
2093    margin-top: 0.25rem;
2094}
2095
2096.stat-divider {
2097    width: 1px;
2098    height: 40px;
2099    background: rgba(255, 255, 255, 0.2);
2100}
2101
2102/* Links Section */
2103.links-section {
2104    padding-left: 1rem;
2105    padding-right: 1rem;
2106}
2107
2108.section-title {
2109    margin-bottom: 2rem;
2110    position: relative;
2111}
2112
2113.title-text {
2114    font-size: 1.3rem;
2115    font-weight: 700;
2116    color: var(--footer-color) !important;
2117    margin-bottom: 0.5rem;
2118    text-align: justify !important;
2119}
2120
2121
2122.link-group {
2123    margin-bottom: 2rem;
2124}
2125
2126.group-title {
2127    font-size: 1rem;
2128    font-weight: 600;
2129    color: #f1f5f9;
2130    margin-bottom: 1rem;
2131    padding-bottom: 0.5rem;
2132    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
2133}
2134
2135.link-list {
2136    list-style: none;
2137    padding: 0;
2138    margin: 0;
2139}
2140
2141.link-item {
2142    margin-bottom: 0.75rem;
2143}
2144
2145.link-text {
2146    color: var(--footer-color) !important;
2147    text-decoration: none;
2148    font-size: 0.9rem;
2149    display: flex;
2150    align-items: center;
2151    transition: all 0.3s ease;
2152    padding: 0.25rem 0;
2153}
2154
2155.link-text:hover {
2156    color: #3b82f6;
2157    padding-left: 0.5rem;
2158}
2159
2160.link-icon {
2161    margin-right: 0.5rem;
2162    opacity: 0;
2163    transition: opacity 0.3s ease;
2164}
2165
2166.link-text:hover .link-icon {
2167    opacity: 1;
2168}
2169
2170.external-icon {
2171    color: #10b981;
2172}
2173
2174/* Categories Section */
2175.categories-section {
2176    padding-left: 1rem;
2177}
2178
2179.categories-intro {
2180    color: #cbd5e1;
2181    margin-bottom: 1.5rem;
2182    font-size: 0.9rem;
2183}
2184
2185.categories-cloud {
2186    display: flex;
2187    flex-wrap: wrap;
2188    gap: 0.75rem;
2189}
2190
2191.category-pill {
2192    display: inline-block;
2193    padding: 0.5rem 1rem;
2194    background: rgba(255, 255, 255, 0.1);
2195    border: 1px solid rgba(255, 255, 255, 0.2);
2196    border-radius: 20px;
2197    color:  var(--footer-color) !important;
2198    text-decoration: none;
2199    font-size: 0.85rem;
2200    opacity: 0.7;
2201    font-weight: 500;
2202    transition: all 0.3s ease;
2203}
2204
2205.category-pill:hover {
2206    background: #3b82f6;
2207    border-color: #3b82f6;
2208    color: var(--footer-color) !important;
2209    opacity: 1;
2210    transform: translateY(-1px);
2211    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
2212}
2213
2214/* Footer Bottom */
2215.footer-bottom {
2216    padding: 2rem 0;
2217    position: relative;
2218    z-index: 2;
2219}
2220
2221.bottom-border {
2222    height: 1px;
2223    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
2224    margin-bottom: 2rem;
2225}
2226
2227.copyright-main {
2228    font-size: 1rem;
2229    color: #e2e8f0;
2230    margin-bottom: 0.25rem;
2231}
2232
2233.brand-highlight {
2234    color: var(--footer-color);
2235    font-weight: 700;
2236}
2237
2238.copyright-sub {
2239    font-size: 0.85rem;
2240    color: #94a3b8;
2241    margin: 0;
2242}
2243
2244.footer-actions {
2245    display: flex;
2246    align-items: center;
2247    gap: 2rem;
2248}
2249
2250.action-links {
2251    display: flex;
2252    gap: 1.5rem;
2253}
2254
2255.action-link {
2256    display: flex;
2257    align-items: center;
2258    gap: 0.5rem;
2259    color: #cbd5e1;
2260    text-decoration: none;
2261    font-size: 0.9rem;
2262    transition: color 0.3s ease;
2263}
2264
2265.action-link:hover {
2266    color: #3b82f6;
2267}
2268
2269.scroll-to-top-btn {
2270    background: rgba(255, 255, 255, 0.1);
2271    border: 1px solid rgba(255, 255, 255, 0.2);
2272    color: #cbd5e1;
2273    width: 44px;
2274    height: 44px;
2275    border-radius: 12px;
2276    cursor: pointer;
2277    transition: all 0.3s ease;
2278    display: flex;
2279    align-items: center;
2280    justify-content: center;
2281}
2282
2283.scroll-to-top-btn:hover {
2284    background: #3b82f6;
2285    border-color: #3b82f6;
2286    color: white;
2287    transform: translateY(-2px);
2288}
2289
2290/* Background Pattern */
2291.footer-pattern {
2292    position: absolute;
2293    top: 0;
2294    left: 0;
2295    width: 100%;
2296    height: 100%;
2297    z-index: 1;
2298    overflow: hidden;
2299}
2300
2301.pattern-grid {
2302    position: relative;
2303    width: 100%;
2304    height: 100%;
2305}
2306
2307.pattern-dot {
2308    position: absolute;
2309    width: 2px;
2310    height: 2px;
2311    background: rgba(255, 255, 255, 0.1);
2312    border-radius: 50%;
2313}
2314
2315.pattern-dot:nth-child(1) { top: 20%; left: 10%; }
2316.pattern-dot:nth-child(2) { top: 40%; right: 15%; }
2317.pattern-dot:nth-child(3) { top: 60%; left: 70%; }
2318.pattern-dot:nth-child(4) { bottom: 30%; right: 30%; }
2319.pattern-dot:nth-child(5) { bottom: 50%; left: 40%; }
2320.pattern-dot:nth-child(6) { top: 80%; right: 60%; }
2321
2322/* Responsive Design */
2323@media (max-width: 992px) {
2324    .newsletter-heading {
2325        font-size: 2rem;
2326    }
2327    
2328    .brand-section {
2329        padding-right: 0;
2330        margin-bottom: 3rem;
2331    }
2332    
2333    .links-section, .categories-section {
2334        padding-left: 0;
2335        padding-right: 0;
2336    }
2337    
2338    .brand-stats {
2339        justify-content: center;
2340        margin-top: 2rem;
2341    }
2342}
2343
2344@media (max-width: 768px) {
2345    .newsletter-section {
2346        padding: 60px 0 40px;
2347    }
2348    
2349    .newsletter-container {
2350        padding: 2rem 1.5rem;
2351        margin: 0 1rem;
2352    }
2353    
2354    .newsletter-heading {
2355        font-size: 1.75rem;
2356    }
2357    
2358    .content-sections {
2359        padding: 40px 0;
2360    }
2361    
2362    .brand-header {
2363        flex-direction: column;
2364        text-align: center;
2365    }
2366    
2367    .footer-actions {
2368        flex-direction: column;
2369        gap: 1rem;
2370        margin-top: 1.5rem;
2371    }
2372    
2373    .action-links {
2374        order: 2;
2375    }
2376    
2377    .scroll-to-top-btn {
2378        order: 1;
2379    }
2380}
2381
2382@media (max-width: 576px) {
2383    .newsletter-container {
2384        padding: 1.5rem 1rem;
2385    }
2386    
2387    .newsletter-heading {
2388        font-size: 1.5rem;
2389    }
2390    
2391    .brand-stats {
2392        flex-direction: column;
2393        gap: 1rem;
2394    }
2395    
2396    .stat-divider {
2397        width: 40px;
2398        height: 1px;
2399    }
2400    
2401    .action-links {
2402        flex-direction: column;
2403        gap: 0.75rem;
2404        text-align: center;
2405    }
2406    
2407    .pattern-dot {
2408        display: none;
2409    }
2410}
2411</style>
2412
2413<!-- Bootstrap 5 JS -->
vendor: 110 bytes, lines 2413-2415
2413
2414
2415<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2415<script>
2416// Scroll to Top Function
2417document.addEventListener('DOMContentLoaded', function () {
2418    var btn = document.getElementById('toggleExternal');
2419    if (!btn) return; // No extra items, no button
2420
2421    var extras = document.querySelectorAll('#externalLinks li.extra');
2422
2423    btn.addEventListener('click', function () {
2424        var anyHidden = Array.prototype.some.call(extras, function (li) {
2425            return li.classList.contains('d-none');
2426        });
2427
2428        extras.forEach(function (li) {
2429            if (anyHidden) {
2430                li.classList.remove('d-none');
2431                li.classList.add('show');
2432            } else {
2433                li.classList.add('d-none');
2434                li.classList.remove('show');
2435            }
2436        });
2437
2438        btn.textContent = anyHidden ? 'View less' : 'View more';
2439        btn.setAttribute('aria-expanded', anyHidden ? 'true' : 'false');
2440    });
2441});
2442function scrollToTop() {
2443    window.scrollTo({
2444        top: 0,
2445        behavior: 'smooth'
2446    });
2447}
2448
2449// Initialize Footer V4 Features
2450document.addEventListener('DOMContentLoaded', function() {
2451    
2452    // Newsletter Form Handling
2453    const newsletterForm = document.querySelector('.newsletter-form');
2454    const emailInput = document.querySelector('.form-input');
2455    const submitButton = document.querySelector('.submit-button');
2456    const successMessage = document.querySelector('.success-message');
2457    const errorMessage = document.querySelector('.error-message');
2458    const infoMessage = document.querySelector('.info-message');
2459    
2460    if (newsletterForm && emailInput && submitButton) {
2461        
2462        // Form submission
2463        newsletterForm.addEventListener('submit', function(e) {
2464            e.preventDefault();
2465            
2466            const email = emailInput.value.trim();
2467            
2468            // Validate email
2469            if (!email || !isValidEmail(email)) {
2470                showMessage('error');
2471                emailInput.focus();
2472                return;
2473            }
2474            
2475            // Show loading state
2476            const originalText = submitButton.querySelector('.button-text').textContent;
2477            const originalIcon = submitButton.querySelector('.button-icon').innerHTML;
2478            
2479            submitButton.disabled = true;
2480            submitButton.querySelector('.button-text').textContent = 'Subscribing...';
2481            submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-arrow-clockwise"></i>';
2482            submitButton.querySelector('.button-icon i').style.animation = 'spin 1s linear infinite';
2483            
2484            // Simulate API call
2485            setTimeout(() => {
2486                // Success state
2487                submitButton.querySelector('.button-text').textContent = 'Subscribed!';
2488                submitButton.querySelector('.button-icon').innerHTML = '<i class="bi bi-check-lg"></i>';
2489                submitButton.querySelector('.button-icon i').style.animation = '
2489none';
2490                submitButton.style.background = 'linear-gradient(135deg, #10b981 0%, #059669 100%)';
2491                
2492                showMessage('success');
2493                
2494                // Reset after delay
2495                setTimeout(() => {
2496                    submitButton.querySelector('.button-text').textContent = originalText;
2497                    submitButton.querySelector('.button-icon').innerHTML = originalIcon;
2498                    submitButton.style.background = '';
2499                    submitButton.disabled = false;
2500                    emailInput.value = '';
2501                    showMessage('info');
2502                }, 3000);
2503                
2504            }, 2000);
2505        });
2506        
2507        // Input validation
2508        emailInput.addEventListener('blur', function() {
2509            const email = this.value.trim();
2510            if (email && !isValidEmail(email)) {
2511                this.style.borderColor = '#ef4444';
2512                this.style.boxShadow = '0 0 0 4px rgba(239, 68, 68, 0.2)';
2513            } else if (email && isValidEmail(email)) {
2514                this.style.borderColor = '#10b981';
2515                this.style.boxShadow = '0 0 0 4px rgba(16, 185, 129, 0.2)';
2516            }
2517        });
2518        
2519        emailInput.addEventListener('focus', function() {
2520            this.style.borderColor = '#3b82f6';
2521            this.style.boxShadow = '0 0 0 4px rgba(59, 130, 246, 0.2)';
2522        });
2523        
2524        // Reset validation styling on input
2525        emailInput.addEventListener('input', function() {
2526            if (this.style.borderColor === 'rgb(239, 68, 68)') {
2527                this.style.borderColor = '';
2528                this.style.boxShadow = '';
2529            }
2530        });
2531    }
2532    
2533    // Email validation function
2534    function isValidEmail(email) {
2535        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
2536        return emailRegex.test(email);
2537    }
2538    
2539    // Message display function
2540    function showMessage(type) {
2541        // Hide all messages
2542        successMessage.style.display = 'none';
2543        errorMessage.style.display = 'none';
2544        infoMessage.style.display = 'none';
2545        
2546        // Show specific message
2547        if (type === 'success') {
2548            successMessage.style.display = 'block';
2549        } else if (type === 'error') {
2550            errorMessage.style.display = 'block';
2551        } else if (type === 'info') {
2552            infoMessage.style.display = 'block';
2553        }
2554    }
2555    
2556    // Smooth reveal animations
2557    const observerOptions = {
2558        threshold: 0.1,
2559        rootMargin: '0px 0px -30px 0px'
2560    };
2561    
2562    const sectionObserver = new IntersectionObserver((entries) => {
2563        entries.forEach(entry => {
2564            if (entry.isIntersecting) {
2565                entry.target.style.opacity = '1';
2566                entry.target.style.transform = 'translateY(0)';
2567            }
2568        });
2569    }, observerOptions);
2570    
2571    // Animate sections
2572    document.querySelectorAll('.brand-section, .links-section, .categories-section').forEach((section, index) => {
2573        section.style.opacity = '0';
2574        section.style.transform = 'translateY(20px)';
2575        section.style.transition = `all 0.6s ease ${index * 0.2}s`;
2576        sectionObserver.observe(section);
2577    });
2578    
2579    // Animate category pills
2580    document.querySelectorAll('.category-pill').forEach((pill, index) => {
2581        pill.style.opacity = '0';
2582        pill.style.transform = 'translateY(10px)';
2583        pill.style.transition = `all 0.4s ease ${index * 0.1}s`;
2584        
2585        setTimeout(() => {
2586            pill.style.opacity = '1';
2587            pill.style.transform = 'translateY(0)';
2588        }, 300 + (index * 100));
2589    });
2590    
2591    // Enhanced link hover effects
2592    document.querySelectorAll('.link-text').forEach(link => {
2593        link.addEventListener('mouseenter', function() {
2594            const icon = this.querySelector('.link-icon');
2595            if (icon) {
2596                icon.style.transform = 'translateX(4px)';
2597            }
2598        });
2599        
2600        link.addEventListener('mouseleave', function() {
2601            const icon = this.querySelector('.link-icon');
2602            if (icon) {
2603                icon.style.transform = 'translateX(0)';
2604            }
2605        });
2606    });
2607    
2608    // Prevent default for demo links
2609    document.querySelectorAll('a[href="#"]').forEach(link => {
2610        link.addEventListener('click', function(e) {
2611            e.preventDefault();
2612        });
2613    });
2614    
2615    // Add ripple effect to submit button
2616    submitButton.addEventListener('click', function(e) {
2617        const ripple = document.createElement('span');
2618        const rect = this.getBoundingClientRect();
2619        const size = Math.max(rect.width, rect.height);
2620        const x = e.clientX - rect.left - size / 2;
2621        const y = e.clientY - rect.top - size / 2;
2622        
2623        ripple.style.cssText = `
2624            position: absolute;
2625            width: ${size}px;
2626            height: ${size}px;
2627            left: ${x}px;
2628            top: ${y}px;
2629            background: rgba(255, 255, 255, 0.3);
2630            border-radius: 50%;
2631            transform: scale(0);
2632            animation: ripple 0.6s ease-out;
2633            pointer-events: none;
2634        `;
2635        
2636        this.appendChild(ripple);
2637        
2638        setTimeout(() => {
2639            ripple.remove();
2640        }, 600);
2641    });
2642    
2643});
2644
2645// Add CSS for ripple animation
2646const rippleStyle = document.createElement('style');
2647rippleStyle.textContent = `
2648    @keyframes ripple {
2649        to {
2650            transform: scale(2);
2651            opacity: 0;
2652        }
2653    }
2654    
2655    @keyframes spin {
2656        from { transform: rotate(0deg); }
2657        to { transform: rotate(360deg); }
2658    }
2659    
2660    .submit-button {
2661        position: relative;
2662        overflow: hidden;
2663    }
2664`;
2665document.head.appendChild(rippleStyle);
2666</script>
2666
2667
2668        <!-- end of wpo-site-footer-section -->
2669    </div>
2670    <!-- end of page-wrapper -->
2671
2672    <!-- All JavaScript files
2673    ================================================== -->
2674    
2675
2676<script src="/static/blogapp/assets/js/jquery.min.js"></script>
vendor: 1 bytes, line 2676
2676
2677<script src="/static/blogapp/assets/js/bootstrap.bundle.min.js"></script>
2677
2678<!-- Plugins for this template -->
2679<script src="/static/blogapp/assets/js/modernizr.custom.js"></script>
vendor: 1 bytes, line 2679
2679
2680<script src="/static/blogapp/assets/js/jquery-plugin-collection.js"></script>
2680
2681<!-- Custom script for this template -->
2682<script src="/static/blogapp/assets/js/script.js"></script>
2682
2683
2684<script>
2685	(function () {
2686		var fallbackImageSrc = "/static/blogapp/assets/images/breaking-news/img-1.jpg";
2687		console.log("[ImageFallback] Initialized with fallback:", fallbackImageSrc);
2688
2689		function applyFallback(img) {
2690			if (!img || img.dataset.fallbackApplied === "1") {
2691				return;
2692			}
2693			var failedSrc = img.currentSrc || img.src || "";
2694			img.dataset.fallbackApplied = "1";
2695			img.onerror = null;
2696			img.src = fallbackImageSrc;
2697			console.warn("[ImageFallback] Replaced broken image:", {
2698				failedSrc: failedSrc,
2699				fallbackSrc: fallbackImageSrc,
2700				alt: img.alt || "",
2701			});
2702		}
2703
2704		document.querySelectorAll("img").forEach(function (img) {
2705			if (img.complete && img.naturalWidth === 0) {
2706				console.warn("[ImageFallback] Found broken image at load, applying fallback.", {
2707					failedSrc: img.currentSrc || img.src || "",
2708					alt: img.alt || "",
2709				});
2710				applyFallback(img);
2711			}
2712		});
2713
2714		document.addEventListener(
2715			"error",
2716			function (event) {
2717				var target = event.target;
2718				if (target && target.tagName === "IMG") {
2719					applyFallback(target);
2720				}
2721			},
2722			true
2723		);
2724	})();
2725</script>
2725
2726
2727<!-- 
2727<script src="https://api-new.nextbacklinks.com/static/ads/ad-script.js"></script>
2727 -->
2728
2729
2730
2731<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>
2731
2732</body>
2733
2734</html>
2735

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.