It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://harborglobal.co.uk

  1.  
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <html lang="en" data-font-scheme="karla">
  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_11_68VVcYE_MQCPeiQ_3dqhJjJ.png">
  14.    
  15.  
  16.    <title>Harbor Global: Expert Insights on International Trade and Logistics</title>
  17.    <meta name="description" content="Explore Harbor Global&#x27;s blog for expert analysis on global trade, supply chain management, and logistics strategies to optimize your international business operations.">
  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://harborglobal.co.uk/">
  36.    <!-- Dynamic CSS Override -->
  37.    
  38. <style>
  39.    :root {
  40.        /* Bootstrap 5 Color Overrides */
  41.        --bs-primary: #f472b6;
  42.        --bs-primary-rgb: f472b6;
  43.        --bs-secondary: #94a3b8;
  44.        --bs-success: #34d399;
  45.        --bs-danger: #f87171;
  46.        --bs-warning: #fbbf24;
  47.        --bs-info: #60a5fa;
  48.        --bs-light: #e2e8f0;
  49.        --bs-dark: #1e293b;
  50.        
  51.        /* Your SCSS Variables Override */
  52.        --theme-primary-color: #f472b6;
  53.        --theme-primary-color-s2: #f472b6;
  54.        --body-bg-color: #111827;
  55.        --section-bg-color: #f9faff;
  56.        --text-color: #e2e8f0;
  57.        --text-light-color: #676767;
  58.        --heading-color: #e2e8f0;
  59.        --border-color: #475569;
  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: #1e293b;
  73.        --nav-bg: #1e293b;
  74.        --sub-nav: #475569;
  75.        --navbar-color: #e2e8f0;
  76.        --topbar-bg: #111827;
  77.        --topbar-color: #e2e8f0;
  78.        --footer-bg: #1e293b;
  79.        --footer-color: #e2e8f0;
  80.        --card-bg: rgba(30, 41, 59, 0.8);
  81.        --card-border: #475569;
  82.        --card-radius: 14px;
  83.        --link-color: #f472b6;
  84.        --link-hover: #ec4899;
  85.        --blog-color: #e2e8f0;
  86.        --blog-bg: rgba(244, 114, 182, 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: rgba(30, 41, 59, 0.8) !important;
  204.            backdrop-filter: blur(10px);
  205.        
  206.        border: 1px solid var(--border-color) !important;
  207.        transition: all 0.3s ease;
  208.        border-radius: 12px;
  209.        color: var(--text-color) !important;
  210.    }
  211.     .navbar-brand img{
  212.            height: 70px;
  213.            object-fit: contain;
  214.        }
  215.    
  216.    .card:hover {
  217.        transform: translateY(-5px);
  218.        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  219.    }
  220.    
  221.    .card-header {
  222.        background-color: var(--section-bg-color) !important;
  223.        border-color: var(--border-color) !important;
  224.        color: var(--text-color) !important;
  225.    }
  226.    
  227.    /* Bootstrap Form Controls */
  228.    .form-control {
  229.        color: var(--text-color) !important;
  230.        background-color: var(--body-bg-color) !important;
  231.        border-color: var(--border-color) !important;
  232.        /* Remove font-family override - let data-font-scheme handle it */
  233.    }
  234.    
  235.    .form-control:focus {
  236.        border-color: var(--bs-primary) !important;
  237.        box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary), 0.25) !important;
  238.    }
  239.    
  240.    /* Links throughout site */
  241.  .nav1 a {
  242.        color: var(--link-color) !important;
  243.        text-decoration: none;
  244.        transition: all 0.3s ease;
  245.    }
  246.    
  247.    a:hover {
  248.        color: var(--link-hover) !important;
  249.    }
  250.    
  251.    /* Text color classes */
  252.    .text-muted {
  253.        color: var(--body-color) !important;
  254.    }
  255.    
  256.    .text-light {
  257.        color: var(--light) !important;
  258.    }
  259.    
  260.    /* Section backgrounds */
  261.    .section-bg,
  262.    .bg-light {
  263.        background-color: var(--section-bg-color) !important;
  264.    }
  265.    
  266.    /* Dark sections */
  267.    .bg-dark,
  268.    .dark-section {
  269.        background-color: var(--black-bg-color) !important;
  270.        color: var(--black-section-text-color) !important;
  271.    }
  272.    
  273.    /* Footer styling */
  274.    .footer,
  275.    footer {
  276.        
  277.            background-color: var(--footer-bg) !important;
  278.        
  279.        color: var(--footer-color) !important;
  280.    }
  281.    
  282.    .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6,
  283.    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  284.        color: var(--black-section-text-color) !important;
  285.        /* Remove font-family override - let data-font-scheme handle it */
  286.    }
  287.    
  288.    .footer a, footer a {
  289.        color: var(--black-section-text-color) !important;
  290.    }
  291.    
  292.    .footer a:hover, footer a:hover {
  293.        color: var(--bs-primary) !important;
  294.    }
  295.    
  296.    /* Bootstrap Secondary Colors */
  297.    .btn-secondary {
  298.        background-color: var(--bs-secondary) !important;
  299.        border-color: var(--bs-secondary) !important;
  300.    }
  301.    
  302.    .text-secondary {
  303.        color: var(--bs-secondary) !important;
  304.    }
  305.    
  306.    .bg-secondary {
  307.        background-color: var(--bs-secondary) !important;
  308.    }
  309.    
  310.    /* Bootstrap Success, Danger, Warning, Info */
  311.    .btn-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; }
  312.    .btn-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; }
  313.    .btn-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; }
  314.    .btn-info { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; }
  315.    
  316.    .text-success { color: var(--bs-success) !important; }
  317.    .text-danger { color: var(--bs-danger) !important; }
  318.    .text-warning { color: var(--bs-warning) !important; }
  319.    .text-info { color: var(--bs-info) !important; }
  320.    
  321.    .bg-success { background-color: var(--bs-success) !important; }
  322.    .bg-danger { background-color: var(--bs-danger) !important; }
  323.    .bg-warning { background-color: var(--bs-warning) !important; }
  324.    .bg-info { background-color: var(--bs-info) !important; }
  325.    
  326.    /* Mobile menu styling */
  327.    .navbar-toggler,
  328.    .open-btn {
  329.        border-color: var(--navbar-color) !important;
  330.    }
  331.    
  332.    .icon-bar {
  333.        background-color: var(--navbar-color) !important;
  334.    }
  335.    
  336.    /* Smooth Animations */
  337.    .fade-in-up {
  338.        animation: fadeInUp 0.6s ease-out;
  339.    }
  340.    
  341.    @keyframes fadeInUp {
  342.        from {
  343.            opacity: 0;
  344.            transform: translateY(30px);
  345.        }
  346.        to {
  347.            opacity: 1;
  348.            transform: translateY(0);
  349.        }
  350.    }
  351.    
  352.    /* Responsive adjustments */
  353.    @media (max-width: 768px) {
  354.        .navbar {
  355.            padding: 0.5rem 0;
  356.        }
  357.        
  358.        .card:hover {
  359.            transform: none;
  360.        }
  361.    }
  362.    
  363. </style>
  364.    
  365.    
  366.    
  367.  
  368. <script>
  369.    var _paq = window._paq = window._paq || [];
  370.    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  371.    _paq.push(['trackPageView']);
  372.    _paq.push(['enableLinkTracking']);
  373.    (function() {
  374.        var u = "//analytics.tech-vikings.com/";
  375.        _paq.push(['setTrackerUrl', u + 'matomo.php']);
  376.        _paq.push(['setSiteId', '2']);
  377.        var d = document,
  378.            g = d.createElement('script'),
  379.            s = d.getElementsByTagName('script')[0];
  380.        g.async = true;
  381.        g.src = u + 'matomo.js';
  382.        s.parentNode.insertBefore(g, s);
  383.    })();
  384. </script>
  385. </head>
  386.  
  387.  
  388.  
  389. <body class="page-blogapp:homepage theme-theme_90">
  390.    <div id="healthcheck"></div>
  391.    <!-- start page-wrapper -->
  392.    <div class="page-wrapper">
  393.        
  394.            <!-- start preloader -->
  395.                
  397.            <!-- end preloader -->
  398.        
  399.        <!-- Start header -->
  400.        <header id="header" class="wpo-site-header">
  401.            
  402.  
  403.  
  404.    
  405.  
  406.  
  407.  
  408. <div class="topbar ">
  409.  <div class="container-fluid fluid-container">
  410.    <div class="row align-items-center ">
  411.      <div class="col  col-lg-9 col-md-9 col-sm-12 col-12">
  412.        <div class="contact-intro ">
  413.          <ul class="d-flex gap-2 align-items-center">
  414.            <li class="update ">
  415.              <span class="bg-primary-gradient text-nowrap">New Update</span>
  416.            </li>
  417.            <li class="top-color">
  418.              <marquee direction="left" scrollamount="4" behavior="scroll" class="d-flex pt-1">
  419.                <p class="text-center mb-0">
  420.                  
  421.                  <a href="/tottenham-relieve-strain-on-thomas-frank-as-xavi-simons-seals-comfortable-victory-against-slavia-prague/" class="px-5 top-color">
  422.                    Tottenham Relieve Strain on Thomas Frank as Xavi Simons Seals Comfortable Victory Against Slavia Prague
  423.                  </a>
  424.                  
  425.                  <a href="/leonard-and-hungry-paul-review-a-gentle-series-featuring-the-voice-of-the-hollywood-star-brings-the-perfect-antidote-to-modern-life/" class="px-5 top-color">
  426.                    Leonard and Hungry Paul Review: A Gentle Series Featuring the Voice of the Hollywood Star Brings the Perfect Antidote to Modern Life
  427.                  </a>
  428.                  
  429.                  <a href="/creating-the-ideal-paneer-makhni-step-by-step-guide/" class="px-5 top-color">
  430.                    Creating the Ideal Paneer Makhni – Step-by-Step Guide
  431.                  </a>
  432.                  
  433.                  <a href="/british-and-scottish-governments-clash-over-footing-the-245m-cost-for-donald-trump-and-vance-trips/" class="px-5 top-color">
  434.                    British and Scottish Governments Clash Over Footing the £24.5m Cost for Donald Trump and Vance Trips
  435.                  </a>
  436.                  
  437.                  <a href="/nations-highest-court-approves-revised-lone-star-state-house-electoral-boundaries/" class="px-5 top-color">
  438.                    Nation&#x27;s Highest Court Approves Revised Lone Star State House Electoral Boundaries.
  439.                  </a>
  440.                  
  441.                </p>
  442.              </marquee>
  443.            </li>
  444.          </ul>
  445.        </div>
  446.      </div>
  447.      <div class="col col-lg-3 col-md-3 col-sm-12 col-12">
  448.        <div class="contact-info ">
  449.          <ul>
  450.            <li>
  451.              <a href="#" class="top-color"><i class="top-color ti-facebook"></i></a>
  452.            </li>
  453.            <li>
  454.              <a href="#" class="top-color"><i class="top-color ti-twitter-alt"></i></a>
  455.            </li>
  456.            <li>
  457.              <a href="#" class="top-color"><i class="top-color ti-instagram"></i></a>
  458.            </li>
  459.            <li>
  460.              <a href="#" class="top-color"><i class="top-color ti-google"></i></a>
  461.            </li>
  462.          </ul>
  463.        </div>
  464.      </div>
  465.    </div>
  466.  </div>
  467. </div>
  468.  
  469.  
  470.  
  471.  
  472.  
  473.            
  474.  
  475.  
  476.  
  477.  
  478.  
  479.  
  480. <header class="header-v2 mb-4">
  481.    <div class="main-header-v2">
  482.        <div class="container-fluid fluid-container">
  483.            <div class="row align-items-center">
  484.                <div class="col-lg-3 col-md-4 col-6">
  485.                   <div class="logo-area-v2">
  486.                        <a class="navbar-brand" href="/">
  487.                            
  488.                                Harbor Global Insights
  489.                            
  490.                        </a>
  491.                    </div>
  492.                </div>
  493.  
  494.                <div class="col-lg-6 col-md-8 col-6 d-none d-md-block">
  495.                    <div class="search-area-v2">
  496.                        <form class="search-wrapper-v2" action="#" method="get">
  497.                            <input type="search" class="search-field-v2"
  498.                                placeholder="Search articles, news, tutorials..." name="q" id="search-input1">
  499.                            <!-- <button type="submit" class="search-button-v2">
  500.                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  501.                                    stroke-width="2">
  502.                                    <circle cx="11" cy="11" r="8"></circle>
  503.                                    <path d="m21 21-4.35-4.35"></path>
  504.                                </svg>
  505.                                <span>Search</span>
  506.                            </button> -->
  507.                            <!-- The search results will be displayed here -->
  508.                        </form>
  509.                        <div id="search-results1" class="search-results-container search-v1"></div>
  510.                    </div>
  511.                </div>
  512.            </div>
  513.  
  514.            <!-- Mobile Search -->
  515.            <div class="row d-md-none">
  516.                <div class="col-12">
  517.                    <div class="search-area-v2">
  518.                        <form class="search-wrapper-v2" action="#" method="get">
  519.                            <input type="search" class="search-field-v2" placeholder="Search..." name="q" id="search-input">
  520.                            <!-- <button type="submit" class="search-button-v2">
  521.                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  522.                                    stroke-width="2">
  523.                                    <circle cx="11" cy="11" r="8"></circle>
  524.                                    <path d="m21 21-4.35-4.35"></path>
  525.                                </svg>
  526.                                <span>Search</span>
  527.                            </button> -->
  528.                        <!-- The search results will be displayed here -->
  529.                    </form>
  530.                    <div id="search-results12" class="search-results-container search-v1"></div>
  531.                    </div>
  532.                </div>
  533.            </div>
  534.        </div>
  535.    </div>
  536.  
  537.    <!-- Navigation Bar -->
  538.    <nav class="nav-bar-v2">
  539.        <div class="container-fluid fluid-container">
  540.            <div class="nav-container-v2 py-2">
  541.  
  542.                <!-- Mobile Menu Toggle -->
  543.                <button class="mobile-toggle d-lg-none" type="button" onclick="toggleMobileMenu()">
  544.                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  545.                        <line x1="3" y1="6" x2="21" y2="6"></line>
  546.                        <line x1="3" y1="12" x2="21" y2="12"></line>
  547.                        <line x1="3" y1="18" x2="21" y2="18"></line>
  548.                    </svg>
  549.                    Menu
  550.                </button>
  551.  
  552.                <!-- Navigation Menu -->
  553.                <ul class="nav-menu-v2" id="navMenu">
  554.  
  555.                    
  556.                    <li class="nav-item-v2">
  557.                        <a href="/" class="nav-link-v2 active-v2">Home</a>
  558.                    </li>
  559.  
  560.                    
  561.                    
  562.                     <li class="nav-item-v2">
  563.                        <a href="/category/all-posts/" class="nav-link-v2">
  564.                            All Posts
  565.                        </a>
  566.                        </li>
  567.  
  568.                        
  569.  
  570.                                
  571.                                
  572.                        
  573.                     <li class="nav-item-v2">
  574.                        <a href="/category/business/" class="nav-link-v2">
  575.                            Business
  576.                        </a>
  577.                        </li>
  578.  
  579.                        
  580.  
  581.                                
  582.                                
  583.                        
  584.                     <li class="nav-item-v2">
  585.                        <a href="/category/esports/" class="nav-link-v2">
  586.                            Esports
  587.                        </a>
  588.                        </li>
  589.  
  590.                        
  591.  
  592.                                
  593.                                
  594.                        
  595.                     <li class="nav-item-v2">
  596.                        <a href="/category/fashion/" class="nav-link-v2">
  597.                            Fashion
  598.                        </a>
  599.                        </li>
  600.  
  601.                        
  602.  
  603.                                
  604.                                
  605.                        
  606.                     <li class="nav-item-v2">
  607.                        <a href="/category/featured/" class="nav-link-v2">
  608.                            Featured
  609.                        </a>
  610.                        </li>
  611.  
  612.                        
  613.  
  614.                                
  615.                                
  616.                        
  617.                    
  618.                        
  619.                        <li class="nav-item-v2" onclick="toggleDropdown(this, event)">
  620.                            <a href="#" class="nav-link-v2">
  621.                                More
  622.                                <svg class="d-lg-none" width="12" height="12" style="margin-left: 5px;"
  623.                                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  624.                                    <path d="m6 9 6 6 6-6"></path>
  625.                                </svg>
  626.                            </a>
  627.                            <div class="dropdown-v2">
  628.                                <a href="/category/gaming/" class="dropdown-link-v2">
  629.                                    Gaming
  630.                                </a>
  631.                                
  632.  
  633.                                
  634.                                
  635.                        
  636.                    
  637.                                <a href="/category/health/" class="dropdown-link-v2">
  638.                                    Health
  639.                                </a>
  640.                                
  641.  
  642.                                
  643.                                
  644.                        
  645.                    
  646.                                <a href="/category/life-fitness/" class="dropdown-link-v2">
  647.                                    Life &amp; Fitness
  648.                                </a>
  649.                                
  650.  
  651.                                
  652.                                
  653.                        
  654.                    
  655.                                <a href="/category/lifestyle/" class="dropdown-link-v2">
  656.                                    Lifestyle
  657.                                </a>
  658.                                
  659.  
  660.                                
  661.                                
  662.                        
  663.                    
  664.                                <a href="/category/news/" class="dropdown-link-v2">
  665.                                    News
  666.                                </a>
  667.                                
  668.  
  669.                                
  670.                                
  671.                        
  672.                    
  673.                                <a href="/category/others/" class="dropdown-link-v2">
  674.                                    Others
  675.                                </a>
  676.                                
  677.  
  678.                                
  679.                                
  680.                        
  681.                    
  682.                                <a href="/category/politics/" class="dropdown-link-v2">
  683.                                    Politics
  684.                                </a>
  685.                                
  686.  
  687.                                
  688.                                
  689.                        
  690.                    
  691.                                <a href="/category/sports/" class="dropdown-link-v2">
  692.                                    Sports
  693.                                </a>
  694.                                
  695.  
  696.                                
  697.                                
  698.                        
  699.                    
  700.                                <a href="/category/tech/" class="dropdown-link-v2">
  701.                                    Tech
  702.                                </a>
  703.                                
  704.  
  705.                                
  706.                                
  707.                        
  708.                    
  709.                                <a href="/category/travel/" class="dropdown-link-v2">
  710.                                    Travel
  711.                                </a>
  712.                                
  713.  
  714.                                
  715.                                
  716.                            </div>
  717.                        </li>
  718.                        
  719.                        
  720. <li>
  721.                  <a href="/page/contact-us/">
  722.                     Contact Us
  723.                  </a>
  724.              </li>
  725.                </ul>
  726.  
  727.            </div>
  728.        </div>
  729.    </nav>
  730. </header>
  731.  
  732. <script>
  733.    function toggleMobileMenu() {
  734.        const navMenu = document.getElementById('navMenu');
  735.        navMenu.classList.toggle('show');
  736.    }
  737.  
  738.    function toggleDropdown(element, event) {
  739.        // Only handle dropdown toggle on mobile
  740.        if (window.innerWidth < 992) {
  741.            event.preventDefault();
  742.            element.classList.toggle('dropdown-open');
  743.        }
  744.    }
  745.  
  746.    // Close mobile menu when clicking outside
  747.    document.addEventListener('click', function (event) {
  748.        const navMenu = document.getElementById('navMenu');
  749.        const mobileToggle = document.querySelector('.mobile-toggle');
  750.  
  751.        if (!navMenu.contains(event.target) && !mobileToggle.contains(event.target)) {
  752.            navMenu.classList.remove('show');
  753.        }
  754.    });
  755.  
  756.    // Handle window resize
  757.    window.addEventListener('resize', function () {
  758.        const navMenu = document.getElementById('navMenu');
  759.        if (window.innerWidth >= 992) {
  760.            navMenu.classList.remove('show');
  761.            // Remove all dropdown-open classes
  762.            document.querySelectorAll('.dropdown-open').forEach(item => {
  763.                item.classList.remove('dropdown-open');
  764.            });
  765.        }
  766.    });
  767. </script>
  768.  
  769. <script>
  770.  document.addEventListener("DOMContentLoaded", function () {
  771.    console.log("loaded");
  772.  
  773.    //const searchInput = document.getElementById("search-input1");
  774.     const searchInput = window.innerWidth <= 991
  775.      ? document.getElementById("search-input")
  776.      : document.getElementById("search-input1");
  777.    const searchResults = window.innerWidth <= 991
  778.      ? document.getElementById("search-results12") :document.getElementById("search-results1");
  779.  
  780.    if (!searchInput || !searchResults) {
  781.      console.error("Search input/results not found");
  782.      return;
  783.    }
  784.  
  785.    // Prevent form submission
  786.    if (searchInput.form) {
  787.      searchInput.form.addEventListener("submit", function (e) {
  788.        e.preventDefault();
  789.      });
  790.    }
  791.  
  792.    // Add event listener for keyup
  793.    searchInput.addEventListener("keyup", function (e) {
  794.      console.log("Key pressed:", e.key);
  795.      e.preventDefault();
  796.  
  797.      const query = searchInput.value.trim();
  798.      console.log("User is typing: " + query);
  799.  
  800.      // If empty → clear and hide
  801.      if (query === "") {
  802.        searchResults.innerHTML = "";
  803.        searchResults.style.display = "none";
  804.        return;
  805.      }
  806.  
  807.      // Show results
  808.      searchResults.style.display = "block";
  809.  
  810.      // Fetch search results
  811.      fetch("/search-posts?version=v1&q=" + encodeURIComponent(query), {
  812.        method: "GET",
  813.        headers: { "X-Requested-With": "XMLHttpRequest" },
  814.      })
  815.        .then(response => {
  816.          console.log("Response Status:", response.status);
  817.          return response.json();
  818.        })
  819.        .then(data => {
  820.          console.log("Data received:", data);
  821.          if (data.html) {
  822.            searchResults.innerHTML = data.html;
  823.          } else {
  824.            searchResults.innerHTML = "<p>No results found.</p>";
  825.          }
  826.        })
  827.        .catch(error => {
  828.          console.error("Error fetching search results:", error);
  829.        });
  830.    });
  831.  
  832.    // Close results when clicking outside
  833.    document.addEventListener("click", function (e) {
  834.      if (!searchInput.contains(e.target) && !searchResults.contains(e.target)) {
  835.        searchResults.style.display = "none";
  836.      }
  837.    });
  838.  
  839.    // Close results on ESC key
  840.    document.addEventListener("keydown", function (e) {
  841.      if (e.key === "Escape") {
  842.        searchResults.style.display = "none";
  843.      }
  844.    });
  845.  });
  846. </script>
  847.  
  848. <style>
  849.        /* search field */
  850.  .search-results-container {
  851.  position: absolute;
  852.  top: 100%; /* Position it below the input field */
  853.  left: 10px;
  854.  right: 10px;
  855.  background-color: white;
  856.  border: 1px solid #ddd;
  857.  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  858.  max-height: 300px;
  859.  overflow-y: auto;
  860.  z-index: 1000;
  861.  display: none; /* Initially hidden */
  862. }
  863.  
  864. .search-results-container p {
  865.  margin: 0;
  866. }
  867.  
  868. .search-results-container .result-item {
  869.  padding: 10px;
  870.  cursor: pointer;
  871. }
  872.  
  873. .search-results-container .result-item:hover {
  874.  background-color: #f0f0f0;
  875. }
  876. </style>
  877.  
  878.        </header>
  879.        <!-- end of header -->
  880.        <!-- start of wpo-blog-hero -->
  881.        
  882.  
  883.  
  884.  
  885.  
  886.  
  887.  
  888.  
  889. <div class="blog-hero-v5">
  890.  <div class="container-fluid fluid-container">
  891.    <!-- Hero Header -->
  892.  
  893.    <!-- Main Content Grid -->
  894.    <div class="row g-4">
  895.      <!-- Large Featured Post - Left Side -->
  896.      <div class="col-lg-6 col-md-12">
  897.        
  898.        
  899.          
  900.        <div class="large-featured-card">
  901.          <div class="card-image-wrapper">
  902.            
  903.                <img  src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="" class="card-image">
  904.            
  905.            <div class="image-overlay">
  906.              <span class="category-pill fashion bg-primary-gradient">News</span>
  907.            </div>
  908.          </div>
  909.          <div class="card-content">
  910.            <h2 class="card-title"><a class="top-color" href="/medical-experts-from-scotland-and-america-accomplish-historic-stroke-surgery-using-robotic-system/">
  911.                                        Medical Experts from Scotland and America Accomplish Historic Stroke Surgery Using Robotic System
  912.                                    </a></h2>
  913.            <p class="card-description"></p>
  914.            <div class="card-footer">
  915.              <div class="author-section">
  916.                <div class="author-avatar">
  917.                  
  918.                        <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="author-img">
  919.                    
  920.                </div>
  921.                <div class="author-details">
  922.                  <span class="author-name">Nicholas Bartlett</span>
  923.                  <span class="publish-date">14 May 2026</span>
  924.                </div>
  925.              </div>
  926.              <div class="read-time">
  927.                <!-- <span>9 min read</span> -->
  928.              </div>
  929.            </div>
  930.          </div>
  931.        </div>
  932.  
  933.        
  934.      </div>
  935.      
  936.  
  937.      <!-- Right Side - Grid of Posts -->
  938.      <div class="col-lg-6 col-md-12">
  939.        <div class="row h-100">
  940.          
  941.          
  942.            
  943.          <!-- Medium Featured Post -->
  944.          <div class="col-12 mb-3">
  945.            <div class="medium-featured-card h-100">
  946.              <div class="row g-0 h-100">
  947.                <div class="col-md-6">
  948.                  <div class="medium-image-wrapper">
  949.                    
  950.                          <img  src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  951.                      
  952.                    <div class="medium-overlay">
  953.                      <span class="category-pill travel bg-primary-gradient">News</span>
  954.                    </div>
  955.                  </div>
  956.                </div>
  957.                <div class="col-md-6">
  958.                  <div class="medium-content">
  959.                    <h3 class="medium-title"><a class="top-color" href="/chinas-draft-artificial-intelligence-guidelines-focus-to-provide-youth-safeguards-and-self-harm-risk-management/">
  960.                                        China&#x27;s Draft Artificial Intelligence Guidelines Focus to Provide Youth Safeguards and Self-Harm Risk Management.
  961.                                    </a></h3>
  962.                    <p class="medium-excerpt"></p>
  963.                    <div class="medium-meta">
  964.                      <span class="author">By Nicholas Bartlett</span>
  965.                      <span class="date">13 May 2026</span>
  966.                    </div>
  967.                  </div>
  968.                </div>
  969.              </div>
  970.            </div>
  971.          </div>
  972.  
  973.          
  974.          
  975.  
  976.          
  977.            <!-- Small Cards Row -->
  978.            <div class="col-md-6 col-12 mb-md-0 mb-3">
  979.              <div class="small-card h-100">
  980.                <div class="small-image-wrapper">
  981.                    
  982.                        <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg"
  983.                            style="object-fit: cover;" alt="">
  984.                    
  985.                  <span class="small-category bg-primary-gradient">News</span>
  986.                </div>
  987.                <div class="small-content">
  988.                  <h4 class="small-title"> <a class="top-color" href="/californias-governor-confirms-he-is-weighing-a-presidential-campaign-for-2028/" >
  989.                                        California&#x27;s Governor Confirms He Is Weighing a Presidential Campaign for 2028
  990.                                    </a></h4>
  991.                  <p class="medium-excerpt"></p>
  992.                  <div class="small-meta">
  993.                    <span>By Nicholas Bartlett</span>
  994.                    <span>13 May 2026</span>
  995.                  </div>
  996.                </div>
  997.              </div>
  998.            </div>
  999.            
  1000.            <!-- Small Cards Row -->
  1001.            <div class="col-md-6 col-12 mb-md-0 mb-3">
  1002.              <div class="small-card h-100">
  1003.                <div class="small-image-wrapper">
  1004.                    
  1005.                        <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg"
  1006.                            style="object-fit: cover;" alt="">
  1007.                    
  1008.                  <span class="small-category bg-primary-gradient">News</span>
  1009.                </div>
  1010.                <div class="small-content">
  1011.                  <h4 class="small-title"> <a class="top-color" href="/certain-factions-on-the-opposing-sides-who-offer-only-discontent-ministers-are-moving-forward-with-the-job-of-economic-rejuvenation/" >
  1012.                                        Certain factions on the opposing sides who offer only discontent: Ministers are moving forward with the job of economic rejuvenation.
  1013.                                    </a></h4>
  1014.                  <p class="medium-excerpt"></p>
  1015.                  <div class="small-meta">
  1016.                    <span>By Nicholas Bartlett</span>
  1017.                    <span>13 May 2026</span>
  1018.                  </div>
  1019.                </div>
  1020.              </div>
  1021.            </div>
  1022.            
  1023.  
  1024.        </div>
  1025.      </div>
  1026.    </div>
  1027.  </div>
  1028. </div>
  1029.  
  1030. <style>
  1031.  /* Blog Hero V5 - Clean Card Grid Design */
  1032.  :root {
  1033.    --shadow-light: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  1034.    --shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  1035.    --shadow-heavy: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  1036.  
  1037.    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  1038.  }
  1039.  
  1040.  .blog-hero-v5 {
  1041.    padding: 4rem 0;
  1042.  }
  1043.  
  1044.  /* Hero Header */
  1045.  .hero-header {
  1046.    margin-bottom: 2rem;
  1047.  }
  1048.  
  1049.  .hero-title {
  1050.    font-size: 3.5rem;
  1051.    font-weight: 800;
  1052.    color: var(--text-dark);
  1053.    margin-bottom: 1rem;
  1054.    letter-spacing: -0.025em;
  1055.    line-height: 1.1;
  1056.  }
  1057.  
  1058.  .hero-subtitle {
  1059.    font-size: 1.25rem;
  1060.    color: var(--text-light);
  1061.    font-weight: 400;
  1062.    max-width: 600px;
  1063.    margin: 0 auto;
  1064.  }
  1065.  
  1066.  /* Large Featured Card */
  1067.  .large-featured-card {
  1068.    background: var(--card-bg);
  1069.    border-radius: var(--border-radius);
  1070.    box-shadow: var(--shadow-medium);
  1071.    overflow: hidden;
  1072.    height: 100%;
  1073.    transition: var(--transition);
  1074.    border: 1px solid var(--border-color);
  1075.  }
  1076.  
  1077.  .large-featured-card:hover {
  1078.    transform: translateY(-8px);
  1079.    box-shadow: var(--shadow-heavy);
  1080.  }
  1081.  
  1082.  .card-image-wrapper {
  1083.    position: relative;
  1084.    height: 280px;
  1085.    overflow: hidden;
  1086.  }
  1087.  
  1088.  .card-image {
  1089.    width: 100%;
  1090.    height: 100%;
  1091.    object-fit: cover;
  1092.    transition: var(--transition);
  1093.  }
  1094.  
  1095.  .large-featured-card:hover .card-image {
  1096.    transform: scale(1.05);
  1097.  }
  1098.  
  1099.  .image-overlay {
  1100.    position: absolute;
  1101.    top: 1.5rem;
  1102.    left: 1.5rem;
  1103.  }
  1104.  
  1105.  .card-content {
  1106.    padding: 2rem;
  1107.  }
  1108.  
  1109.  .card-title {
  1110.    font-size: 1.75rem;
  1111.    font-weight: 700;
  1112.    color: var(--text-dark);
  1113.    margin-bottom: 1rem;
  1114.    line-height: 1.3;
  1115.  }
  1116.  
  1117.  .card-description {
  1118.    color: var(--text-light);
  1119.    font-size: 1rem;
  1120.    line-height: 1.6;
  1121.    margin-bottom: 2rem;
  1122.  }
  1123.  
  1124.  .card-footer {
  1125.    display: flex;
  1126.    align-items: center;
  1127.    justify-content: space-between;
  1128.  }
  1129.  
  1130.  .author-section {
  1131.    display: flex;
  1132.    align-items: center;
  1133.    gap: 1rem;
  1134.  }
  1135.  
  1136.  .author-avatar {
  1137.    width: 48px;
  1138.    height: 48px;
  1139.    border-radius: 50%;
  1140.    overflow: hidden;
  1141.    border: 2px solid var(--border-color);
  1142.  }
  1143.  
  1144.  .author-avatar img {
  1145.    width: 100%;
  1146.    height: 100%;
  1147.    object-fit: cover;
  1148.  }
  1149.  
  1150.  .author-details {
  1151.    display: flex;
  1152.    flex-direction: column;
  1153.  }
  1154.  
  1155.  .author-name {
  1156.    font-weight: 600;
  1157.    color: var(--text-dark);
  1158.    font-size: 0.95rem;
  1159.  }
  1160.  
  1161.  .publish-date {
  1162.    color: var(--text-light);
  1163.    font-size: 0.875rem;
  1164.  }
  1165.  
  1166.  .read-time {
  1167.    background: var(--card-bg);
  1168.    padding: 0.5rem 1rem;
  1169.    border-radius: 20px;
  1170.    font-size: 0.875rem;
  1171.    color: var(--text-light);
  1172.    font-weight: 500;
  1173.  }
  1174.  
  1175.  /* Category Pills */
  1176.  .category-pill {
  1177.    display: inline-block;
  1178.    padding: 0.5rem 1rem;
  1179.    font-size: 0.75rem;
  1180.    font-weight: 600;
  1181.    text-transform: uppercase;
  1182.    letter-spacing: 0.05em;
  1183.    border-radius: 20px;
  1184.    color: white;
  1185.  }
  1186.  
  1187.  
  1188.  /* Medium Featured Card */
  1189.  .medium-featured-card {
  1190.    background: var(--card-bg);
  1191.    border-radius: var(--border-radius);
  1192.    box-shadow: var(--shadow-light);
  1193.    overflow: hidden;
  1194.    height: 220px;
  1195.    transition: var(--transition);
  1196.    border: 1px solid var(--border-color);
  1197.  }
  1198.  
  1199.  .medium-featured-card:hover {
  1200.    transform: translateY(-4px);
  1201.    box-shadow: var(--shadow-medium);
  1202.  }
  1203.  
  1204.  .medium-image-wrapper {
  1205.    position: relative;
  1206.    height: 100%;
  1207.    overflow: hidden;
  1208.  }
  1209.  
  1210.  .medium-image-wrapper img {
  1211.    width: 100%;
  1212.    height: 100%;
  1213.    object-fit: cover;
  1214.    transition: var(--transition);
  1215.  }
  1216.  
  1217.  .medium-featured-card:hover .medium-image-wrapper img {
  1218.    transform: scale(1.05);
  1219.  }
  1220.  
  1221.  .medium-overlay {
  1222.    position: absolute;
  1223.    top: 1rem;
  1224.    left: 1rem;
  1225.  }
  1226.  
  1227.  .medium-content {
  1228.    padding: 1.5rem;
  1229.    display: flex;
  1230.    flex-direction: column;
  1231.    justify-content: space-between;
  1232.    height: 100%;
  1233.  }
  1234.  
  1235.  .medium-title {
  1236.    font-size: 1.25rem;
  1237.    font-weight: 600;
  1238.    color: var(--text-dark);
  1239.    margin-bottom: 0.75rem;
  1240.    line-height: 1.3;
  1241.  }
  1242.  
  1243.  .medium-excerpt {
  1244.    color: var(--text-light);
  1245.    font-size: 0.9rem;
  1246.    line-height: 1.5;
  1247.    margin-bottom: 1rem;
  1248.    flex-grow: 1;
  1249.  }
  1250.  
  1251.  .medium-meta {
  1252.    display: flex;
  1253.    flex-direction: column;
  1254.    gap: 0.25rem;
  1255.    font-size: 0.8rem;
  1256.  }
  1257.  
  1258.  /* Small Cards */
  1259.  .small-card {
  1260.    background: var(--card-bg);
  1261.    border-radius: var(--border-radius);
  1262.    box-shadow: var(--shadow-light);
  1263.    overflow: hidden;
  1264.    transition: var(--transition);
  1265.    border: 1px solid var(--border-color);
  1266.    display: flex;
  1267.    flex-direction: column;
  1268.  }
  1269.  
  1270.  .small-card:hover {
  1271.    transform: translateY(-4px);
  1272.    box-shadow: var(--shadow-medium);
  1273.  }
  1274.  
  1275.  .small-image-wrapper {
  1276.    position: relative;
  1277.    height: 140px;
  1278.    overflow: hidden;
  1279.    flex-shrink: 0;
  1280.  }
  1281.  
  1282.  .small-image-wrapper img {
  1283.    width: 100%;
  1284.    height: 100%;
  1285.    object-fit: cover;
  1286.    transition: var(--transition);
  1287.  }
  1288.  
  1289.  .small-card:hover .small-image-wrapper img {
  1290.    transform: scale(1.05);
  1291.  }
  1292.  
  1293.  .small-category {
  1294.    position: absolute;
  1295.    top: 0.75rem;
  1296.    left: 0.75rem;
  1297.    padding: 0.25rem 0.75rem;
  1298.    font-size: 0.7rem;
  1299.    font-weight: 600;
  1300.    text-transform: uppercase;
  1301.    border-radius: 12px;
  1302.    color: white;
  1303.  }
  1304.  
  1305.  
  1306.  .small-content {
  1307.    padding: 1rem;
  1308.    flex-grow: 1;
  1309.    display: flex;
  1310.    flex-direction: column;
  1311.    justify-content: space-between;
  1312.  }
  1313.  
  1314.  .small-title {
  1315.    font-size: 1rem;
  1316.    font-weight: 600;
  1317.    color: var(--text-dark);
  1318.    margin-bottom: 0.75rem;
  1319.    line-height: 1.3;
  1320.  }
  1321.  
  1322.  .small-meta {
  1323.    display: flex;
  1324.    justify-content: space-between;
  1325.    font-size: 0.75rem;
  1326.    color: var(--text-light);
  1327.  }
  1328.  
  1329.  /* Stats Section - Removed */
  1330.  
  1331.  /* Responsive Design */
  1332.  @media (max-width: 992px) {
  1333.    .hero-title {
  1334.      font-size: 2.5rem;
  1335.    }
  1336.  
  1337.    .card-content {
  1338.      padding: 1.5rem;
  1339.    }
  1340.  
  1341.    .card-title {
  1342.      font-size: 1.5rem;
  1343.    }
  1344.  
  1345.    .medium-featured-card {
  1346.      height: auto;
  1347.    }
  1348.  
  1349.    .medium-content {
  1350.      height: auto;
  1351.    }
  1352.  }
  1353.  
  1354.  @media (max-width: 768px) {
  1355.    .blog-hero-v5 {
  1356.      padding: 2rem 0;
  1357.    }
  1358.  
  1359.    .hero-title {
  1360.      font-size: 2rem;
  1361.    }
  1362.  
  1363.    .hero-subtitle {
  1364.      font-size: 1rem;
  1365.    }
  1366.  
  1367.    .card-image-wrapper {
  1368.      height: 200px;
  1369.    }
  1370.  
  1371.    .medium-featured-card {
  1372.      height: auto;
  1373.    }
  1374.  
  1375.    .medium-image-wrapper {
  1376.      height: 150px;
  1377.    }
  1378.  
  1379.    .small-image-wrapper {
  1380.      height: 120px;
  1381.    }
  1382.  }
  1383.  
  1384.  @media (max-width: 576px) {
  1385.    .card-footer {
  1386.      flex-direction: column;
  1387.      align-items: flex-start;
  1388.      gap: 1rem;
  1389.    }
  1390.  
  1391.    .stat-number {
  1392.      font-size: 1.5rem;
  1393.    }
  1394.  }
  1395. </style>
  1396.  
  1397.  
  1398.  
  1399.  
  1400.  
  1401.        <!-- end of wpo-blog-hero -->
  1402.  
  1403.        <!-- start of wpo-breacking-news -->
  1404.        
  1405.        <!-- end of wpo-breacking-news -->
  1406.        
  1407.        <!-- start wpo-blog-highlights-section -->
  1408.        
  1409.  
  1410.  
  1411.  
  1412.    
  1413.  
  1414.  
  1415.  <style>
  1416.    .blog-section {
  1417.      padding: 60px 0;
  1418.    }
  1419.  
  1420.    .blog-card {
  1421.      background: var(--card-bg);
  1422.      border-radius: 12px;
  1423.      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  1424.      transition: box-shadow 0.3s ease, transform 0.3s ease;
  1425.      margin-bottom: 30px;
  1426.      overflow: hidden;
  1427.      border: none;
  1428.    }
  1429.  
  1430.    .blog-card-body {
  1431.      padding: 30px;
  1432.    }
  1433.  
  1434.    .blog-category {
  1435.      display: inline-block;
  1436.      padding: 6px 16px;
  1437.      border-radius: 20px;
  1438.      font-size: 12px;
  1439.      font-weight: 600;
  1440.      text-transform: uppercase;
  1441.      letter-spacing: 0.5px;
  1442.      margin-bottom: 20px;
  1443.    }
  1444.  
  1445.    .blog-title {
  1446.      font-weight: 700;
  1447.      color: var(--topbar-color);
  1448.      margin-bottom: 20px;
  1449.      line-height: 1.4;
  1450.      text-decoration: none;
  1451.    }
  1452.  
  1453.    .blog-title:hover {
  1454.      color: #1e40af !important;
  1455.      text-decoration: none;
  1456.    }
  1457.  
  1458.    .blog-meta {
  1459.      display: flex;
  1460.      align-items: center;
  1461.      margin-bottom: 20px;
  1462.      color: var(--topbar-color);
  1463.      font-size: 14px;
  1464.    }
  1465.  
  1466.    .blog-meta img {
  1467.      width: 35px;
  1468.      height: 35px;
  1469.      border-radius: 50%;
  1470.      object-fit: cover;
  1471.      display: block;
  1472.    }
  1473.  
  1474.    .blog-meta .meta-info {
  1475.      display: flex;
  1476.      align-items: center;
  1477.      gap: 15px;
  1478.    }
  1479.  
  1480.    .blog-description {
  1481.      color: var(--topbar-color);
  1482.      line-height: 1.7;
  1483.      margin-bottom: 25px;
  1484.      font-size: 15px;
  1485.    }
  1486.  
  1487.    .read-more-btn {
  1488.      background: transparent;
  1489.      border: 2px solid var(--bs-primary);
  1490.      color: var(--bs-primary);
  1491.      padding: 12px 30px;
  1492.      border-radius: 6px;
  1493.      font-weight: 600;
  1494.      text-transform: uppercase;
  1495.      letter-spacing: 0.5px;
  1496.      transition: all 0.3s ease;
  1497.      text-decoration: none;
  1498.      display: inline-block;
  1499.      font-size: 13px;
  1500.    }
  1501.  
  1502.    .read-more-btn:hover {
  1503.      background: var(--bs-primary);
  1504.      color: var(--bs-white) !important;
  1505.      text-decoration: none;
  1506.    }
  1507.  
  1508.    .section-title {
  1509.      text-align: center;
  1510.      margin-bottom: 50px;
  1511.    }
  1512.  
  1513.    .section-title h2 {
  1514.      font-size: 42px;
  1515.      font-weight: 800;
  1516.      color: #2c3e50;
  1517.      margin-bottom: 15px;
  1518.    }
  1519.  
  1520.    .section-title p {
  1521.      color: #6c757d;
  1522.      font-size: 18px;
  1523.      max-width: 600px;
  1524.      margin: 0 auto;
  1525.    }
  1526.  
  1527.    .avatar-placeholder {
  1528.      width: 35px;
  1529.      height: 35px;
  1530.      border-radius: 50%;
  1531.      background: linear-gradient(45deg, var(--bs-primary), #20c997);
  1532.      display: flex;
  1533.      align-items: center;
  1534.      justify-content: center;
  1535.      color: var(--bs-white);
  1536.      font-weight: bold;
  1537.      margin-right: 12px;
  1538.      overflow: hidden;
  1539.    }
  1540.  
  1541.    @media (max-width: 768px) {
  1542.  
  1543.  
  1544.      .section-title h2 {
  1545.        font-size: 32px;
  1546.      }
  1547.  
  1548.      .blog-card-body {
  1549.        padding: 20px;
  1550.      }
  1551.    }
  1552.  
  1553.    /* ===== Smooth Fade on Scroll (Up & Down) ===== */
  1554.    :root{
  1555.      --fade-distance: 28px;
  1556.      --fade-duration: 700ms;
  1557.      --fade-ease: cubic-bezier(0.16,1,0.3,1);
  1558.    }
  1559.  
  1560.    .fade-base{
  1561.      opacity: 0;
  1562.      filter: blur(2px);
  1563.      transform: translateY(var(--y,0)) translateZ(0); /* GPU hint */
  1564.      transition:
  1565.        opacity var(--dur, var(--fade-duration)) var(--ease, var(--fade-ease)) var(--stagger, 0ms),
  1566.        transform var(--dur, var(--fade-duration)) var(--ease, var(--fade-ease)) var(--stagger, 0ms),
  1567.        filter var(--dur, var(--fade-duration)) var(--ease, var(--fade-ease)) var(--stagger, 0ms);
  1568.      will-change: transform, opacity, filter;
  1569.    }
  1570.    .fade-up   { --y: var(--fade-distance); }          /* when entering on scroll down */
  1571.    .fade-down { --y: calc(var(--fade-distance) * -1); }/* when entering on scroll up */
  1572.  
  1573.    .fade-show{
  1574.      opacity: 1;
  1575.      filter: blur(0);
  1576.      transform: translateY(0) translateZ(0);
  1577.    }
  1578.  
  1579.    /* Hover should still work after fade-in */
  1580.    .blog-card.fade-show:hover{
  1581.      transform: translateY(-5px) translateZ(0);
  1582.      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  1583.    }
  1584.  
  1585.    /* Reduced motion */
  1586.    @media (prefers-reduced-motion: reduce){
  1587.      .fade-base{
  1588.        transition: none !important;
  1589.        transform: none !important;
  1590.        opacity: 1 !important;
  1591.        filter: none !important;
  1592.      }
  1593.      .blog-card.fade-show:hover{
  1594.        transform: none !important;
  1595.        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  1596.      }
  1597.    }
  1598.  </style>
  1599.  
  1600.  <section class="blog-section">
  1601.    <div class="container-fluid fluid-container">
  1602.      <div class="row">
  1603.        <div class="section-title ">
  1604.          <h2>
  1605.                Today's Top Highlights
  1606.                   </h2>
  1607.          <p>Stay updated with the latest insights and trends in online gaming</p>
  1608.        </div>
  1609.  
  1610.        <div class="col-lg-8 col-12">
  1611.          
  1612.            <div class="blog-card fade-base">
  1613.              <div class="blog-card-body">
  1614.                <span class="blog-category bg-primary-gradient">News</span>
  1615.                <h3>
  1616.                  <a href="/england-include-bashir-in-line-up-for-ashes-opener/" class="blog-title">
  1617.                    England Include Bashir in Line-up for Ashes Opener
  1618.                  </a>
  1619.                </h3>
  1620.                <div class="blog-meta">
  1621.                  <div class="avatar-placeholder">
  1622.                    
  1623.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1624.                    
  1625.                  </div>
  1626.                  <div class="meta-info">
  1627.                    <span>Nicholas Bartlett</span>
  1628.                    <span><i class="far fa-clock"></i> 13 May 2026</span>
  1629.                  </div>
  1630.                </div>
  1631.                <p class="blog-description"></p>
  1632.                <a href="/england-include-bashir-in-line-up-for-ashes-opener/" class="read-more-btn">READ MORE</a>
  1633.              </div>
  1634.            </div>
  1635.          
  1636.            <div class="blog-card fade-base">
  1637.              <div class="blog-card-body">
  1638.                <span class="blog-category bg-primary-gradient">News</span>
  1639.                <h3>
  1640.                  <a href="/olympian-and-several-eritreans-freed-after-18-years-without-facing-charges-relatives-report/" class="blog-title">
  1641.                    Olympian and Several Eritreans Freed After 18 Years Without Facing Charges, Relatives Report
  1642.                  </a>
  1643.                </h3>
  1644.                <div class="blog-meta">
  1645.                  <div class="avatar-placeholder">
  1646.                    
  1647.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1648.                    
  1649.                  </div>
  1650.                  <div class="meta-info">
  1651.                    <span>Nicholas Bartlett</span>
  1652.                    <span><i class="far fa-clock"></i> 13 May 2026</span>
  1653.                  </div>
  1654.                </div>
  1655.                <p class="blog-description"></p>
  1656.                <a href="/olympian-and-several-eritreans-freed-after-18-years-without-facing-charges-relatives-report/" class="read-more-btn">READ MORE</a>
  1657.              </div>
  1658.            </div>
  1659.          
  1660.            <div class="blog-card fade-base">
  1661.              <div class="blog-card-body">
  1662.                <span class="blog-category bg-primary-gradient">News</span>
  1663.                <h3>
  1664.                  <a href="/kpop-demon-hunters-floats-to-take-center-stage-at-macys-thanksgiving-day-parade/" class="blog-title">
  1665.                    KPop Demon Hunters Floats to Take Center Stage at Macy&#x27;s Thanksgiving Day Parade
  1666.                  </a>
  1667.                </h3>
  1668.                <div class="blog-meta">
  1669.                  <div class="avatar-placeholder">
  1670.                    
  1671.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1672.                    
  1673.                  </div>
  1674.                  <div class="meta-info">
  1675.                    <span>Nicholas Bartlett</span>
  1676.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1677.                  </div>
  1678.                </div>
  1679.                <p class="blog-description"></p>
  1680.                <a href="/kpop-demon-hunters-floats-to-take-center-stage-at-macys-thanksgiving-day-parade/" class="read-more-btn">READ MORE</a>
  1681.              </div>
  1682.            </div>
  1683.          
  1684.            <div class="blog-card fade-base">
  1685.              <div class="blog-card-body">
  1686.                <span class="blog-category bg-primary-gradient">News</span>
  1687.                <h3>
  1688.                  <a href="/disturbing-discovery-bodies-of-missing-mother-and-child-found-in-freezers-in-the-alpine-nation/" class="blog-title">
  1689.                    Disturbing Discovery: Bodies of Missing Mother and Child Found in Freezers in the Alpine Nation
  1690.                  </a>
  1691.                </h3>
  1692.                <div class="blog-meta">
  1693.                  <div class="avatar-placeholder">
  1694.                    
  1695.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1696.                    
  1697.                  </div>
  1698.                  <div class="meta-info">
  1699.                    <span>Nicholas Bartlett</span>
  1700.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1701.                  </div>
  1702.                </div>
  1703.                <p class="blog-description"></p>
  1704.                <a href="/disturbing-discovery-bodies-of-missing-mother-and-child-found-in-freezers-in-the-alpine-nation/" class="read-more-btn">READ MORE</a>
  1705.              </div>
  1706.            </div>
  1707.          
  1708.            <div class="blog-card fade-base">
  1709.              <div class="blog-card-body">
  1710.                <span class="blog-category bg-primary-gradient">News</span>
  1711.                <h3>
  1712.                  <a href="/the-music-streaming-giants-wrapped-launch-date-plus-key-inquiries-answered/" class="blog-title">
  1713.                    The Music Streaming Giant&#x27;s Wrapped: Launch Date plus Key Inquiries Answered
  1714.                  </a>
  1715.                </h3>
  1716.                <div class="blog-meta">
  1717.                  <div class="avatar-placeholder">
  1718.                    
  1719.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1720.                    
  1721.                  </div>
  1722.                  <div class="meta-info">
  1723.                    <span>Nicholas Bartlett</span>
  1724.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1725.                  </div>
  1726.                </div>
  1727.                <p class="blog-description"></p>
  1728.                <a href="/the-music-streaming-giants-wrapped-launch-date-plus-key-inquiries-answered/" class="read-more-btn">READ MORE</a>
  1729.              </div>
  1730.            </div>
  1731.          
  1732.            <div class="blog-card fade-base">
  1733.              <div class="blog-card-body">
  1734.                <span class="blog-category bg-primary-gradient">News</span>
  1735.                <h3>
  1736.                  <a href="/calm-end-to-lionel-messis-visit-to-india-after-unrest-in-kolkata/" class="blog-title">
  1737.                    Calm End to Lionel Messi&#x27;s Visit to India After Unrest in Kolkata
  1738.                  </a>
  1739.                </h3>
  1740.                <div class="blog-meta">
  1741.                  <div class="avatar-placeholder">
  1742.                    
  1743.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1744.                    
  1745.                  </div>
  1746.                  <div class="meta-info">
  1747.                    <span>Nicholas Bartlett</span>
  1748.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1749.                  </div>
  1750.                </div>
  1751.                <p class="blog-description"></p>
  1752.                <a href="/calm-end-to-lionel-messis-visit-to-india-after-unrest-in-kolkata/" class="read-more-btn">READ MORE</a>
  1753.              </div>
  1754.            </div>
  1755.          
  1756.            <div class="blog-card fade-base">
  1757.              <div class="blog-card-body">
  1758.                <span class="blog-category bg-primary-gradient">News</span>
  1759.                <h3>
  1760.                  <a href="/esteemed-photographer-brian-harris-life-story-a-life-through-the-lens/" class="blog-title">
  1761.                    Esteemed Photographer Brian Harris Life Story: A Life Through the Lens
  1762.                  </a>
  1763.                </h3>
  1764.                <div class="blog-meta">
  1765.                  <div class="avatar-placeholder">
  1766.                    
  1767.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1768.                    
  1769.                  </div>
  1770.                  <div class="meta-info">
  1771.                    <span>Nicholas Bartlett</span>
  1772.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1773.                  </div>
  1774.                </div>
  1775.                <p class="blog-description"></p>
  1776.                <a href="/esteemed-photographer-brian-harris-life-story-a-life-through-the-lens/" class="read-more-btn">READ MORE</a>
  1777.              </div>
  1778.            </div>
  1779.          
  1780.            <div class="blog-card fade-base">
  1781.              <div class="blog-card-body">
  1782.                <span class="blog-category bg-primary-gradient">News</span>
  1783.                <h3>
  1784.                  <a href="/metropolitan-museum-confronts-lawsuit-over-reportedly-nazi-plundered-van-gogh-masterpiece/" class="blog-title">
  1785.                    Metropolitan Museum Confronts Lawsuit Over Reportedly Nazi-Plundered Van Gogh Masterpiece
  1786.                  </a>
  1787.                </h3>
  1788.                <div class="blog-meta">
  1789.                  <div class="avatar-placeholder">
  1790.                    
  1791.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1792.                    
  1793.                  </div>
  1794.                  <div class="meta-info">
  1795.                    <span>Nicholas Bartlett</span>
  1796.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1797.                  </div>
  1798.                </div>
  1799.                <p class="blog-description"></p>
  1800.                <a href="/metropolitan-museum-confronts-lawsuit-over-reportedly-nazi-plundered-van-gogh-masterpiece/" class="read-more-btn">READ MORE</a>
  1801.              </div>
  1802.            </div>
  1803.          
  1804.            <div class="blog-card fade-base">
  1805.              <div class="blog-card-body">
  1806.                <span class="blog-category bg-primary-gradient">News</span>
  1807.                <h3>
  1808.                  <a href="/us-congressman-urges-ex-royal-andrew-to-testify-in-jeffrey-epstein-inquiry/" class="blog-title">
  1809.                    US Congressman Urges Ex-Royal Andrew to Testify in Jeffrey Epstein Inquiry
  1810.                  </a>
  1811.                </h3>
  1812.                <div class="blog-meta">
  1813.                  <div class="avatar-placeholder">
  1814.                    
  1815.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1816.                    
  1817.                  </div>
  1818.                  <div class="meta-info">
  1819.                    <span>Nicholas Bartlett</span>
  1820.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1821.                  </div>
  1822.                </div>
  1823.                <p class="blog-description"></p>
  1824.                <a href="/us-congressman-urges-ex-royal-andrew-to-testify-in-jeffrey-epstein-inquiry/" class="read-more-btn">READ MORE</a>
  1825.              </div>
  1826.            </div>
  1827.          
  1828.            <div class="blog-card fade-base">
  1829.              <div class="blog-card-body">
  1830.                <span class="blog-category bg-primary-gradient">News</span>
  1831.                <h3>
  1832.                  <a href="/the-gulf-nation-to-present-case-at-british-highest-court-over-sovereign-immunity-in-spyware-claims/" class="blog-title">
  1833.                    The Gulf nation to Present Case at British Highest Court Over Sovereign Immunity in Spyware Claims
  1834.                  </a>
  1835.                </h3>
  1836.                <div class="blog-meta">
  1837.                  <div class="avatar-placeholder">
  1838.                    
  1839.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1840.                    
  1841.                  </div>
  1842.                  <div class="meta-info">
  1843.                    <span>Nicholas Bartlett</span>
  1844.                    <span><i class="far fa-clock"></i> 12 May 2026</span>
  1845.                  </div>
  1846.                </div>
  1847.                <p class="blog-description"></p>
  1848.                <a href="/the-gulf-nation-to-present-case-at-british-highest-court-over-sovereign-immunity-in-spyware-claims/" class="read-more-btn">READ MORE</a>
  1849.              </div>
  1850.            </div>
  1851.          
  1852.            <div class="blog-card fade-base">
  1853.              <div class="blog-card-body">
  1854.                <span class="blog-category bg-primary-gradient">News</span>
  1855.                <h3>
  1856.                  <a href="/the-renowned-director-clarifies-ai-doesnt-produce-the-avatar-series/" class="blog-title">
  1857.                    The Renowned Director Clarifies: ‘AI Doesn’t Produce the Avatar Series’
  1858.                  </a>
  1859.                </h3>
  1860.                <div class="blog-meta">
  1861.                  <div class="avatar-placeholder">
  1862.                    
  1863.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1864.                    
  1865.                  </div>
  1866.                  <div class="meta-info">
  1867.                    <span>Nicholas Bartlett</span>
  1868.                    <span><i class="far fa-clock"></i> 11 May 2026</span>
  1869.                  </div>
  1870.                </div>
  1871.                <p class="blog-description"></p>
  1872.                <a href="/the-renowned-director-clarifies-ai-doesnt-produce-the-avatar-series/" class="read-more-btn">READ MORE</a>
  1873.              </div>
  1874.            </div>
  1875.          
  1876.            <div class="blog-card fade-base">
  1877.              <div class="blog-card-body">
  1878.                <span class="blog-category bg-primary-gradient">News</span>
  1879.                <h3>
  1880.                  <a href="/restrained-solitary-and-scared-the-bleak-reality-for-women-compelled-to-have-their-babies-in-prison/" class="blog-title">
  1881.                    Restrained, Solitary and Scared: The Bleak Reality for Women Compelled to Have Their Babies in Prison.
  1882.                  </a>
  1883.                </h3>
  1884.                <div class="blog-meta">
  1885.                  <div class="avatar-placeholder">
  1886.                    
  1887.                      <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" alt="Nicholas Bartlett" />
  1888.                    
  1889.                  </div>
  1890.                  <div class="meta-info">
  1891.                    <span>Nicholas Bartlett</span>
  1892.                    <span><i class="far fa-clock"></i> 11 May 2026</span>
  1893.                  </div>
  1894.                </div>
  1895.                <p class="blog-description"></p>
  1896.                <a href="/restrained-solitary-and-scared-the-bleak-reality-for-women-compelled-to-have-their-babies-in-prison/" class="read-more-btn">READ MORE</a>
  1897.              </div>
  1898.            </div>
  1899.          
  1900.          
  1901.  
  1902.        </div>
  1903.  
  1904.         <div class="col col-lg-4 col-12">
  1905.                
  1906.  
  1907.  
  1908.  
  1909.    
  1910.  
  1911.  
  1912. <!-- Blog Sidebar V2 - Focused Design -->
  1913. <div class="sidebar">
  1914.  <!-- Recent Posts Section -->
  1915.  <div class="sidebar-widget mb-4">
  1916.    <div class="widget-title-wrapper mb-3">
  1917.      <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative">
  1918.        <i class="ti-time me-2"></i>Recent Posts
  1919.        <span class="title-arrow-primary"></span>
  1920.      </h4>
  1921.    </div>
  1922.    <div class="widget-content border mb-3 border-light shadow-sm rounded-3 p-4">
  1923.      <div class="recent-post-list">
  1924.      
  1925.        <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light">
  1926.          <div class="post-image me-3 flex-shrink-0 position-relative">
  1927.              
  1928.                  <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"  alt="">
  1929.              
  1930.            <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">New</span>
  1931.          </div>
  1932.          <div class="post-content flex-grow-1">
  1933.            <h6 class="post-title mb-2">
  1934.               <a href="/a-tale-of-surprising-kindness-the-time-a-university-student-let-me-stay-on-her-dormitory-floor/" class="text-decoration-none top-color fw-semibold lh-sm">
  1935.                                            A Tale of Surprising Kindness: The Time a University Student Let Me Stay on Her Dormitory Floor
  1936.                                            </a>
  1937.            </h6>
  1938.            <div class="post-meta">
  1939.              <small class="text-muted d-block"><i class="ti-calendar me-1"></i>11 May 2026</small>
  1940.              <!-- <small class="text-muted">
  1941.                <i class="ti-eye me-1"></i>348 views
  1942.                <i class="ti-comment-alt ms-2 me-1"></i>12 comments
  1943.              </small> -->
  1944.            </div>
  1945.          </div>
  1946.        </div>
  1947.        
  1948.        <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light">
  1949.          <div class="post-image me-3 flex-shrink-0 position-relative">
  1950.              
  1951.                  <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"  alt="">
  1952.              
  1953.            <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">New</span>
  1954.          </div>
  1955.          <div class="post-content flex-grow-1">
  1956.            <h6 class="post-title mb-2">
  1957.               <a href="/amid-the-devastated-remains-of-an-residential-building-i-encountered-a-volume-id-translated/" class="text-decoration-none top-color fw-semibold lh-sm">
  1958.                                            Amid the Devastated Remains of an Residential Building, I Encountered a Volume I’d Translated
  1959.                                            </a>
  1960.            </h6>
  1961.            <div class="post-meta">
  1962.              <small class="text-muted d-block"><i class="ti-calendar me-1"></i>11 May 2026</small>
  1963.              <!-- <small class="text-muted">
  1964.                <i class="ti-eye me-1"></i>348 views
  1965.                <i class="ti-comment-alt ms-2 me-1"></i>12 comments
  1966.              </small> -->
  1967.            </div>
  1968.          </div>
  1969.        </div>
  1970.        
  1971.        <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light">
  1972.          <div class="post-image me-3 flex-shrink-0 position-relative">
  1973.              
  1974.                  <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"  alt="">
  1975.              
  1976.            <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">New</span>
  1977.          </div>
  1978.          <div class="post-content flex-grow-1">
  1979.            <h6 class="post-title mb-2">
  1980.               <a href="/three-game-pass-titles-we-are-playing-this-weekend-oct-10-12/" class="text-decoration-none top-color fw-semibold lh-sm">
  1981.                                            Three Game Pass Titles We Are Playing This Weekend (Oct. 10-12)
  1982.                                            </a>
  1983.            </h6>
  1984.            <div class="post-meta">
  1985.              <small class="text-muted d-block"><i class="ti-calendar me-1"></i>11 May 2026</small>
  1986.              <!-- <small class="text-muted">
  1987.                <i class="ti-eye me-1"></i>348 views
  1988.                <i class="ti-comment-alt ms-2 me-1"></i>12 comments
  1989.              </small> -->
  1990.            </div>
  1991.          </div>
  1992.        </div>
  1993.        
  1994.        <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light">
  1995.          <div class="post-image me-3 flex-shrink-0 position-relative">
  1996.              
  1997.                  <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"  alt="">
  1998.              
  1999.            <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">New</span>
  2000.          </div>
  2001.          <div class="post-content flex-grow-1">
  2002.            <h6 class="post-title mb-2">
  2003.               <a href="/daily-existence-for-one-hundred-twenty-thousand-asylum-seekers-in-the-massive-shelter-on-the-mali-border/" class="text-decoration-none top-color fw-semibold lh-sm">
  2004.                                            Daily Existence for one hundred twenty thousand Asylum Seekers in the Massive Shelter on the Mali Border.
  2005.                                            </a>
  2006.            </h6>
  2007.            <div class="post-meta">
  2008.              <small class="text-muted d-block"><i class="ti-calendar me-1"></i>11 May 2026</small>
  2009.              <!-- <small class="text-muted">
  2010.                <i class="ti-eye me-1"></i>348 views
  2011.                <i class="ti-comment-alt ms-2 me-1"></i>12 comments
  2012.              </small> -->
  2013.            </div>
  2014.          </div>
  2015.        </div>
  2016.        
  2017.        <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light">
  2018.          <div class="post-image me-3 flex-shrink-0 position-relative">
  2019.              
  2020.                  <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"  alt="">
  2021.              
  2022.            <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">New</span>
  2023.          </div>
  2024.          <div class="post-content flex-grow-1">
  2025.            <h6 class="post-title mb-2">
  2026.               <a href="/the-way-a-us-special-forces-vet-aided-mar%C3%ADa-corina-machado-escape-her-homeland/" class="text-decoration-none top-color fw-semibold lh-sm">
  2027.                                            The Way a US Special Forces Vet Aided María Corina Machado Escape Her Homeland
  2028.                                            </a>
  2029.            </h6>
  2030.            <div class="post-meta">
  2031.              <small class="text-muted d-block"><i class="ti-calendar me-1"></i>11 May 2026</small>
  2032.              <!-- <small class="text-muted">
  2033.                <i class="ti-eye me-1"></i>348 views
  2034.                <i class="ti-comment-alt ms-2 me-1"></i>12 comments
  2035.              </small> -->
  2036.            </div>
  2037.          </div>
  2038.        </div>
  2039.        
  2040.        <div class="recent-post-item d-flex mb-4 pb-3 border-bottom border-light">
  2041.          <div class="post-image me-3 flex-shrink-0 position-relative">
  2042.              
  2043.                  <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" class="rounded-3" style="width: 90px; height: 70px; object-fit: cover;"  alt="">
  2044.              
  2045.            <span class="position-absolute top-0 start-0 badge bg-primary rounded-pill m-1 small">New</span>
  2046.          </div>
  2047.          <div class="post-content flex-grow-1">
  2048.            <h6 class="post-title mb-2">
  2049.               <a href="/mastering-the-art-of-talk-romance-like-a-gen-z-fifty-one-ultra-specific-phrases-for-romance-intimacy-and-questionable-conduct/" class="text-decoration-none top-color fw-semibold lh-sm">
  2050.                                            Mastering the Art of Talk Romance Like a Gen Z: Fifty-One Ultra-Specific Phrases for Romance, Intimacy and Questionable Conduct
  2051.                                            </a>
  2052.            </h6>
  2053.            <div class="post-meta">
  2054.              <small class="text-muted d-block"><i class="ti-calendar me-1"></i>11 May 2026</small>
  2055.              <!-- <small class="text-muted">
  2056.                <i class="ti-eye me-1"></i>348 views
  2057.                <i class="ti-comment-alt ms-2 me-1"></i>12 comments
  2058.              </small> -->
  2059.            </div>
  2060.          </div>
  2061.        </div>
  2062.        
  2063.  
  2064.      </div>
  2065.  
  2066.      <!-- <div class="text-center mt-4 pt-3 border-top border-light">
  2067.        <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-plus me-1"></i>Load More Posts</a>
  2068.      </div> -->
  2069.    </div>
  2070.  </div>
  2071.  
  2072.    
  2073.  <div class="sidebar-widget mb-4">
  2074.    <div class="widget-title-wrapper mb-3">
  2075.      <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative">
  2076.        <i class="ti-calendar me-2"></i>May 2026 Blog Roll
  2077.        <span class="title-arrow"></span>
  2078.      </h4>
  2079.    </div>
  2080.    <div class="widget-content border border-light mb-3 shadow-sm rounded-3 p-4">
  2081.      <div class="blog-roll-list scrollable-sidebar">
  2082.        
  2083.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2084.          <a href="https://aboutcookies.org.uk/" class="text-decoration-none ">
  2085.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2086.              <i class="ti-angle-right me-2 text-primary"></i>
  2087.               non gamstop casinos uk
  2088.            </h6>
  2089.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2090.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2091.            </div> -->
  2092.          </a>
  2093.        </div>
  2094.          
  2095.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2096.          <a href="https://akua.co/" class="text-decoration-none ">
  2097.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2098.              <i class="ti-angle-right me-2 text-primary"></i>
  2099.               betting sites not on gamstop
  2100.            </h6>
  2101.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2102.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2103.            </div> -->
  2104.          </a>
  2105.        </div>
  2106.          
  2107.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2108.          <a href="https://www.richardrogers.co.uk/" class="text-decoration-none ">
  2109.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2110.              <i class="ti-angle-right me-2 text-primary"></i>
  2111.               casinos not on gamstop
  2112.            </h6>
  2113.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2114.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2115.            </div> -->
  2116.          </a>
  2117.        </div>
  2118.          
  2119.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2120.          <a href="https://www.elthampalace.org.uk" class="text-decoration-none ">
  2121.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2122.              <i class="ti-angle-right me-2 text-primary"></i>
  2123.               non gamstop casino uk
  2124.            </h6>
  2125.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2126.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2127.            </div> -->
  2128.          </a>
  2129.        </div>
  2130.          
  2131.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2132.          <a href="https://nursingnotes.co.uk/" class="text-decoration-none ">
  2133.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2134.              <i class="ti-angle-right me-2 text-primary"></i>
  2135.               uk online casinos
  2136.            </h6>
  2137.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2138.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2139.            </div> -->
  2140.          </a>
  2141.        </div>
  2142.          
  2143.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2144.          <a href="https://www.voiceprint.co.uk/" class="text-decoration-none ">
  2145.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2146.              <i class="ti-angle-right me-2 text-primary"></i>
  2147.               non gamstop casinos
  2148.            </h6>
  2149.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2150.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2151.            </div> -->
  2152.          </a>
  2153.        </div>
  2154.          
  2155.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2156.          <a href="https://www.surfaceview.co.uk/" class="text-decoration-none ">
  2157.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2158.              <i class="ti-angle-right me-2 text-primary"></i>
  2159.               non gamstop casinos
  2160.            </h6>
  2161.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2162.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2163.            </div> -->
  2164.          </a>
  2165.        </div>
  2166.          
  2167.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2168.          <a href="https://www.theindustrylondon.com/betting-sites-not-on-gamstop/" class="text-decoration-none ">
  2169.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2170.              <i class="ti-angle-right me-2 text-primary"></i>
  2171.               best betting sites
  2172.            </h6>
  2173.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2174.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2175.            </div> -->
  2176.          </a>
  2177.        </div>
  2178.          
  2179.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2180.          <a href="https://www.charlesjencks.com/" class="text-decoration-none ">
  2181.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2182.              <i class="ti-angle-right me-2 text-primary"></i>
  2183.               non gamstop casinos
  2184.            </h6>
  2185.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2186.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2187.            </div> -->
  2188.          </a>
  2189.        </div>
  2190.          
  2191.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2192.          <a href="https://www.focus12.co.uk/" class="text-decoration-none ">
  2193.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2194.              <i class="ti-angle-right me-2 text-primary"></i>
  2195.               casinos not on gamstop
  2196.            </h6>
  2197.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2198.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2199.            </div> -->
  2200.          </a>
  2201.        </div>
  2202.          
  2203.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2204.          <a href="https://adventuregamers.com/online-casinos/non-gamstop" class="text-decoration-none ">
  2205.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2206.              <i class="ti-angle-right me-2 text-primary"></i>
  2207.               casino not on gamstop
  2208.            </h6>
  2209.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2210.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2211.            </div> -->
  2212.          </a>
  2213.        </div>
  2214.          
  2215.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2216.          <a href="https://www.outset.org/" class="text-decoration-none ">
  2217.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2218.              <i class="ti-angle-right me-2 text-primary"></i>
  2219.               best online betting sites
  2220.            </h6>
  2221.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2222.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2223.            </div> -->
  2224.          </a>
  2225.        </div>
  2226.          
  2227.      </div>
  2228.  
  2229.      <!-- <div class="text-center mt-4 pt-3 border-top border-light">
  2230.        <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-eye me-1"></i>View All August Posts</a>
  2231.      </div> -->
  2232.    </div>
  2233.  </div>
  2234.    
  2235.  <div class="sidebar-widget mb-4">
  2236.    <div class="widget-title-wrapper mb-3">
  2237.      <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative">
  2238.        <i class="ti-calendar me-2"></i>April 2026 Blog Roll
  2239.        <span class="title-arrow"></span>
  2240.      </h4>
  2241.    </div>
  2242.    <div class="widget-content border border-light mb-3 shadow-sm rounded-3 p-4">
  2243.      <div class="blog-roll-list scrollable-sidebar">
  2244.        
  2245.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2246.          <a href="https://thamespark.org.uk" class="text-decoration-none ">
  2247.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2248.              <i class="ti-angle-right me-2 text-primary"></i>
  2249.               casino no verification uk
  2250.            </h6>
  2251.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2252.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2253.            </div> -->
  2254.          </a>
  2255.        </div>
  2256.          
  2257.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2258.          <a href="https://www.artigiano.co.uk/" class="text-decoration-none ">
  2259.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2260.              <i class="ti-angle-right me-2 text-primary"></i>
  2261.               uk casinos not on gamstop
  2262.            </h6>
  2263.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2264.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2265.            </div> -->
  2266.          </a>
  2267.        </div>
  2268.          
  2269.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2270.          <a href="https://www.thecakestore.co.uk/" class="text-decoration-none ">
  2271.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2272.              <i class="ti-angle-right me-2 text-primary"></i>
  2273.               bitcoin casinos
  2274.            </h6>
  2275.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2276.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2277.            </div> -->
  2278.          </a>
  2279.        </div>
  2280.          
  2281.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2282.          <a href="https://nva.org.uk/" class="text-decoration-none ">
  2283.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2284.              <i class="ti-angle-right me-2 text-primary"></i>
  2285.               non gamstop casinos
  2286.            </h6>
  2287.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2288.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2289.            </div> -->
  2290.          </a>
  2291.        </div>
  2292.          
  2293.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2294.          <a href="https://www.escapistmagazine.com/uk/non-gamstop-casinos/" class="text-decoration-none ">
  2295.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2296.              <i class="ti-angle-right me-2 text-primary"></i>
  2297.               non gamstop casinos
  2298.            </h6>
  2299.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2300.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2301.            </div> -->
  2302.          </a>
  2303.        </div>
  2304.          
  2305.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2306.          <a href="https://www.citytosea.org.uk/" class="text-decoration-none ">
  2307.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2308.              <i class="ti-angle-right me-2 text-primary"></i>
  2309.               casinos not on gamstop
  2310.            </h6>
  2311.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2312.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2313.            </div> -->
  2314.          </a>
  2315.        </div>
  2316.          
  2317.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2318.          <a href="https://www.surfaceview.co.uk/" class="text-decoration-none ">
  2319.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2320.              <i class="ti-angle-right me-2 text-primary"></i>
  2321.               non gamstop casino
  2322.            </h6>
  2323.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2324.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2325.            </div> -->
  2326.          </a>
  2327.        </div>
  2328.          
  2329.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2330.          <a href="https://www.summerhall.co.uk/" class="text-decoration-none ">
  2331.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2332.              <i class="ti-angle-right me-2 text-primary"></i>
  2333.               non gamstop casino
  2334.            </h6>
  2335.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2336.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2337.            </div> -->
  2338.          </a>
  2339.        </div>
  2340.          
  2341.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2342.          <a href="https://straightfromyard.co.uk/" class="text-decoration-none ">
  2343.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2344.              <i class="ti-angle-right me-2 text-primary"></i>
  2345.               non gamstop casino
  2346.            </h6>
  2347.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2348.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2349.            </div> -->
  2350.          </a>
  2351.        </div>
  2352.          
  2353.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2354.          <a href="https://www.london-irish.com/" class="text-decoration-none ">
  2355.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2356.              <i class="ti-angle-right me-2 text-primary"></i>
  2357.               non gamstop casino
  2358.            </h6>
  2359.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2360.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2361.            </div> -->
  2362.          </a>
  2363.        </div>
  2364.          
  2365.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2366.          <a href="https://internationalschoolmealsday.com/" class="text-decoration-none ">
  2367.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2368.              <i class="ti-angle-right me-2 text-primary"></i>
  2369.               casino not on gamstop
  2370.            </h6>
  2371.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2372.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2373.            </div> -->
  2374.          </a>
  2375.        </div>
  2376.          
  2377.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2378.          <a href="https://www.citytosea.org.uk/" class="text-decoration-none ">
  2379.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2380.              <i class="ti-angle-right me-2 text-primary"></i>
  2381.               non gamstop casino
  2382.            </h6>
  2383.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2384.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2385.            </div> -->
  2386.          </a>
  2387.        </div>
  2388.          
  2389.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2390.          <a href="https://www.cca-glasgow.com/" class="text-decoration-none ">
  2391.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2392.              <i class="ti-angle-right me-2 text-primary"></i>
  2393.               non gamstop casino
  2394.            </h6>
  2395.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2396.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2397.            </div> -->
  2398.          </a>
  2399.        </div>
  2400.          
  2401.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2402.          <a href="https://allcatsrgrey.org.uk/" class="text-decoration-none ">
  2403.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2404.              <i class="ti-angle-right me-2 text-primary"></i>
  2405.               non gamstop casino
  2406.            </h6>
  2407.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2408.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2409.            </div> -->
  2410.          </a>
  2411.        </div>
  2412.          
  2413.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2414.          <a href="https://bereavementcommission.org.uk/" class="text-decoration-none ">
  2415.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2416.              <i class="ti-angle-right me-2 text-primary"></i>
  2417.               non gamstop casino
  2418.            </h6>
  2419.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2420.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2421.            </div> -->
  2422.          </a>
  2423.        </div>
  2424.          
  2425.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2426.          <a href="https://knightsof.media/" class="text-decoration-none ">
  2427.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2428.              <i class="ti-angle-right me-2 text-primary"></i>
  2429.               slots not on gamstop
  2430.            </h6>
  2431.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2432.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2433.            </div> -->
  2434.          </a>
  2435.        </div>
  2436.          
  2437.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2438.          <a href="https://unbound.co.uk/" class="text-decoration-none ">
  2439.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2440.              <i class="ti-angle-right me-2 text-primary"></i>
  2441.               non gamstop casino
  2442.            </h6>
  2443.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2444.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2445.            </div> -->
  2446.          </a>
  2447.        </div>
  2448.          
  2449.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2450.          <a href="https://www.elthampalace.org.uk/" class="text-decoration-none ">
  2451.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2452.              <i class="ti-angle-right me-2 text-primary"></i>
  2453.               non gamstop casino
  2454.            </h6>
  2455.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2456.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2457.            </div> -->
  2458.          </a>
  2459.        </div>
  2460.          
  2461.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2462.          <a href="https://www.nhsborders.org.uk/" class="text-decoration-none ">
  2463.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2464.              <i class="ti-angle-right me-2 text-primary"></i>
  2465.               bitcoin casino
  2466.            </h6>
  2467.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2468.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2469.            </div> -->
  2470.          </a>
  2471.        </div>
  2472.          
  2473.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2474.          <a href="https://swtrains.co.uk/" class="text-decoration-none ">
  2475.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2476.              <i class="ti-angle-right me-2 text-primary"></i>
  2477.               spinshark casino
  2478.            </h6>
  2479.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2480.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2481.            </div> -->
  2482.          </a>
  2483.        </div>
  2484.          
  2485.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2486.          <a href="https://cornburyfestival.com" class="text-decoration-none ">
  2487.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2488.              <i class="ti-angle-right me-2 text-primary"></i>
  2489.               casino not on gamstop
  2490.            </h6>
  2491.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2492.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2493.            </div> -->
  2494.          </a>
  2495.        </div>
  2496.          
  2497.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2498.          <a href="https://greenjournal.co.uk" class="text-decoration-none ">
  2499.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2500.              <i class="ti-angle-right me-2 text-primary"></i>
  2501.               non gamstop casinos
  2502.            </h6>
  2503.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2504.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2505.            </div> -->
  2506.          </a>
  2507.        </div>
  2508.          
  2509.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2510.          <a href="https://lattitude.org.uk" class="text-decoration-none ">
  2511.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2512.              <i class="ti-angle-right me-2 text-primary"></i>
  2513.               casinos not on gamstop
  2514.            </h6>
  2515.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2516.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2517.            </div> -->
  2518.          </a>
  2519.        </div>
  2520.          
  2521.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2522.          <a href="https://techcityuk.com" class="text-decoration-none ">
  2523.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2524.              <i class="ti-angle-right me-2 text-primary"></i>
  2525.               casino not on gamstop
  2526.            </h6>
  2527.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2528.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2529.            </div> -->
  2530.          </a>
  2531.        </div>
  2532.          
  2533.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2534.          <a href="https://www.peelengineering.co.uk/" class="text-decoration-none ">
  2535.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2536.              <i class="ti-angle-right me-2 text-primary"></i>
  2537.               uk casinos not on gamstop
  2538.            </h6>
  2539.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2540.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2541.            </div> -->
  2542.          </a>
  2543.        </div>
  2544.          
  2545.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2546.          <a href="https://www.ukessaywriters.co.uk/" class="text-decoration-none ">
  2547.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2548.              <i class="ti-angle-right me-2 text-primary"></i>
  2549.               online casinos not on gamstop
  2550.            </h6>
  2551.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2552.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2553.            </div> -->
  2554.          </a>
  2555.        </div>
  2556.          
  2557.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2558.          <a href="https://www.cca-glasgow.com/" class="text-decoration-none ">
  2559.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2560.              <i class="ti-angle-right me-2 text-primary"></i>
  2561.               casinos not on gamstop
  2562.            </h6>
  2563.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2564.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2565.            </div> -->
  2566.          </a>
  2567.        </div>
  2568.          
  2569.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2570.          <a href="https://allcatsrgrey.org.uk/" class="text-decoration-none ">
  2571.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2572.              <i class="ti-angle-right me-2 text-primary"></i>
  2573.               casinos not on gamstop
  2574.            </h6>
  2575.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2576.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2577.            </div> -->
  2578.          </a>
  2579.        </div>
  2580.          
  2581.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2582.          <a href="https://knightsof.media/" class="text-decoration-none ">
  2583.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2584.              <i class="ti-angle-right me-2 text-primary"></i>
  2585.               non gamstop casino
  2586.            </h6>
  2587.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2588.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2589.            </div> -->
  2590.          </a>
  2591.        </div>
  2592.          
  2593.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2594.          <a href="https://www.thekarczma.co.uk/" class="text-decoration-none ">
  2595.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2596.              <i class="ti-angle-right me-2 text-primary"></i>
  2597.               casinos not registered in UK
  2598.            </h6>
  2599.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2600.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2601.            </div> -->
  2602.          </a>
  2603.        </div>
  2604.          
  2605.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2606.          <a href="https://www.fourpure.com/" class="text-decoration-none ">
  2607.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2608.              <i class="ti-angle-right me-2 text-primary"></i>
  2609.               online casinos
  2610.            </h6>
  2611.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2612.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2613.            </div> -->
  2614.          </a>
  2615.        </div>
  2616.          
  2617.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2618.          <a href="https://www.kysty.co.uk/" class="text-decoration-none ">
  2619.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2620.              <i class="ti-angle-right me-2 text-primary"></i>
  2621.               Non-GamStop Casinos
  2622.            </h6>
  2623.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2624.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2625.            </div> -->
  2626.          </a>
  2627.        </div>
  2628.          
  2629.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2630.          <a href="https://www.llancaiachfawr.co.uk/" class="text-decoration-none ">
  2631.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2632.              <i class="ti-angle-right me-2 text-primary"></i>
  2633.               online casinos UK
  2634.            </h6>
  2635.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2636.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2637.            </div> -->
  2638.          </a>
  2639.        </div>
  2640.          
  2641.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2642.          <a href="https://www.nordicresearchnetwork.co.uk/" class="text-decoration-none ">
  2643.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2644.              <i class="ti-angle-right me-2 text-primary"></i>
  2645.               non UK casino
  2646.            </h6>
  2647.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2648.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2649.            </div> -->
  2650.          </a>
  2651.        </div>
  2652.          
  2653.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2654.          <a href="https://www.edinburghwhiskyblog.com/" class="text-decoration-none ">
  2655.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2656.              <i class="ti-angle-right me-2 text-primary"></i>
  2657.               uk online casinos list
  2658.            </h6>
  2659.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2660.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2661.            </div> -->
  2662.          </a>
  2663.        </div>
  2664.          
  2665.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2666.          <a href="https://www.gamblinginsider.com/uk/online-casinos" class="text-decoration-none ">
  2667.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2668.              <i class="ti-angle-right me-2 text-primary"></i>
  2669.               uk online casinos list
  2670.            </h6>
  2671.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2672.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2673.            </div> -->
  2674.          </a>
  2675.        </div>
  2676.          
  2677.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2678.          <a href="https://cryptonews.com/uk/best-crypto-casinos/" class="text-decoration-none ">
  2679.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2680.              <i class="ti-angle-right me-2 text-primary"></i>
  2681.               crypto casino
  2682.            </h6>
  2683.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2684.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2685.            </div> -->
  2686.          </a>
  2687.        </div>
  2688.          
  2689.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2690.          <a href="https://www.foodsofengland.co.uk/" class="text-decoration-none ">
  2691.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2692.              <i class="ti-angle-right me-2 text-primary"></i>
  2693.               non gamstop casinos uk
  2694.            </h6>
  2695.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2696.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2697.            </div> -->
  2698.          </a>
  2699.        </div>
  2700.          
  2701.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2702.          <a href="https://aboutcookies.org.uk" class="text-decoration-none ">
  2703.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2704.              <i class="ti-angle-right me-2 text-primary"></i>
  2705.               non gamstop casino
  2706.            </h6>
  2707.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2708.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2709.            </div> -->
  2710.          </a>
  2711.        </div>
  2712.          
  2713.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2714.          <a href="https://www.roadpeace.org/" class="text-decoration-none ">
  2715.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2716.              <i class="ti-angle-right me-2 text-primary"></i>
  2717.               no gamstop casino
  2718.            </h6>
  2719.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2720.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2721.            </div> -->
  2722.          </a>
  2723.        </div>
  2724.          
  2725.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2726.          <a href="https://www.surfaceview.co.uk/" class="text-decoration-none ">
  2727.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2728.              <i class="ti-angle-right me-2 text-primary"></i>
  2729.               non gamstop casino uk
  2730.            </h6>
  2731.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2732.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2733.            </div> -->
  2734.          </a>
  2735.        </div>
  2736.          
  2737.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2738.          <a href="https://llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch.co.uk" class="text-decoration-none ">
  2739.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2740.              <i class="ti-angle-right me-2 text-primary"></i>
  2741.               casinos not on GamStop
  2742.            </h6>
  2743.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2744.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2745.            </div> -->
  2746.          </a>
  2747.        </div>
  2748.          
  2749.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2750.          <a href="https://www.edinburghfoody.com" class="text-decoration-none ">
  2751.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2752.              <i class="ti-angle-right me-2 text-primary"></i>
  2753.               online casinos
  2754.            </h6>
  2755.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2756.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2757.            </div> -->
  2758.          </a>
  2759.        </div>
  2760.          
  2761.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2762.          <a href="https://fdncoffee.com" class="text-decoration-none ">
  2763.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2764.              <i class="ti-angle-right me-2 text-primary"></i>
  2765.               games not on GamStop
  2766.            </h6>
  2767.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2768.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2769.            </div> -->
  2770.          </a>
  2771.        </div>
  2772.          
  2773.      </div>
  2774.  
  2775.      <!-- <div class="text-center mt-4 pt-3 border-top border-light">
  2776.        <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-eye me-1"></i>View All August Posts</a>
  2777.      </div> -->
  2778.    </div>
  2779.  </div>
  2780.    
  2781.  <div class="sidebar-widget mb-4">
  2782.    <div class="widget-title-wrapper mb-3">
  2783.      <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative">
  2784.        <i class="ti-calendar me-2"></i>March 2026 Blog Roll
  2785.        <span class="title-arrow"></span>
  2786.      </h4>
  2787.    </div>
  2788.    <div class="widget-content border border-light mb-3 shadow-sm rounded-3 p-4">
  2789.      <div class="blog-roll-list scrollable-sidebar">
  2790.        
  2791.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2792.          <a href="https://letsmush.com/" class="text-decoration-none ">
  2793.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2794.              <i class="ti-angle-right me-2 text-primary"></i>
  2795.               gambling sites not on GamStop
  2796.            </h6>
  2797.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2798.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2799.            </div> -->
  2800.          </a>
  2801.        </div>
  2802.          
  2803.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2804.          <a href="https://www.bmag.org.uk/" class="text-decoration-none ">
  2805.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2806.              <i class="ti-angle-right me-2 text-primary"></i>
  2807.               best online casino
  2808.            </h6>
  2809.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2810.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2811.            </div> -->
  2812.          </a>
  2813.        </div>
  2814.          
  2815.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2816.          <a href="https://www.patients4nhs.org.uk/" class="text-decoration-none ">
  2817.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2818.              <i class="ti-angle-right me-2 text-primary"></i>
  2819.               casino not on GamStop
  2820.            </h6>
  2821.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2822.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2823.            </div> -->
  2824.          </a>
  2825.        </div>
  2826.          
  2827.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2828.          <a href="https://www.covent-garden.co.uk/" class="text-decoration-none ">
  2829.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2830.              <i class="ti-angle-right me-2 text-primary"></i>
  2831.               best casinos not on GamStop
  2832.            </h6>
  2833.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2834.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2835.            </div> -->
  2836.          </a>
  2837.        </div>
  2838.          
  2839.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2840.          <a href="https://www.durhamminers.org/" class="text-decoration-none ">
  2841.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2842.              <i class="ti-angle-right me-2 text-primary"></i>
  2843.               casinos not on GamStop
  2844.            </h6>
  2845.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2846.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2847.            </div> -->
  2848.          </a>
  2849.        </div>
  2850.          
  2851.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2852.          <a href="https://whitestarrunning.co.uk/" class="text-decoration-none ">
  2853.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2854.              <i class="ti-angle-right me-2 text-primary"></i>
  2855.               non GamStop casinos UK
  2856.            </h6>
  2857.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2858.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2859.            </div> -->
  2860.          </a>
  2861.        </div>
  2862.          
  2863.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2864.          <a href="https://www.ginspa.co.uk/" class="text-decoration-none ">
  2865.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2866.              <i class="ti-angle-right me-2 text-primary"></i>
  2867.               new non GamStop casinos
  2868.            </h6>
  2869.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2870.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2871.            </div> -->
  2872.          </a>
  2873.        </div>
  2874.          
  2875.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2876.          <a href="https://www.cranleyclinic.com/" class="text-decoration-none ">
  2877.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2878.              <i class="ti-angle-right me-2 text-primary"></i>
  2879.               games not on GamStop
  2880.            </h6>
  2881.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2882.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2883.            </div> -->
  2884.          </a>
  2885.        </div>
  2886.          
  2887.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2888.          <a href="https://migrations.uk/" class="text-decoration-none ">
  2889.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2890.              <i class="ti-angle-right me-2 text-primary"></i>
  2891.               Harry Casino
  2892.            </h6>
  2893.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2894.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2895.            </div> -->
  2896.          </a>
  2897.        </div>
  2898.          
  2899.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2900.          <a href="https://www.gamblinginsider.com/uk/online-casinos" class="text-decoration-none ">
  2901.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2902.              <i class="ti-angle-right me-2 text-primary"></i>
  2903.               casino site
  2904.            </h6>
  2905.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2906.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2907.            </div> -->
  2908.          </a>
  2909.        </div>
  2910.          
  2911.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2912.          <a href="https://www.deakinandblue.com/" class="text-decoration-none ">
  2913.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2914.              <i class="ti-angle-right me-2 text-primary"></i>
  2915.               non gamstop casinos uk
  2916.            </h6>
  2917.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2918.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2919.            </div> -->
  2920.          </a>
  2921.        </div>
  2922.          
  2923.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2924.          <a href="https://allcatsrgrey.org.uk/" class="text-decoration-none ">
  2925.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2926.              <i class="ti-angle-right me-2 text-primary"></i>
  2927.               uk casinos
  2928.            </h6>
  2929.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2930.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2931.            </div> -->
  2932.          </a>
  2933.        </div>
  2934.          
  2935.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2936.          <a href="https://www.falconryforum.co.uk/" class="text-decoration-none ">
  2937.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2938.              <i class="ti-angle-right me-2 text-primary"></i>
  2939.               casino not on gamstop
  2940.            </h6>
  2941.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2942.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2943.            </div> -->
  2944.          </a>
  2945.        </div>
  2946.          
  2947.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2948.          <a href="https://www.lgbthistorymonth.org.uk/" class="text-decoration-none ">
  2949.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2950.              <i class="ti-angle-right me-2 text-primary"></i>
  2951.               casinos not on gamstop
  2952.            </h6>
  2953.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2954.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2955.            </div> -->
  2956.          </a>
  2957.        </div>
  2958.          
  2959.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2960.          <a href="https://www.regionalnetworks.org.uk/" class="text-decoration-none ">
  2961.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2962.              <i class="ti-angle-right me-2 text-primary"></i>
  2963.               Casino Not on Gamstop
  2964.            </h6>
  2965.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2966.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2967.            </div> -->
  2968.          </a>
  2969.        </div>
  2970.          
  2971.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2972.          <a href="https://www.ukrmb.co.uk/" class="text-decoration-none ">
  2973.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2974.              <i class="ti-angle-right me-2 text-primary"></i>
  2975.               online casino uk
  2976.            </h6>
  2977.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2978.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2979.            </div> -->
  2980.          </a>
  2981.        </div>
  2982.          
  2983.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2984.          <a href="https://citytosea.org.uk/" class="text-decoration-none ">
  2985.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2986.              <i class="ti-angle-right me-2 text-primary"></i>
  2987.               non gamstop casino
  2988.            </h6>
  2989.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  2990.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  2991.            </div> -->
  2992.          </a>
  2993.        </div>
  2994.          
  2995.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  2996.          <a href="https://lessplastic.co.uk/" class="text-decoration-none ">
  2997.            <h6 class="blog-title top-color mb-2 fw-semibold">
  2998.              <i class="ti-angle-right me-2 text-primary"></i>
  2999.               non gamstop casinos uk
  3000.            </h6>
  3001.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3002.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3003.            </div> -->
  3004.          </a>
  3005.        </div>
  3006.          
  3007.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3008.          <a href="https://www.frn.org.uk/" class="text-decoration-none ">
  3009.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3010.              <i class="ti-angle-right me-2 text-primary"></i>
  3011.               best online betting sites uk
  3012.            </h6>
  3013.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3014.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3015.            </div> -->
  3016.          </a>
  3017.        </div>
  3018.          
  3019.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3020.          <a href="https://museodiaggius.it/" class="text-decoration-none ">
  3021.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3022.              <i class="ti-angle-right me-2 text-primary"></i>
  3023.               casino online non aams
  3024.            </h6>
  3025.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3026.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3027.            </div> -->
  3028.          </a>
  3029.        </div>
  3030.          
  3031.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3032.          <a href="https://www.socresonline.org.uk/" class="text-decoration-none ">
  3033.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3034.              <i class="ti-angle-right me-2 text-primary"></i>
  3035.               bitcoin casino
  3036.            </h6>
  3037.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3038.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3039.            </div> -->
  3040.          </a>
  3041.        </div>
  3042.          
  3043.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3044.          <a href="https://oncallfire.uk/" class="text-decoration-none ">
  3045.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3046.              <i class="ti-angle-right me-2 text-primary"></i>
  3047.               Non GamStop Casino
  3048.            </h6>
  3049.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3050.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3051.            </div> -->
  3052.          </a>
  3053.        </div>
  3054.          
  3055.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3056.          <a href="https://casinobeats.com/uk/online-casinos/casinos-not-on-gamstop/" class="text-decoration-none ">
  3057.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3058.              <i class="ti-angle-right me-2 text-primary"></i>
  3059.               non gamstop casinos
  3060.            </h6>
  3061.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3062.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3063.            </div> -->
  3064.          </a>
  3065.        </div>
  3066.          
  3067.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3068.          <a href="https://savethedatemagazine.co.uk/" class="text-decoration-none ">
  3069.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3070.              <i class="ti-angle-right me-2 text-primary"></i>
  3071.               online casinos
  3072.            </h6>
  3073.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3074.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3075.            </div> -->
  3076.          </a>
  3077.        </div>
  3078.          
  3079.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3080.          <a href="https://unbound.co.uk/" class="text-decoration-none ">
  3081.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3082.              <i class="ti-angle-right me-2 text-primary"></i>
  3083.               casino not on gamstop
  3084.            </h6>
  3085.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3086.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3087.            </div> -->
  3088.          </a>
  3089.        </div>
  3090.          
  3091.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3092.          <a href="https://www.money-mentor.org/" class="text-decoration-none ">
  3093.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3094.              <i class="ti-angle-right me-2 text-primary"></i>
  3095.               bitcoin casino UK
  3096.            </h6>
  3097.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3098.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3099.            </div> -->
  3100.          </a>
  3101.        </div>
  3102.          
  3103.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3104.          <a href="https://knightsof.media/" class="text-decoration-none ">
  3105.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3106.              <i class="ti-angle-right me-2 text-primary"></i>
  3107.               casinos not on gamstop
  3108.            </h6>
  3109.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3110.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3111.            </div> -->
  3112.          </a>
  3113.        </div>
  3114.          
  3115.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3116.          <a href="https://roadpeace.org/" class="text-decoration-none ">
  3117.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3118.              <i class="ti-angle-right me-2 text-primary"></i>
  3119.               non gamstop casino
  3120.            </h6>
  3121.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3122.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3123.            </div> -->
  3124.          </a>
  3125.        </div>
  3126.          
  3127.      </div>
  3128.  
  3129.      <!-- <div class="text-center mt-4 pt-3 border-top border-light">
  3130.        <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-eye me-1"></i>View All August Posts</a>
  3131.      </div> -->
  3132.    </div>
  3133.  </div>
  3134.    
  3135.  <div class="sidebar-widget mb-4">
  3136.    <div class="widget-title-wrapper mb-3">
  3137.      <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative">
  3138.        <i class="ti-calendar me-2"></i>February 2026 Blog Roll
  3139.        <span class="title-arrow"></span>
  3140.      </h4>
  3141.    </div>
  3142.    <div class="widget-content border border-light mb-3 shadow-sm rounded-3 p-4">
  3143.      <div class="blog-roll-list scrollable-sidebar">
  3144.        
  3145.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3146.          <a href="https://thecharliegardfoundation.org/" class="text-decoration-none ">
  3147.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3148.              <i class="ti-angle-right me-2 text-primary"></i>
  3149.               casinos online
  3150.            </h6>
  3151.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3152.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3153.            </div> -->
  3154.          </a>
  3155.        </div>
  3156.          
  3157.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3158.          <a href="https://www.welcometoportsmouth.co.uk/" class="text-decoration-none ">
  3159.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3160.              <i class="ti-angle-right me-2 text-primary"></i>
  3161.               uk online casinos not on gamstop
  3162.            </h6>
  3163.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3164.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3165.            </div> -->
  3166.          </a>
  3167.        </div>
  3168.          
  3169.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3170.          <a href="https://www.summerhall.co.uk/" class="text-decoration-none ">
  3171.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3172.              <i class="ti-angle-right me-2 text-primary"></i>
  3173.               casinos not on gamstop
  3174.            </h6>
  3175.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3176.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3177.            </div> -->
  3178.          </a>
  3179.        </div>
  3180.          
  3181.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3182.          <a href="https://platypuspress.co.uk/" class="text-decoration-none ">
  3183.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3184.              <i class="ti-angle-right me-2 text-primary"></i>
  3185.               non gamstop casino
  3186.            </h6>
  3187.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3188.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3189.            </div> -->
  3190.          </a>
  3191.        </div>
  3192.          
  3193.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3194.          <a href="https://www.money-mentor.org/" class="text-decoration-none ">
  3195.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3196.              <i class="ti-angle-right me-2 text-primary"></i>
  3197.               bitcoin casinos
  3198.            </h6>
  3199.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3200.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3201.            </div> -->
  3202.          </a>
  3203.        </div>
  3204.          
  3205.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3206.          <a href="https://www.kscience.co.uk/" class="text-decoration-none ">
  3207.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3208.              <i class="ti-angle-right me-2 text-primary"></i>
  3209.               best non Gamstop casinos
  3210.            </h6>
  3211.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3212.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3213.            </div> -->
  3214.          </a>
  3215.        </div>
  3216.          
  3217.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3218.          <a href="https://www.mesaonline.org/" class="text-decoration-none ">
  3219.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3220.              <i class="ti-angle-right me-2 text-primary"></i>
  3221.               non gamstop casino
  3222.            </h6>
  3223.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3224.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3225.            </div> -->
  3226.          </a>
  3227.        </div>
  3228.          
  3229.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3230.          <a href="https://bereavementcommission.org.uk/" class="text-decoration-none ">
  3231.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3232.              <i class="ti-angle-right me-2 text-primary"></i>
  3233.               online casino
  3234.            </h6>
  3235.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3236.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3237.            </div> -->
  3238.          </a>
  3239.        </div>
  3240.          
  3241.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3242.          <a href="https://www.foreignersinuk.co.uk/" class="text-decoration-none ">
  3243.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3244.              <i class="ti-angle-right me-2 text-primary"></i>
  3245.               online casino
  3246.            </h6>
  3247.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3248.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3249.            </div> -->
  3250.          </a>
  3251.        </div>
  3252.          
  3253.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light ">
  3254.          <a href="https://unbound.co.uk/" class="text-decoration-none ">
  3255.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3256.              <i class="ti-angle-right me-2 text-primary"></i>
  3257.               online casino
  3258.            </h6>
  3259.            <!-- <div class="blog-meta d-flex justify-content-between align-items-center">
  3260.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3261.            </div> -->
  3262.          </a>
  3263.        </div>
  3264.          
  3265.      </div>
  3266.  
  3267.      <!-- <div class="text-center mt-4 pt-3 border-top border-light">
  3268.        <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-eye me-1"></i>View All August Posts</a>
  3269.      </div> -->
  3270.    </div>
  3271.  </div>
  3272.    
  3273.  <!-- <div class="sidebar-widget">
  3274.    <div class="widget-title-wrapper mb-3">
  3275.      <h4 class="widget-title bg-primary text-white px-4 py-3 mb-0 position-relative">
  3276.        <i class="ti-calendar me-2"></i>August 2025 Blog Roll
  3277.        <span class="title-arrow"></span>
  3278.      </h4>
  3279.    </div>
  3280.    <div class="widget-content border border-light shadow-sm rounded-3 p-4">
  3281.      <div class="blog-roll-list">
  3282.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light">
  3283.          <a href="#" class="text-decoration-none">
  3284.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3285.              <i class="ti-angle-right me-2 text-primary"></i>
  3286.              Complete Guide to Django REST Framework
  3287.            </h6>
  3288.            <div class="blog-meta d-flex justify-content-between align-items-center">
  3289.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 27, 2025</small>
  3290.            </div>
  3291.          </a>
  3292.        </div>
  3293.  
  3294.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light">
  3295.          <a href="#" class="text-decoration-none">
  3296.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3297.              <i class="ti-angle-right me-2 text-primary"></i>
  3298.              Modern JavaScript ES2025 Features
  3299.            </h6>
  3300.            <div class="blog-meta d-flex justify-content-between align-items-center">
  3301.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 25, 2025</small>
  3302.            </div>
  3303.          </a>
  3304.        </div>
  3305.  
  3306.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light">
  3307.          <a href="#" class="text-decoration-none">
  3308.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3309.              <i class="ti-angle-right me-2 text-primary"></i>
  3310.              Digital Marketing Trends in 2025
  3311.            </h6>
  3312.            <div class="blog-meta d-flex justify-content-between align-items-center">
  3313.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 23, 2025</small>
  3314.            </div>
  3315.          </a>
  3316.        </div>
  3317.  
  3318.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light">
  3319.          <a href="#" class="text-decoration-none">
  3320.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3321.              <i class="ti-angle-right me-2 text-primary"></i>
  3322.              Remote Work Best Practices
  3323.            </h6>
  3324.            <div class="blog-meta d-flex justify-content-between align-items-center">
  3325.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 20, 2025</small>
  3326.            </div>
  3327.          </a>
  3328.        </div>
  3329.  
  3330.        <div class="blog-roll-item mb-3 pb-3 border-bottom border-light">
  3331.          <a href="#" class="text-decoration-none">
  3332.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3333.              <i class="ti-angle-right me-2 text-primary"></i>
  3334.              Sustainable Living Tips for Beginners
  3335.            </h6>
  3336.            <div class="blog-meta d-flex justify-content-between align-items-center">
  3337.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 18, 2025</small>
  3338.            </div>
  3339.          </a>
  3340.        </div>
  3341.  
  3342.        <div class="blog-roll-item">
  3343.          <a href="#" class="text-decoration-none">
  3344.            <h6 class="blog-title top-color mb-2 fw-semibold">
  3345.              <i class="ti-angle-right me-2 text-primary"></i>
  3346.              AI and Machine Learning Basics
  3347.            </h6>
  3348.            <div class="blog-meta d-flex justify-content-between align-items-center">
  3349.              <small class="text-muted"><i class="ti-calendar me-1"></i>August 15, 2025</small>
  3350.            </div>
  3351.          </a>
  3352.        </div>
  3353.      </div>
  3354.  
  3355.      <div class="text-center mt-4 pt-3 border-top border-light">
  3356.        <a href="#" class="btn btn-primary btn-sm px-4"><i class="ti-eye me-1"></i>View All August Posts</a>
  3357.      </div>
  3358.    </div>
  3359.  </div> -->
  3360. </div>
  3361.  
  3362. <!-- Sidebar V2 Styles -->
  3363. <style>
  3364.  .sidebar-widget {
  3365.    position: relative;
  3366.  }
  3367.  
  3368.  .widget-title {
  3369.    font-size: 1.1rem;
  3370.    font-weight: 700;
  3371.    display: inline-block;
  3372.    position: relative;
  3373.    z-index: 2;
  3374.    border-radius: 0;
  3375.  }
  3376.  
  3377.  /* Green arrow for August Blog Roll */
  3378.  .title-arrow::after {
  3379.    content: '';
  3380.    position: absolute;
  3381.    top: 0;
  3382.    right: -22px;
  3383.    width: 0;
  3384.    height: 0;
  3385.    border-left: 22px solid var(--bs-primary);
  3386.    border-top: 22px solid transparent;
  3387.    border-bottom: 22px solid transparent;
  3388.    z-index: 1;
  3389.  }
  3390.  
  3391.  /* Blue arrow for Recent Posts */
  3392.  .title-arrow-primary::after {
  3393.    content: '';
  3394.    position: absolute;
  3395.    top: 0;
  3396.    right: -22px;
  3397.    width: 0;
  3398.    height: 0;
  3399.    border-left: 22px solid var(--bs-primary);
  3400.    border-top: 22px solid transparent;
  3401.    border-bottom: 22px solid transparent;
  3402.    z-index: 1;
  3403.  }
  3404.  
  3405.  .widget-content {
  3406.    margin-top: -1px;
  3407.    position: relative;
  3408.    z-index: 1;
  3409.    background-color: var(--card-bg);
  3410.  }
  3411.  
  3412.  /* Blog Roll Items Hover Effects */
  3413.  .blog-roll-item:hover .blog-title {
  3414.    color: #198754 !important;
  3415.    transform: translateX(5px);
  3416.    transition: all 0.3s ease;
  3417.  }
  3418.  
  3419.  /* Recent Post Items Hover Effects */
  3420.  .recent-post-item:hover .post-title a {
  3421.    color: #0d6efd !important;
  3422.    transition: color 0.3s ease;
  3423.  }
  3424.  
  3425.  .recent-post-item:hover .post-image img {
  3426.    transform: scale(1.05);
  3427.    transition: transform 0.3s ease;
  3428.  }
  3429.  
  3430.  /* Button Hover Effects */
  3431.  .btn:hover {
  3432.    transform: translateY(-2px);
  3433.    transition: all 0.3s ease;
  3434.    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  3435.  }
  3436.  
  3437.  /* Badge Hover Effects */
  3438.  .badge:hover {
  3439.    transform: scale(1.05);
  3440.    transition: transform 0.3s ease;
  3441.  }
  3442.  
  3443.  @media (max-width: 991px) {
  3444.    .sidebar {
  3445.      margin-top: 3rem;
  3446.    }
  3447.  }
  3448.  
  3449.  @media (max-width: 576px) {
  3450.    .widget-title {
  3451.      font-size: 1rem;
  3452.      padding: 0.75rem 1rem !important;
  3453.    }
  3454.  
  3455.    .title-arrow::after,
  3456.    .title-arrow-primary::after {
  3457.      right: -18px;
  3458.      border-left-width: 18px;
  3459.      border-top-width: 18px;
  3460.      border-bottom-width: 18px;
  3461.    }
  3462.  
  3463.    .post-image {
  3464.      width: 70px !important;
  3465.      height: 55px !important;
  3466.    }
  3467.  
  3468.    .blog-meta {
  3469.      flex-direction: column !important;
  3470.      align-items: flex-start !important;
  3471.      gap: 0.5rem;
  3472.    }
  3473.  }
  3474. </style>
  3475.  
  3476.    
  3477.            </div>
  3478.      </div>
  3479.    </div>
  3480.  </section>
  3481.  
  3482.  <script>
  3483.    // Smooth fade on scroll (adds .fade-up on downward scroll, .fade-down on upward scroll)
  3484.    document.addEventListener('DOMContentLoaded', function () {
  3485.      // Fallback if IntersectionObserver unavailable
  3486.      if (!('IntersectionObserver' in window)) {
  3487.        document.querySelectorAll('.fade-base').forEach(el => el.classList.add('fade-show'));
  3488.        return;
  3489.      }
  3490.  
  3491.      let lastY = window.pageYOffset || 0;
  3492.      let scrollDir = 'down';
  3493.      let ticking = false;
  3494.  
  3495.      // Jank-free scroll direction tracking
  3496.      window.addEventListener('scroll', () => {
  3497.        const y = window.pageYOffset || 0;
  3498.        if (!ticking) {
  3499.          requestAnimationFrame(() => {
  3500.            scrollDir = y > lastY ? 'down' : 'up';
  3501.            lastY = y <= 0 ? 0 : y;
  3502.            ticking = false;
  3503.          });
  3504.          ticking = true;
  3505.        }
  3506.      }, { passive: true });
  3507.  
  3508.      const options = {
  3509.        threshold: 0.18,
  3510.        rootMargin: '0px 0px -8% 0px'
  3511.      };
  3512.  
  3513.      const io = new IntersectionObserver((entries) => {
  3514.        entries.forEach((entry) => {
  3515.          const el = entry.target;
  3516.  
  3517.          if (entry.isIntersecting) {
  3518.            // direction-based class
  3519.            el.classList.remove('fade-up', 'fade-down');
  3520.            el.classList.add(scrollDir === 'down' ? 'fade-up' : 'fade-down');
  3521.  
  3522.            // smooth timing (override-able per element via CSS vars)
  3523.            if (!el.style.getPropertyValue('--dur')) {
  3524.              el.style.setProperty('--dur', '700ms');
  3525.            }
  3526.            if (!el.style.getPropertyValue('--ease')) {
  3527.              el.style.setProperty('--ease', 'cubic-bezier(0.16,1,0.3,1)');
  3528.            }
  3529.  
  3530.            el.classList.add('fade-show');
  3531.          } else {
  3532.            // re-animate when re-entering
  3533.            el.classList.remove('fade-show');
  3534.          }
  3535.        });
  3536.      }, options);
  3537.  
  3538.      // Observe all fade targets with a light stagger
  3539.      const nodes = Array.from(document.querySelectorAll('.fade-base'));
  3540.      nodes.forEach((el, i) => {
  3541.        // 0–5 -> 0–300ms stagger (loops every 6)
  3542.        el.style.setProperty('--stagger', `${(i % 6) * 60}ms`);
  3543.        io.observe(el);
  3544.      });
  3545.    });
  3546.  </script>
  3547.  
  3548.  
  3549.    
  3550.        
  3551.        <!-- end wpo-blog-highlights-section -->
  3552.        <!-- start wpo-blog-sponsored-section -->
  3553.        
  3554.  
  3555.  
  3556.  
  3557.    
  3558.  
  3559.  
  3560.  
  3561. <style>
  3562.    .sponsored-section-v2 {
  3563.        padding: 0 0 60px;
  3564.    }
  3565.    
  3566.    .sponsored-card-v2 {
  3567.        background: var(--body-bg);
  3568.        border-radius: 12px;
  3569.        overflow: hidden;
  3570.        transition: all 0.3s ease;
  3571.        border: none;
  3572.        box-shadow: 0 2px 15px rgba(0,0,0,0.08);
  3573.        height: 100%;
  3574.    }
  3575.    
  3576.    .sponsored-card-v2:hover {
  3577.        transform: translateY(-4px);
  3578.        box-shadow: 0 8px 30px rgba(0,0,0,0.12);
  3579.    }
  3580.    
  3581.    .sponsored-image-v2 {
  3582.        position: relative;
  3583.        overflow: hidden;
  3584.        height: 180px;
  3585.    }
  3586.    
  3587.    .sponsored-image-v2 img {
  3588.        width: 100%;
  3589.        height: 100%;
  3590.        object-fit: cover;
  3591.        transition: transform 0.3s ease;
  3592.    }
  3593.    
  3594.    .sponsored-card-v2:hover .sponsored-image-v2 img {
  3595.        transform: scale(1.05);
  3596.    }
  3597.    
  3598.    .sponsored-badge-v2 {
  3599.        position: absolute;
  3600.        top: 12px;
  3601.        left: 12px;
  3602.        padding: 6px 12px;
  3603.        border-radius: 15px;
  3604.        font-size: 10px;
  3605.        font-weight: 600;
  3606.        text-transform: uppercase;
  3607.        letter-spacing: 0.5px;
  3608.        color: white;
  3609.    }
  3610.    
  3611.    .sponsored-content-v2 {
  3612.        padding: 20px;
  3613.    }
  3614.    
  3615.    .sponsored-title-v2 {
  3616.        font-size: 16px;
  3617.        font-weight: 600;
  3618.        line-height: 1.4;
  3619.        margin-bottom: 15px;
  3620.        min-height: 44px;
  3621.    }
  3622.    
  3623.    .sponsored-title-v2 a {
  3624.        text-decoration: none;
  3625.        transition: color 0.3s ease;
  3626.    }
  3627.    
  3628.    .sponsored-meta-v2 {
  3629.        display: flex;
  3630.        align-items: center;
  3631.        gap: 10px;
  3632.        font-size: 12px;
  3633.    }
  3634.    
  3635.    .sponsored-author-img-v2 {
  3636.        width: 28px;
  3637.        height: 28px;
  3638.        border-radius: 50%;
  3639.        object-fit: cover;
  3640.    }
  3641.    
  3642.    .section-title-sponsored-v2 {
  3643.        font-size: 2.5rem;
  3644.        font-weight: 700;
  3645.        text-align: center;
  3646.        margin-bottom: 20px;
  3647.        text-transform: capitalize;
  3648.    }
  3649.  
  3650.    @media (max-width: 768px) {
  3651.        .sponsored-section-v2 {
  3652.            padding: 0px 0 40px;
  3653.        }
  3654.        .section-title-sponsored-v2 {
  3655.            font-size: 2rem;
  3656.        }
  3657.        .sponsored-content-v2 {
  3658.            padding: 16px;
  3659.        }
  3660.    }
  3661. </style>
  3662.  
  3663. <section class="sponsored-section-v2">
  3664.    <div class="container-fluid fluid-container">
  3665.        <div class="row">
  3666.            <div class="col-12">
  3667.                <h2 class="section-title-sponsored-v2 top-color">Sponsored News</h2>
  3668.                <div class="section-title-sponsored-v2::after top-bg"></div>
  3669.            </div>
  3670.        </div>
  3671.        
  3672.        <div class="row g-4">
  3673.            
  3674.            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
  3675.                <div class="card sponsored-card-v2">
  3676.                    <div class="sponsored-image-v2">
  3677.                        
  3678.                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  3679.                        
  3680.                        <span class="sponsored-badge-v2 bg-primary-gradient">News</span>
  3681.                    </div>
  3682.                    <div class="sponsored-content-v2">
  3683.                        <h3 class="sponsored-title-v2">
  3684.                            <a href="/a-tale-of-surprising-kindness-the-time-a-university-student-let-me-stay-on-her-dormitory-floor/" class="top-color">
  3685.                            A Tale of Surprising Kindness: The Time a University Student Let Me Stay on Her Dormitory Floor
  3686.                            </a>
  3687.                        </h3>
  3688.                        <div class="sponsored-meta-v2">
  3689.                            
  3690.                                <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="sponsored-author-img-v2">
  3691.                            
  3692.                            <span class="top-color">By Nicholas Bartlett</span>
  3693.                            <span class="top-color">•</span>
  3694.                            <span class="top-color">11 May 2026</span>
  3695.                        </div>
  3696.                    </div>
  3697.                </div>
  3698.            </div>
  3699.            
  3700.            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
  3701.                <div class="card sponsored-card-v2">
  3702.                    <div class="sponsored-image-v2">
  3703.                        
  3704.                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  3705.                        
  3706.                        <span class="sponsored-badge-v2 bg-primary-gradient">News</span>
  3707.                    </div>
  3708.                    <div class="sponsored-content-v2">
  3709.                        <h3 class="sponsored-title-v2">
  3710.                            <a href="/amid-the-devastated-remains-of-an-residential-building-i-encountered-a-volume-id-translated/" class="top-color">
  3711.                            Amid the Devastated Remains of an Residential Building, I Encountered a Volume I’d Translated
  3712.                            </a>
  3713.                        </h3>
  3714.                        <div class="sponsored-meta-v2">
  3715.                            
  3716.                                <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="sponsored-author-img-v2">
  3717.                            
  3718.                            <span class="top-color">By Nicholas Bartlett</span>
  3719.                            <span class="top-color">•</span>
  3720.                            <span class="top-color">11 May 2026</span>
  3721.                        </div>
  3722.                    </div>
  3723.                </div>
  3724.            </div>
  3725.            
  3726.            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
  3727.                <div class="card sponsored-card-v2">
  3728.                    <div class="sponsored-image-v2">
  3729.                        
  3730.                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  3731.                        
  3732.                        <span class="sponsored-badge-v2 bg-primary-gradient">News</span>
  3733.                    </div>
  3734.                    <div class="sponsored-content-v2">
  3735.                        <h3 class="sponsored-title-v2">
  3736.                            <a href="/three-game-pass-titles-we-are-playing-this-weekend-oct-10-12/" class="top-color">
  3737.                            Three Game Pass Titles We Are Playing This Weekend (Oct. 10-12)
  3738.                            </a>
  3739.                        </h3>
  3740.                        <div class="sponsored-meta-v2">
  3741.                            
  3742.                                <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="sponsored-author-img-v2">
  3743.                            
  3744.                            <span class="top-color">By Nicholas Bartlett</span>
  3745.                            <span class="top-color">•</span>
  3746.                            <span class="top-color">11 May 2026</span>
  3747.                        </div>
  3748.                    </div>
  3749.                </div>
  3750.            </div>
  3751.            
  3752.            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
  3753.                <div class="card sponsored-card-v2">
  3754.                    <div class="sponsored-image-v2">
  3755.                        
  3756.                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  3757.                        
  3758.                        <span class="sponsored-badge-v2 bg-primary-gradient">News</span>
  3759.                    </div>
  3760.                    <div class="sponsored-content-v2">
  3761.                        <h3 class="sponsored-title-v2">
  3762.                            <a href="/daily-existence-for-one-hundred-twenty-thousand-asylum-seekers-in-the-massive-shelter-on-the-mali-border/" class="top-color">
  3763.                            Daily Existence for one hundred twenty thousand Asylum Seekers in the Massive Shelter on the Mali Border.
  3764.                            </a>
  3765.                        </h3>
  3766.                        <div class="sponsored-meta-v2">
  3767.                            
  3768.                                <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="sponsored-author-img-v2">
  3769.                            
  3770.                            <span class="top-color">By Nicholas Bartlett</span>
  3771.                            <span class="top-color">•</span>
  3772.                            <span class="top-color">11 May 2026</span>
  3773.                        </div>
  3774.                    </div>
  3775.                </div>
  3776.            </div>
  3777.            
  3778.            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
  3779.                <div class="card sponsored-card-v2">
  3780.                    <div class="sponsored-image-v2">
  3781.                        
  3782.                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  3783.                        
  3784.                        <span class="sponsored-badge-v2 bg-primary-gradient">News</span>
  3785.                    </div>
  3786.                    <div class="sponsored-content-v2">
  3787.                        <h3 class="sponsored-title-v2">
  3788.                            <a href="/the-way-a-us-special-forces-vet-aided-mar%C3%ADa-corina-machado-escape-her-homeland/" class="top-color">
  3789.                            The Way a US Special Forces Vet Aided María Corina Machado Escape Her Homeland
  3790.                            </a>
  3791.                        </h3>
  3792.                        <div class="sponsored-meta-v2">
  3793.                            
  3794.                                <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="sponsored-author-img-v2">
  3795.                            
  3796.                            <span class="top-color">By Nicholas Bartlett</span>
  3797.                            <span class="top-color">•</span>
  3798.                            <span class="top-color">11 May 2026</span>
  3799.                        </div>
  3800.                    </div>
  3801.                </div>
  3802.            </div>
  3803.            
  3804.            <div class="col-xl-3 col-lg-6 col-md-6 col-12">
  3805.                <div class="card sponsored-card-v2">
  3806.                    <div class="sponsored-image-v2">
  3807.                        
  3808.                            <img    src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="">
  3809.                        
  3810.                        <span class="sponsored-badge-v2 bg-primary-gradient">News</span>
  3811.                    </div>
  3812.                    <div class="sponsored-content-v2">
  3813.                        <h3 class="sponsored-title-v2">
  3814.                            <a href="/mastering-the-art-of-talk-romance-like-a-gen-z-fifty-one-ultra-specific-phrases-for-romance-intimacy-and-questionable-conduct/" class="top-color">
  3815.                            Mastering the Art of Talk Romance Like a Gen Z: Fifty-One Ultra-Specific Phrases for Romance, Intimacy and Questionable Conduct
  3816.                            </a>
  3817.                        </h3>
  3818.                        <div class="sponsored-meta-v2">
  3819.                            
  3820.                                <img src="/static/blogapp/assets/images/breaking-news/img-1.jpg" style="object-fit: cover;" alt="Nicholas Bartlett" class="sponsored-author-img-v2">
  3821.                            
  3822.                            <span class="top-color">By Nicholas Bartlett</span>
  3823.                            <span class="top-color">•</span>
  3824.                            <span class="top-color">11 May 2026</span>
  3825.                        </div>
  3826.                    </div>
  3827.                </div>
  3828.            </div>
  3829.            
  3830.        </div>
  3831.    </div>
  3832. </section>
  3833.  
  3834.  
  3835.    
  3836.        <!-- end wpo-blog-sponsored-section -->
  3837.        <!-- start wpo-subscribe-section -->
  3838.        
  3839.        <!-- end subscribe-section -->
  3840.        <!-- start of wpo-site-footer-section -->
  3841.        
  3842.  
  3843.  
  3844.  
  3845.  
  3846.  
  3847.  
  3848. <!-- Footer V5 - Clean Minimalist Bootstrap Design -->
  3849. <footer class="footer-v5 bg-primary-gradient border-top">
  3850.    
  3851.    <!-- Main Footer Content -->
  3852.    <div class="container-fluid py-5">
  3853.        
  3854.        <!-- Top Section with Logo and Description -->
  3855.        <div class="row mb-5">
  3856.            <div class="col-12 text-center">
  3857.                <div class="footer-brand mb-4">
  3858.                    
  3859.                    <h4 class="fw-bold footer-color mb-2">Harbor Global Insights</h4>
  3860.                    <p class="footer-color opacity-50">Explore Harbor Global&#x27;s blog for expert analysis on global trade, supply chain management, and logistics strategies to optimize your international business operations.</p>
  3861.                </div>
  3862.            </div>
  3863.        </div>
  3864.  
  3865.        <!-- Content Grid -->
  3866.        <div class="d-flex justify-content-between flex-wrap gap-2 px-3">
  3867.            
  3868.            <!-- Quick Links Column -->
  3869.            <div class="">
  3870.                <div class="footer-section">
  3871.                    <h6 class="fw-bold footer-color mb-3 d-flex align-items-center">
  3872.                        Quick Links
  3873.                    </h6>
  3874.                    <ul class="list-unstyled footer-links">
  3875.                        
  3876.                        <li class="mb-2">
  3877.                            <a href="/the-debut-record-daughters-delves-into-sorrow-and-elegance/"
  3878.                               class="text-decoration-none footer-color  d-flex align-items-center">
  3879.                                <i class="bi bi-arrow-right-short text-primary me-1"></i>
  3880.                                The Debut Record &quot;Daughters&quot; Delves Into Sorrow and Elegance
  3881.                            </a>
  3882.                        </li>
  3883.                        
  3884.                        <li class="mb-2">
  3885.                            <a href="/unlocking-the-potential-of-promotions-in-online-casino-slot-games/"
  3886.                               class="text-decoration-none footer-color  d-flex align-items-center">
  3887.                                <i class="bi bi-arrow-right-short text-primary me-1"></i>
  3888.                                Unlocking the Potential of Promotions in Online Casino Slot Games
  3889.                            </a>
  3890.                        </li>
  3891.                        
  3892.                        <li class="mb-2">
  3893.                            <a href="/russian-president-vladimir-putin-vows-uninterrupted-oil-shipments-to-the-indian-nation-in-defiance-of-washington-sanctions/"
  3894.                               class="text-decoration-none footer-color  d-flex align-items-center">
  3895.                                <i class="bi bi-arrow-right-short text-primary me-1"></i>
  3896.                                Russian President Vladimir Putin Vows Uninterrupted Oil Shipments to the Indian Nation in Defiance of Washington Sanctions
  3897.                            </a>
  3898.                        </li>
  3899.                        
  3900.                        <li class="mb-2">
  3901.                            <a href="/gaza-strip-conflict-in-visualizations-following-two-years-of-hostilities/"
  3902.                               class="text-decoration-none footer-color  d-flex align-items-center">
  3903.                                <i class="bi bi-arrow-right-short text-primary me-1"></i>
  3904.                                Gaza Strip Conflict in Visualizations Following Two Years of Hostilities
  3905.                            </a>
  3906.                        </li>
  3907.                        
  3908.                        <li class="mb-2">
  3909.                            <a href="/democratic-lawmakers-condemn-trump-after-he-states-they-should-face-capital-punishment/"
  3910.                               class="text-decoration-none footer-color  d-flex align-items-center">
  3911.                                <i class="bi bi-arrow-right-short text-primary me-1"></i>
  3912.                                Democratic lawmakers Condemn Trump After He States They Should Face Capital Punishment
  3913.                            </a>
  3914.                        </li>
  3915.                        
  3916.                        <li class="mb-2">
  3917.                            <a href="/these-athletes-and-trainers-born-outside-in-the-united-states/"
  3918.                               class="text-decoration-none footer-color  d-flex align-items-center">
  3919.                                <i class="bi bi-arrow-right-short text-primary me-1"></i>
  3920.                                These Athletes and Trainers Born Outside in the United States
  3921.                            </a>
  3922.                        </li>
  3923.                        
  3924.                    </ul>
  3925.                </div>
  3926.            </div>
  3927.  
  3928.            <!-- Resources Column -->
  3929.            <div class="">
  3930.                <div class="footer-section">
  3931.                    <h6 class="fw-bold footer-color mb-3 d-flex align-items-center">
  3932.                        Resources
  3933.                    </h6>
  3934.                   <ul class="footer-links" id="footerLinks">
  3935.        
  3936.        
  3937.  
  3938.        
  3939.        
  3940.        
  3941.        
  3942.    </ul>
  3943.                </div>
  3944.            </div>
  3945.  
  3946.            <!-- Categories Column -->
  3947.            <div class="">
  3948.                <div class="footer-section">
  3949.                    <h6 class="fw-bold footer-color mb-3 d-flex align-items-center">
  3950.                        Categories
  3951.                    </h6>
  3952.                    <div class="category-tags">
  3953.                      
  3954.                                <li>
  3955.                                    <a href="/category/all-posts/" class="footer-link footer-color">
  3956.                                        All Posts
  3957.                                    </a>
  3958.                                </li>
  3959.                                
  3960.                                <li>
  3961.                                    <a href="/category/business/" class="footer-link footer-color">
  3962.                                        Business
  3963.                                    </a>
  3964.                                </li>
  3965.                                
  3966.                                <li>
  3967.                                    <a href="/category/esports/" class="footer-link footer-color">
  3968.                                        Esports
  3969.                                    </a>
  3970.                                </li>
  3971.                                
  3972.                                <li>
  3973.                                    <a href="/category/fashion/" class="footer-link footer-color">
  3974.                                        Fashion
  3975.                                    </a>
  3976.                                </li>
  3977.                                
  3978.                                <li>
  3979.                                    <a href="/category/featured/" class="footer-link footer-color">
  3980.                                        Featured
  3981.                                    </a>
  3982.                                </li>
  3983.                                
  3984.                                <li>
  3985.                                    <a href="/category/gaming/" class="footer-link footer-color">
  3986.                                        Gaming
  3987.                                    </a>
  3988.                                </li>
  3989.                                
  3990.                    </div>
  3991.                </div>
  3992.            </div>
  3993.  
  3994.        </div>
  3995.  
  3996.    </div>
  3997.  
  3998.    <!-- Footer Bottom -->
  3999.    <div class="footer-bottom  border-top py-3">
  4000.        <div class="container-fluid fluid-container">
  4001.            <div class=" d-flex justify-content-between flex-wrap">
  4002.                <div class="">
  4003.                    <p class="mb-0 footer-color  ">
  4004.                        © 2026 <span class="fw-semibold footer-color">Harbor Global Insights</span>. All rights reserved.
  4005.                    </p>
  4006.                </div>
  4007.                <div class="">
  4008.                    <div class="footer-nav">
  4009.                        <a href="/page/write-for-us/" class="text-decoration-none   me-3">
  4010.                            <i class="bi bi-file-text me-1"></i>Write For Us
  4011.                        </a>
  4012.                        <a href="/page/terms-and-conditions/" class="text-decoration-none   me-3">
  4013.                            <i class="bi bi-file-text me-1"></i>Terms
  4014.                        </a>
  4015.                        <a href="/sitemap.xml" class="text-decoration-none  ">
  4016.                            <i class="bi bi-diagram-3 me-1"></i>Sitemap
  4017.                        </a>
  4018.                    </div>
  4019.                </div>
  4020.            </div>
  4021.        </div>
  4022.    </div>
  4023.  
  4024. </footer>
  4025.  
  4026. <style>
  4027. /* Footer V5 - Clean Minimalist Bootstrap Design */
  4028.  
  4029.  
  4030.  
  4031.  
  4032. .footer-logo {
  4033.    border-radius: 8px;
  4034. }
  4035.  
  4036. /* Footer Sections */
  4037. .footer-section {
  4038.    padding: 0 15px;
  4039. }
  4040.  
  4041. .footer-section h6 {
  4042.    position: relative;
  4043.    padding-bottom: 8px;
  4044. }
  4045.  
  4046. .footer-section h6::after {
  4047.    content: '';
  4048.    position: absolute;
  4049.    bottom: 0;
  4050.    left: 0;
  4051.    width: 30px;
  4052.    height: 2px;
  4053.    background: linear-gradient(45deg, var(--bs-primary), var(--footer-color));
  4054.    border-radius: 1px;
  4055. }
  4056.  
  4057. /* Links Styling */
  4058. .footer-links a {
  4059.    transition: all 0.3s ease;
  4060.    padding: 4px 0;
  4061.    border-radius: 4px;
  4062. }
  4063.  
  4064. .footer-links a:hover {
  4065.    color: var(--bs-primary) !important;
  4066.    padding-left: 8px;
  4067. }
  4068.  
  4069. .footer-links a:hover i {
  4070.    transform: translateX(2px);
  4071. }
  4072.  
  4073. /* Category Tags */
  4074. .category-tag {
  4075.    transition: all 0.3s ease;
  4076.    padding: 6px 12px !important;
  4077.    font-size: 0.875rem;
  4078. }
  4079.  
  4080.  
  4081.  
  4082. /* Footer Bottom */
  4083. .footer-bottom {
  4084.    backdrop-filter: blur(10px);
  4085. }
  4086.  
  4087. /* Responsive Design */
  4088. @media (max-width: 768px) {
  4089.    .footer-v5 {
  4090.        margin-top: 60px;
  4091.    }
  4092.    
  4093.    .footer-section {
  4094.        text-align:start;
  4095.        margin-bottom: 40px;
  4096.    }
  4097.    
  4098.    .footer-links a,
  4099.    .category-tags {
  4100.        justify-content:start;
  4101.    }
  4102.    
  4103.    .social-links .d-flex {
  4104.        justify-content:start;
  4105.    }
  4106. }
  4107.  
  4108. @media (max-width: 576px) {
  4109.    .footer-brand h4 {
  4110.        font-size: 1.25rem;
  4111.    }
  4112.    
  4113.    .stats-item h5 {
  4114.        font-size: 1.1rem;
  4115.    }
  4116.    
  4117.    .newsletter-form .btn {
  4118.        padding: 8px 12px;
  4119.    }
  4120. }
  4121.  
  4122. /* Animation Classes */
  4123. .fade-in {
  4124.    animation: fadeIn 0.6s ease-in;
  4125. }
  4126.  
  4127. @keyframes fadeIn {
  4128.    from { opacity: 0; transform: translateY(20px); }
  4129.    to { opacity: 1; transform: translateY(0); }
  4130. }
  4131.  
  4132. /* Loading State */
  4133. .loading {
  4134.    pointer-events: none;
  4135.    opacity: 0.7;
  4136. }
  4137.  
  4138. .loading .btn {
  4139.    position: relative;
  4140. }
  4141.  
  4142. .loading .btn::after {
  4143.    content: '';
  4144.    position: absolute;
  4145.    top: 50%;
  4146.    left: 50%;
  4147.    width: 16px;
  4148.    height: 16px;
  4149.    margin: -8px 0 0 -8px;
  4150.    border: 2px solid transparent;
  4151.    border-top-color: currentColor;
  4152.    border-radius: 50%;
  4153.    animation: spin 1s linear infinite;
  4154. }
  4155.  
  4156. @keyframes spin {
  4157.    to { transform: rotate(360deg); }
  4158. }
  4159.  
  4160. /* Utility Classes */
  4161. .text-gradient {
  4162.    background: linear-gradient(45deg, var(--bs-primary), var(--bs-success));
  4163.    -webkit-background-clip: text;
  4164.    -webkit-text-fill-color: transparent;
  4165.    background-clip: text;
  4166. }
  4167.  
  4168. .hover-lift {
  4169.    transition: transform 0.3s ease;
  4170. }
  4171.  
  4172. .hover-lift:hover {
  4173.    transform: translateY(-2px);
  4174. }
  4175. </style>
  4176.  
  4177.  
  4178. <script>
  4179. document.addEventListener('DOMContentLoaded', function() {
  4180.    
  4181.    // Initialize Bootstrap tooltips
  4182.    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
  4183.    tooltipTriggerList.map(function (tooltipTriggerEl) {
  4184.        return new bootstrap.Tooltip(tooltipTriggerEl);
  4185.    });
  4186.  
  4187.    // Newsletter form handling
  4188.    const newsletterForm = document.querySelector('.newsletter-form');
  4189.    if (newsletterForm) {
  4190.        newsletterForm.addEventListener('submit', function(e) {
  4191.            e.preventDefault();
  4192.            
  4193.            const email = this.querySelector('input[name="email"]').value.trim();
  4194.            const submitBtn = this.querySelector('button[type="submit"]');
  4195.            const originalContent = submitBtn.innerHTML;
  4196.            
  4197.            // Validate email
  4198.            if (!email || !isValidEmail(email)) {
  4199.                showToast('Please enter a valid email address', 'error');
  4200.                return;
  4201.            }
  4202.            
  4203.            // Show loading state
  4204.            this.classList.add('loading');
  4205.            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-1"></span>Subscribing...';
  4206.            submitBtn.disabled = true;
  4207.            
  4208.            // Simulate API call
  4209.            setTimeout(() => {
  4210.                // Success state
  4211.                submitBtn.innerHTML = '<i class="bi bi-check-lg me-1"></i>Subscribed!';
  4212.                submitBtn.classList.remove('btn-primary');
  4213.                submitBtn.classList.add('btn-success');
  4214.                
  4215.                showToast('Successfully subscribed to newsletter!', 'success');
  4216.                
  4217.                // Reset form
  4218.                setTimeout(() => {
  4219.                    this.classList.remove('loading');
  4220.                    submitBtn.innerHTML = originalContent;
  4221.                    submitBtn.classList.remove('btn-success');
  4222.                    submitBtn.classList.add('btn-primary');
  4223.                    submitBtn.disabled = false;
  4224.                    this.reset();
  4225.                }, 2000);
  4226.                
  4227.            }, 1500);
  4228.        });
  4229.    }
  4230.    
  4231.    // Email validation function
  4232.    function isValidEmail(email) {
  4233.        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  4234.        return emailRegex.test(email);
  4235.    }
  4236.    
  4237.    // Toast notification function
  4238.    function showToast(message, type = 'info') {
  4239.        // Remove existing toasts
  4240.        const existingToasts = document.querySelectorAll('.custom-toast');
  4241.        existingToasts.forEach(toast => toast.remove());
  4242.        
  4243.        // Create toast
  4244.        const toast = document.createElement('div');
  4245.        toast.className = `custom-toast position-fixed top-0 end-0 m-3 alert alert-${type === 'error' ? 'danger' : type} alert-dismissible fade show`;
  4246.        toast.style.zIndex = '9999';
  4247.        toast.innerHTML = `
  4248.            <div class="d-flex align-items-center">
  4249.                <i class="bi bi-${type === 'success' ? 'check-circle-fill' : type === 'error' ? 'exclamation-triangle-fill' : 'info-circle-fill'} me-2"></i>
  4250.                <span>${message}</span>
  4251.                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
  4252.            </div>
  4253.        `;
  4254.        
  4255.        document.body.appendChild(toast);
  4256.        
  4257.        // Auto remove after 4 seconds
  4258.        setTimeout(() => {
  4259.            if (toast && toast.parentNode) {
  4260.                toast.remove();
  4261.            }
  4262.        }, 4000);
  4263.    }
  4264.    
  4265.    // Smooth scroll for internal links
  4266.    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  4267.        anchor.addEventListener('click', function(e) {
  4268.            e.preventDefault();
  4269.            const target = document.querySelector(this.getAttribute('href'));
  4270.            if (target) {
  4271.                target.scrollIntoView({
  4272.                    behavior: 'smooth',
  4273.                    block: 'start'
  4274.                });
  4275.            }
  4276.        });
  4277.    });
  4278.    
  4279.    // Add fade-in animation to footer sections on scroll
  4280.    const observerOptions = {
  4281.        threshold: 0.1,
  4282.        rootMargin: '0px 0px -50px 0px'
  4283.    };
  4284.    
  4285.    const sectionObserver = new IntersectionObserver((entries) => {
  4286.        entries.forEach(entry => {
  4287.            if (entry.isIntersecting) {
  4288.                entry.target.classList.add('fade-in');
  4289.            }
  4290.        });
  4291.    }, observerOptions);
  4292.    
  4293.    // Observe footer sections
  4294.    document.querySelectorAll('.footer-section, .stats-item').forEach(section => {
  4295.        sectionObserver.observe(section);
  4296.    });
  4297.    
  4298.    // Enhanced hover effects for category tags
  4299.    document.querySelectorAll('.category-tag').forEach(tag => {
  4300.        tag.addEventListener('mouseenter', function() {
  4301.            this.style.transform = 'translateY(-2px) scale(1.02)';
  4302.        });
  4303.        
  4304.        tag.addEventListener('mouseleave', function() {
  4305.            this.style.transform = 'translateY(0) scale(1)';
  4306.        });
  4307.    });
  4308.    
  4309.    // Prevent default for demo links
  4310.    document.querySelectorAll('a[href="#"]').forEach(link => {
  4311.        link.addEventListener('click', function(e) {
  4312.            e.preventDefault();
  4313.        });
  4314.    });
  4315.    
  4316.    // Add click ripple effect to buttons
  4317.    document.querySelectorAll('.btn').forEach(btn => {
  4318.        btn.addEventListener('click', function(e) {
  4319.            const ripple = document.createElement('span');
  4320.            const rect = this.getBoundingClientRect();
  4321.            const size = Math.max(rect.width, rect.height);
  4322.            const x = e.clientX - rect.left - size / 2;
  4323.            const y = e.clientY - rect.top - size / 2;
  4324.            
  4325.            ripple.style.cssText = `
  4326.                position: absolute;
  4327.                left: ${x}px;
  4328.                top: ${y}px;
  4329.                width: ${size}px;
  4330.                height: ${size}px;
  4331.                border-radius: 50%;
  4332.                background: rgba(255, 255, 255, 0.4);
  4333.                transform: scale(0);
  4334.                animation: ripple-effect 0.6s linear;
  4335.                pointer-events: none;
  4336.            `;
  4337.            
  4338.            this.style.position = 'relative';
  4339.            this.style.overflow = 'hidden';
  4340.            this.appendChild(ripple);
  4341.            
  4342.            setTimeout(() => ripple.remove(), 600);
  4343.        });
  4344.    });
  4345.    
  4346. });
  4347.  
  4348. // Add ripple animation CSS
  4349. const rippleCSS = document.createElement('style');
  4350. rippleCSS.textContent = `
  4351.    @keyframes ripple-effect {
  4352.        to {
  4353.            transform: scale(4);
  4354.            opacity: 0;
  4355.        }
  4356.    }
  4357. `;
  4358. document.head.appendChild(rippleCSS);
  4359.  
  4360. document.addEventListener('DOMContentLoaded', function () {
  4361.    var btn = document.getElementById('toggleFooterLinks');
  4362.    if (!btn) return; // No extra links, no button
  4363.  
  4364.    var extras = document.querySelectorAll('#footerLinks li.extra');
  4365.  
  4366.    btn.addEventListener('click', function () {
  4367.        var anyHidden = Array.prototype.some.call(extras, function (li) {
  4368.            return li.classList.contains('d-none');
  4369.        });
  4370.  
  4371.        extras.forEach(function (li) {
  4372.            if (anyHidden) {
  4373.                li.classList.remove('d-none');
  4374.                li.classList.add('show');
  4375.            } else {
  4376.                li.classList.add('d-none');
  4377.                li.classList.remove('show');
  4378.            }
  4379.        });
  4380.  
  4381.        btn.textContent = anyHidden ? 'View less' : 'View more';
  4382.        btn.setAttribute('aria-expanded', anyHidden ? 'true' : 'false');
  4383.    });
  4384. });
  4385.  
  4386. </script>
  4387.  
  4388.        <!-- end of wpo-site-footer-section -->
  4389.    </div>
  4390.    <!-- end of page-wrapper -->
  4391.  
  4392.    <!-- All JavaScript files
  4393.    ================================================== -->
  4394.    
  4395.  
  4396. <script src="/static/blogapp/assets/js/jquery.min.js"></script>
  4397. <script src="/static/blogapp/assets/js/bootstrap.bundle.min.js"></script>
  4398. <!-- Plugins for this template -->
  4399. <script src="/static/blogapp/assets/js/modernizr.custom.js"></script>
  4400. <script src="/static/blogapp/assets/js/jquery-plugin-collection.js"></script>
  4401. <!-- Custom script for this template -->
  4402. <script src="/static/blogapp/assets/js/script.js"></script>
  4403.  
  4404. <script>
  4405. (function () {
  4406. var fallbackImageSrc = "/static/blogapp/assets/images/breaking-news/img-1.jpg";
  4407. console.log("[ImageFallback] Initialized with fallback:", fallbackImageSrc);
  4408.  
  4409. function applyFallback(img) {
  4410. if (!img || img.dataset.fallbackApplied === "1") {
  4411. return;
  4412. }
  4413. var failedSrc = img.currentSrc || img.src || "";
  4414. img.dataset.fallbackApplied = "1";
  4415. img.onerror = null;
  4416. img.src = fallbackImageSrc;
  4417. console.warn("[ImageFallback] Replaced broken image:", {
  4418. failedSrc: failedSrc,
  4419. fallbackSrc: fallbackImageSrc,
  4420. alt: img.alt || "",
  4421. });
  4422. }
  4423.  
  4424. document.querySelectorAll("img").forEach(function (img) {
  4425. if (img.complete && img.naturalWidth === 0) {
  4426. console.warn("[ImageFallback] Found broken image at load, applying fallback.", {
  4427. failedSrc: img.currentSrc || img.src || "",
  4428. alt: img.alt || "",
  4429. });
  4430. applyFallback(img);
  4431. }
  4432. });
  4433.  
  4434. document.addEventListener(
  4435. "error",
  4436. function (event) {
  4437. var target = event.target;
  4438. if (target && target.tagName === "IMG") {
  4439. applyFallback(target);
  4440. }
  4441. },
  4442. true
  4443. );
  4444. })();
  4445. </script>
  4446.  
  4447. <!-- <script src="https://api-new.nextbacklinks.com/static/ads/ad-script.js"></script> -->
  4448.  
  4449.  
  4450.  
  4451. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"a466fddc1b364f7690013af6daf59267","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  4452. </body>
  4453.  
  4454. </html>
  4455.  
  4456.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda