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' 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'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 'the Massive Scam in US History' 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 & 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 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'
1343s Academy Confronts Personnel Exodus and Sir Jim'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' Creator Is Aware of Fans' 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's Academy Confronts Personnel Exodus and Sir Jim'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' Creator Is Aware of Fans' 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 & 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.