CINXE.COM

Motors | Articles (Page 1) | Crewe Nub News

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Motors | Articles (Page 1) | Crewe Nub News</title> <meta property="og:description" content="At Nub News we want to make local news easily accessible on all devices, without intrusive pop-up adverts or clickbait." /> <meta name="description" content="At Nub News we want to make local news easily accessible on all devices, without intrusive pop-up adverts or clickbait." /> <meta property="og:locale" content="en_GB" /> <meta property="og:site_name" content="Crewe Nub News" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Motors | Articles (Page 1) | Crewe Nub News" /> <link rel="next" href="https://crewe.nub.news/motors/news?page=2" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@CreweNub"> <meta name="twitter:title" content="Motors | Articles (Page 1) | Crewe Nub News"> <meta name="twitter:description" content="At Nub News we want to make local news easily accessible on all devices, without intrusive pop-up adverts or clickbait."> <link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64" href="https://crewe.nub.news/images/favicons/favicon.ico"> <link rel="icon" href="https://crewe.nub.news/images/favicons/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" sizes="57x57" href="https://crewe.nub.news/images/favicons/favicon-57.png"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://crewe.nub.news/images/favicons/favicon-57.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://crewe.nub.news/images/favicons/favicon-72.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://crewe.nub.news/images/favicons/favicon-114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://crewe.nub.news/images/favicons/favicon-120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://crewe.nub.news/images/favicons/favicon-144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://crewe.nub.news/images/logo/ios/152.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://crewe.nub.news/images/logo/ios/167.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://crewe.nub.news/images/logo/ios/180.png"> <link rel="manifest" href="/js13kpwa.webmanifest" /> <meta name="mobile-web-app-capable" content="yes" /> <link href="https://crewe.nub.news/images/logo/ios/1024.png" sizes="1024x1024" rel="apple-touch-startup-image" /> <meta name="application-name" content="Nub News"> <meta name="msapplication-TileImage" content="https://crewe.nub.news/images/favicons/favicon-144.png"> <meta name="msapplication-TileColor" content="#2A2A2A"> <meta name="google-site-verification" content="J4x5HnoqP5ZLpjiVqdL_8ze9b7HAH9deLdlOzUuxLog" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XD4X1EC306"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XD4X1EC306'); </script> <!-- End Google Tag Manager --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-3SY3PKXYGC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3SY3PKXYGC'); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MP5JPLW');</script> <!-- End Google Tag Manager --> <link rel="preload" href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" /> <noscript> <link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap" rel="stylesheet" type="text/css" /> </noscript> <style> .font-family-karla { font-family: karla; } </style> <!-- Styles --> <link rel="stylesheet" href="https://crewe.nub.news/css/app.css?v=1690366877"> <link rel="stylesheet" href="https://crewe.nub.news/js/swiper/swiper-bundle.min.css?v=8.1.4" /> <style> .nubNewsSwiper { z-index: 0; } </style> <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style> <!-- Facebook Pixel Analytics --> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '407631260765972'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=407631260765972&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-95564DWDK5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-95564DWDK5'); </script> <!-- Google Analytics --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123607003-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-123607003-1'); </script> </head> <body class="bg-gray-300 font-family-karla" style="/*background-color: #f0f0f0;*/"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MP5JPLW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Topic Category Nav --> <!-- Navbar goes here --> <div class="mt-0 fixed w-full z-10 top-0"> <nav id="nav-content" class="bg-gray-800 shadow-lg"> <div class="mx-auto px-2"> <div class="flex justify-between"> <div class="flex space-x-7"> <div class="flex items-center py-2 px-2"> <a href="https://crewe.nub.news" class="flex items-center"> <!-- Website Logo --> <img src="https://crewe.nub.news/images/nub-icon.svg" alt="Nub News Logo" class="h-8 w-8 mr-2"> <div class="flex flex-col"> <div class="text-white text-base leading-3 mt-1">Crewe</div> <div class="font-semibold text-white text-lg leading-6">Nub News</div> </div> </a> </div> <!-- Primary Navbar items --> <div class="hidden lg:flex items-center space-x-1"> <div class="hoverable"> <a href="https://crewe.nub.news/news" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> News </a> <!-- Dropdown News menu --> <div wire:id="qtXLk25uVAWtbJctqbfT" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;qtXLk25uVAWtbJctqbfT&quot;,&quot;name&quot;:&quot;frontend.navigation.news-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;10734981&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;e0b597564a8e8e33eadc1cc59b99406823dcf425bee78bdf928efb09c911270c&quot;}}" class="p-6 mega-menu mb-4 mt-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-row justify-between mx-2"> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/news/advertisement-features" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Advertisement Features </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/news/local-features" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Local Features </a> </li> <li> <a href="https://crewe.nub.news/news/local-history" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Local History </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/news/local-news" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Local News </a> </li> <li> <a href="https://crewe.nub.news/news/local-sport" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Local Sport </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/news/opinion" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Opinion </a> </li> </ul> </div> </div> <!-- Livewire Component wire-end:qtXLk25uVAWtbJctqbfT --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/whats-on" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> What&#039;s On </a> <!-- Dropdown News menu --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/offers" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Club Nub </a> <!-- Dropdown Discounts menu --> <div wire:id="q4mcU6YiZqJvoygIFsFs" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;q4mcU6YiZqJvoygIFsFs&quot;,&quot;name&quot;:&quot;frontend.navigation.discounts-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;15255a04&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;841e5f730cce9c5abb8305ee821d5bb992028690b7ecf71c8d639aeba9bf7ad4&quot;}}" class="p-6 mega-menu mb-4 mt-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-row justify-between mx-2"> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/offers/animal-care" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Animal Care </a> </li> <li> <a href="https://crewe.nub.news/offers/beauty" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Beauty </a> </li> <li> <a href="https://crewe.nub.news/offers/cars-motors" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Cars &amp; Motors </a> </li> <li> <a href="https://crewe.nub.news/offers/education" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Education </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/offers/events" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Events </a> </li> <li> <a href="https://crewe.nub.news/offers/financial-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Financial Services </a> </li> <li> <a href="https://crewe.nub.news/offers/florists" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Florists </a> </li> <li> <a href="https://crewe.nub.news/offers/food-drink" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Food &amp; Drink </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/offers/health-and-wellbeing" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Health and Wellbeing </a> </li> <li> <a href="https://crewe.nub.news/offers/home-maintenance" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Home Maintenance </a> </li> <li> <a href="https://crewe.nub.news/offers/real-estate-agents" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Real Estate Agents </a> </li> <li> <a href="https://crewe.nub.news/offers/recreation" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Recreation </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/offers/retail" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Retail </a> </li> <li> <a href="https://crewe.nub.news/offers/solicitors" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Solicitors </a> </li> <li> <a href="https://crewe.nub.news/offers/sport" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Sport </a> </li> <li> <a href="https://crewe.nub.news/offers/transport" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Transport </a> </li> </ul> </div> </div> <!-- Livewire Component wire-end:q4mcU6YiZqJvoygIFsFs --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/motors" class="py-4 pl-3 pr-3 text-nubnewsred-800 border-b-4 border-white"> Motors </a> <!-- Dropdown News menu --> <div wire:id="Qr0D8CHVEAQrNGuQEQhC" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;Qr0D8CHVEAQrNGuQEQhC&quot;,&quot;name&quot;:&quot;frontend.navigation.motor-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;0e7944e0&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;2394657455d98cb33cd36a1f8f81c3ae2ee594152991ac786d3d36de185c68eb&quot;}}" class="p-6 mega-menu mb-4 mt-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-row justify-between mx-2"> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/motors/car-of-the-week" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Car of the Week </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/motors/news" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> News </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/motors/reviews" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Reviews </a> </li> </ul> </div> </div> <!-- Livewire Component wire-end:Qr0D8CHVEAQrNGuQEQhC --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/property" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Property </a> <!-- Dropdown News menu --> <div wire:id="WtW3SeeGmUKEhFnrGMnU" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;WtW3SeeGmUKEhFnrGMnU&quot;,&quot;name&quot;:&quot;frontend.navigation.property-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;78495bcd&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;fe4bd147cabdf2767d404f8f6aa326cbd7f9c894cf0b4da04ed107a53dd14707&quot;}}" class="p-6 mega-menu mb-4 mt-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-row justify-between mx-2"> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/property/property-of-the-week" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Property of the Week </a> </li> </ul> </div> </div> <!-- Livewire Component wire-end:WtW3SeeGmUKEhFnrGMnU --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/jobs" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Jobs </a> <!-- Dropdown News menu --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/partners" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Partners </a> </div> <div class="hoverable"> <a href="https://crewe.nub.news/directories" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Shop Local </a> <!-- Dropdown News menu --> <div wire:id="R8lHGi06RWeHvlSjEDih" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;R8lHGi06RWeHvlSjEDih&quot;,&quot;name&quot;:&quot;frontend.navigation.directory-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3d5c91a8&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;0a1def711443e3defe05e047a23f71cbebc3ef36912993a2ce982016c08b384b&quot;}}" class="p-6 mega-menu mb-4 mt-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-row justify-between mx-2"> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/directories/accountants" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Accountants </a> </li> <li> <a href="https://crewe.nub.news/directories/adventure-and-activities" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Adventure and Activities </a> </li> <li> <a href="https://crewe.nub.news/directories/bakeriescakes" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Bakeries/Cakes </a> </li> <li> <a href="https://crewe.nub.news/directories/barber-shops" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Barber Shops </a> </li> <li> <a href="https://crewe.nub.news/directories/beauty" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Beauty </a> </li> <li> <a href="https://crewe.nub.news/directories/beauty-salons" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Beauty Salons </a> </li> <li> <a href="https://crewe.nub.news/directories/building-maintenance" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Building Maintenance </a> </li> <li> <a href="https://crewe.nub.news/directories/business-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Business Services </a> </li> <li> <a href="https://crewe.nub.news/directories/cafes-restaurants" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Cafes &amp; Restaurants </a> </li> <li> <a href="https://crewe.nub.news/directories/cars" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Cars </a> </li> <li> <a href="https://crewe.nub.news/directories/celebration-cakes" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Celebration Cakes </a> </li> <li> <a href="https://crewe.nub.news/directories/charities" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Charities </a> </li> <li> <a href="https://crewe.nub.news/directories/community" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Community </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/directories/computingitweb-design" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Computing/IT/Web Design </a> </li> <li> <a href="https://crewe.nub.news/directories/educationtutoring" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Education/Tutoring </a> </li> <li> <a href="https://crewe.nub.news/directories/electricians" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Electricians </a> </li> <li> <a href="https://crewe.nub.news/directories/estate-agents" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Estate Agents </a> </li> <li> <a href="https://crewe.nub.news/directories/financial-advisors" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Financial Advisors </a> </li> <li> <a href="https://crewe.nub.news/directories/financial-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Financial Services </a> </li> <li> <a href="https://crewe.nub.news/directories/fitness" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Fitness </a> </li> <li> <a href="https://crewe.nub.news/directories/florists" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Florists </a> </li> <li> <a href="https://crewe.nub.news/directories/funeral-directors" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Funeral Directors </a> </li> <li> <a href="https://crewe.nub.news/directories/garden-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Garden Services </a> </li> <li> <a href="https://crewe.nub.news/directories/hairdressers" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Hairdressers </a> </li> <li> <a href="https://crewe.nub.news/directories/health-beauty" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Health &amp; Beauty </a> </li> <li> <a href="https://crewe.nub.news/directories/health-safety" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Health &amp; Safety </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/directories/health-well-being" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Health &amp; Well-being </a> </li> <li> <a href="https://crewe.nub.news/directories/health-and-fitness" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Health and Fitness </a> </li> <li> <a href="https://crewe.nub.news/directories/health-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Health Services </a> </li> <li> <a href="https://crewe.nub.news/directories/home-improvements" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Home Improvements </a> </li> <li> <a href="https://crewe.nub.news/directories/home-maintenance" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Home Maintenance </a> </li> <li> <a href="https://crewe.nub.news/directories/interiors" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Interiors </a> </li> <li> <a href="https://crewe.nub.news/directories/it-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> IT Services </a> </li> <li> <a href="https://crewe.nub.news/directories/market-stalls" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Market Stalls </a> </li> <li> <a href="https://crewe.nub.news/directories/nurseriesschools" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Nurseries/Schools </a> </li> <li> <a href="https://crewe.nub.news/directories/other" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> OTHER </a> </li> <li> <a href="https://crewe.nub.news/directories/painters-decorators" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Painters &amp; Decorators </a> </li> <li> <a href="https://crewe.nub.news/directories/photographervideo-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Photographer/Video services </a> </li> <li> <a href="https://crewe.nub.news/directories/plumbing-heating" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Plumbing &amp; Heating </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/directories/pubs-clubs" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Pubs &amp; Clubs </a> </li> <li> <a href="https://crewe.nub.news/directories/roofers" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Roofers </a> </li> <li> <a href="https://crewe.nub.news/directories/shops-food" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Shops (Food) </a> </li> <li> <a href="https://crewe.nub.news/directories/shops-non-food" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Shops (Non Food) </a> </li> <li> <a href="https://crewe.nub.news/directories/sport-leisure" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Sport &amp; Leisure </a> </li> <li> <a href="https://crewe.nub.news/directories/sports-clubs" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Sports Clubs </a> </li> <li> <a href="https://crewe.nub.news/directories/surveyors" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Surveyors </a> </li> <li> <a href="https://crewe.nub.news/directories/taxis" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Taxis </a> </li> <li> <a href="https://crewe.nub.news/directories/travel-agents" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Travel Agents </a> </li> <li> <a href="https://crewe.nub.news/directories/vetsanimal-services" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Vets/Animal Services </a> </li> </ul> </div> </div> <!-- Livewire Component wire-end:R8lHGi06RWeHvlSjEDih --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/obituaries" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Obituaries </a> <!-- Dropdown News menu --> <div wire:id="x8b0pn8HQKLQwIUnCbIS" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;x8b0pn8HQKLQwIUnCbIS&quot;,&quot;name&quot;:&quot;frontend.navigation.obituary-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;ab35bafe&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;c3ab4115d97e8674fd4c34ecc43d46afaabc7ca21172a8b8ae76fd2b7dd207a3&quot;}}" class="p-6 mega-menu mb-4 mt-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-row justify-between mx-2"> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/obituaries/acknowledgements" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Acknowledgements </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/obituaries/death-notices" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Death Notices </a> </li> </ul> <ul class="px-2 w-full"> <li> <a href="https://crewe.nub.news/obituaries/funeral-reports" class="block p-1 pl-2 pr-2 hover:bg-gray-600 text-gray-600 hover:text-white"> Funeral Reports </a> </li> </ul> </div> </div> <!-- Livewire Component wire-end:x8b0pn8HQKLQwIUnCbIS --> </div> <div class="hoverable" style="display: none;"> <a href="/weather" style="color:lightgreen" class="py-4 pl-3 pr-3 font-bold border-b-4 border-opacity-0 text-white"> Weather </a> </div> <!--Toggleable Link--> <div class="toggleable hidden"> <input type="checkbox" value="selected" id="toggle-one" class="toggle-input"> <label for="toggle-one" class="flex items-center bg-gray-100 text-gray-700 font-semibold rounded focus:outline-none focus:shadow-inner py-2 px-4 cursor-pointer ml-2"> <span class="mr-1">More</span> </label> <div role="toggle" class="p-6 mega-menu mt-3 mb-16 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-wrap justify-between mx-2"> <ul class="px-4 w-full sm:w-1/2 lg:w-1/4 border-gray-600 border-b sm:border-r lg:border-b-0 pb-6 pt-6 lg:pt-3"> <div class="flex items-center"> <h3 class="font-bold text-xl text-gray-600 text-bold mb-2">Crewe Nub News</h3> </div> <p class="text-gray-600 text-2x"> Local news and What's On from Crewe. <strong>Your town in your pocket.</strong> </p> </ul> <ul class="px-4 w-full sm:w-1/2 lg:w-1/4 border-gray-300 border-b sm:border-r-0 lg:border-r lg:border-b-0 pb-6 pt-6 lg:pt-3"> <h3 class="font-bold text-xl text-gray-600 text-bold mb-2">More ...</h3> <li style="display: none;"> <a href="/weather" class="block p-3 hover:bg-gray-600 text-gray-600 hover:text-white"> Weather </a> </li> </ul> <!-- Latest Articles --> </div> </div> </div> <div class="toggleable"> <input type="checkbox" value="selected" id="toggle-login" class="toggle-input"> <label for="toggle-login" id="link_toggle_desktop" class="flex items-center text-gray-700 rounded focus:outline-none focus:shadow-inner py-2 px-4 cursor-pointer ml-2" style="color:white; max-width: 90px;"> Login <img src="/images/login.png" style="width:24px;" /> </label> <div role="toggle" class="p-6 mega-menu mt-2 mb-4 sm:mb-0 shadow-xl bg-gray-100" style="width: auto; left:auto;"> <div class="container mx-auto w-full"> <button onClick="closeLinkDesktop();" class="p-1" type="button" style=" float: right; color: grey; margin-top: -20px; margin-right: -20px; "> <svg style=" fill: currentcolor; width: 20px; height: auto; border-radius: 10px; border: 1px solid gray;" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.015 14.042 20.707 22 22 20.709 14.06 12 22 3.291 20.707 2l-8.692 7.958L3.293 2.03 2 3.321 9.97 12 2 20.679l1.293 1.291 8.722-7.928Z"></path></svg> </button> <div id="send_me_link_desktop"> Send one-time login link to your email:<br> <input id="sub_email_desktop" placeholder="Your email..." type="subscriber_email_address" name="subscriber_email_address" class="py-1 px-1" style="width: 250px; border-radius: 3px; border: 1px solid grey;" required autofocus> <button id="button_sub_email_desktop" type="button" onclick="sendLinkDesktop()" class="my-1 mx-1 px-4 py-1" style="border-radius: 5px; color:white;background:rgb(211, 55, 58);">Send</button> </div> <div id="sent_link_desktop" style="display:none; margin-top: 5px; margin-bottom: 5px;"> <b>Your one-time login link was sent.<br> Please, check your mailbox and click on link.</b><br> Your login link will expire in 15 minutes. </div> <div class="w-full justify-between mt-5"> Don't have account? - <a class="px-2 py-1 " href="javascript:void(0);" onClick="window.livewire.emit('showModal')" title="Subscribe" style=" color: white; background: green; border-radius: 5px; width: 120px; height: 37px; "> <i class="fas fa-envelope" style="margin-top: 6px;"></i> <span class="text-lg" style="color: white;">Subscribe</span> </a> </div> <script> function sendLinkDesktop() { const subEmail = document.getElementById('sub_email_desktop'); if (subEmail.value === '') { subEmail.style.border = '2px solid red'; } else { const link_info = { subscriber_email_address: subEmail.value, } fetch("/api/subscriber/link", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(link_info) }); subEmail.style.border = '1px solid grey'; const subEmailButton = document.getElementById('button_sub_email_desktop'); subEmailButton.innerHTML = 'Sent!'; subEmailButton.style.backgroundColor = 'green'; //subEmailButton.innerHTML = 'Send Again'; const subEmailSentDesktopBox = document.getElementById('sent_link_desktop'); subEmailSentDesktopBox.style.display = 'block'; buttonTimeout = setTimeout(function(){ const subEmailButton = document.getElementById('button_sub_email_desktop'); subEmailButton.style.backgroundColor = '#d2373f'; subEmailButton.innerHTML = 'Send Again'; },2000); } } function closeLinkDesktop() { const toggleLoginDesktop = document.getElementById('toggle-login'); if (toggleLoginDesktop.checked) { const linkToggleDesktop = document.getElementById('link_toggle_desktop'); linkToggleDesktop.click(); } } </script> </div> </div> </div> <div class="toggleable" style="margin-top: -2px; margin-left: -5px;"> <a class="px-2 py-1" href="javascript:void(0);" onClick="closeLinkDesktop(); window.livewire.emit('showModal')" title="Subscribe" style=" color: white; background: green; border-radius: 5px; width: 140px; height: 43px; "> <i class="fas fa-envelope" style="margin-top: 6px;"></i> <span class="text-lg" style="color: white;">Subscribe</span> </a> </div> <!--Toggleable Link--> <div class="toggleable"> <input type="checkbox" value="selected" id="toggle-two" class="toggle-input"> <label for="toggle-two" class="flex items-center text-gray-700 font-semibold rounded focus:outline-none focus:shadow-inner py-2 px-4 cursor-pointer ml-2"> <i class="fas fa-search text-white"></i> </label> <div role="toggle" class="p-6 mega-menu mt-4 mb-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full flex flex-wrap justify-between mx-2"> <div wire:id="mlclCLtAvlJsQPUkqLys" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;mlclCLtAvlJsQPUkqLys&quot;,&quot;name&quot;:&quot;frontend.navigation.search-news&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;611bcf2e&quot;,&quot;data&quot;:{&quot;site&quot;:[],&quot;query&quot;:&quot;&quot;,&quot;newsArticles&quot;:[],&quot;highlightIndex&quot;:0},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;6de22a1a624266696868d95fde50df14eb31cad59b7f590c7d55b9b837e19b26&quot;}}"> <div class="inline-flex flex-col justify-center relative text-gray-500"> <div class="relative"> <input type="search" placeholder="Search..." autofocus="autofocus" class="w-full p-2 pl-8 rounded border border-gray-200 bg-gray-200 focus:bg-white focus:outline-none focus:ring-2 focus:ring-nubnewsred-800 focus:border-transparent text-xl lg:text-2xl" wire:model="query" wire:keydown.escape="clearFields" wire:keydown.tab="clearFields" wire:keydown.ArrowUp="decrementHighlight" wire:keydown.ArrowDown="incrementHighlight" wire:keydown.enter="selectNews" > <i class="fas fa-search absolute left-2.5 top-3.5"></i> </div> </div> </div> <!-- Livewire Component wire-end:mlclCLtAvlJsQPUkqLys --> </div> </div> </div> <div class="toggleable"> <div id="watch-banner4020" class="watch-banner"> <a href="https://crewe.nub.news/weather" id="click-4020" target="_blank"> <picture> <source src="https://nub.news/api/image/622253/original.png" fetchpriority="high" srcset="https://nub.news/api/image/613714/original.png 2x" style="height: 50px; max-height: 50px;" media="(max-width: 767px)"> <img class="object-cover w-full" fetchpriority="high" src="https://nub.news/api/image/622253/original.png" srcset="https://nub.news/api/image/622253/original.png 2x" style="height: 50px; max-height: 50px;" alt=""> </picture> </a> </div> </div> </div> </div> <!-- Mobile menu button --> <div id="nav-toggle" class="lg:hidden flex items-center"> <!--Toggleable Link--> <div class="toggleable"> <div id="watch-banner4020" class="watch-banner"> <a href="https://crewe.nub.news/weather" id="click-4020" target="_blank"> <picture> <source src="https://nub.news/api/image/622253/original.png" fetchpriority="high" srcset="https://nub.news/api/image/613714/original.png 2x" style="height: 50px; max-height: 50px;" media="(max-width: 767px)"> <img class="object-cover w-full" fetchpriority="high" src="https://nub.news/api/image/622253/original.png" srcset="https://nub.news/api/image/622253/original.png 2x" style="height: 50px; max-height: 50px;" alt=""> </picture> </a> </div> </div> <div class="toggleable w-12 hidden"> <input type="checkbox" value="selected" id="toggle-three" class="toggle-input"> <label for="toggle-three" class="flex items-center text-gray-700 font-semibold rounded focus:outline-none focus:shadow-inner py-2 px-4 cursor-pointer ml-2"> <i class="fas fa-search text-white"></i> </label> <div role="toggle" class="p-6 mega-menu mt-4 mb-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container mx-auto w-full mx-2"> <div wire:id="6J94GbrNGDbjZzcdfKk2" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;6J94GbrNGDbjZzcdfKk2&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.search-news&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3448214d&quot;,&quot;data&quot;:{&quot;site&quot;:[],&quot;query&quot;:&quot;&quot;,&quot;newsArticles&quot;:[],&quot;highlightIndex&quot;:0},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;06e24c17ca2cdf2f455afe188f039fbf56f275dfe48f153ebb34398ba25f962a&quot;}}"> <div class="relative text-gray-500"> <div class="relative"> <input type="search" placeholder="Search..." autofocus="autofocus" class="w-full p-2 pl-8 rounded border border-gray-200 bg-gray-200 focus:bg-white focus:outline-none focus:ring-2 focus:ring-nubnewsred-800 focus:border-transparent text-xl lg:text-2xl" wire:model="query" wire:keydown.escape="clearFields" wire:keydown.tab="clearFields" wire:keydown.ArrowUp="decrementHighlight" wire:keydown.ArrowDown="incrementHighlight" wire:keydown.enter="selectNews" > <i class="fas fa-search absolute left-2.5 top-3.5"></i> </div> </div> </div> <!-- Livewire Component wire-end:6J94GbrNGDbjZzcdfKk2 --> </div> </div> </div> <div class="hoverable" style="width: 86px; overflow: hidden;"> <input type="checkbox" value="selected" id="toggle-login-mobile" class="toggle-input"> <label id="link_toggle_mobile" for="toggle-login-mobile" class="flex items-center text-gray-700 rounded font-semibold focus:outline-none focus:shadow-inner py-2 px-4 cursor-pointer ml-2" style="color:white; font-si"> Login <img src="/images/login.png" style="width:24px;" /> </label> <div role="toggle" class="p-2 pb-4 mega-menu mt-2 mb-4 sm:mb-0 shadow-xl bg-gray-100"> <div class="container float-left w-full justify-between mx-2"> <div id="send_me_link_mobile"> Send one-time login link to your email:<br> <input id="sub_email_mobile" placeholder="Your email..." type="subscriber_email_address" name="subscriber_email_address" class="py-1 px-1" style="width: 220px; border-radius: 3px; border: 1px solid grey;" required autofocus> <button id="button_sub_email_mobile" type="button" onclick="sendLinkMobile()" class="my-1 mx-1 px-4 py-1" style="border-radius: 5px; color:white;background:rgb(211, 55, 58);">Send</button> </div> <div id="sent_link_mobile" style="display:none; margin-top: 5px;"> <b>Your one-time login link was sent.<br> Please, check your mailbox and click on link.</b><br> Your login link will expire in 15 minutes. </div> <script> function sendLinkMobile() { const subEmail = document.getElementById('sub_email_mobile'); if (subEmail.value === '') { subEmail.style.border = '2px solid red'; } else { const link_info = { subscriber_email_address: subEmail.value, } fetch("/api/subscriber/link", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(link_info) }); subEmail.style.border = '1px solid grey'; const subEmailButton = document.getElementById('button_sub_email_mobile'); subEmailButton.innerHTML = 'Sent!'; subEmailButton.style.backgroundColor = 'green'; const subEmailSentDesktopBox = document.getElementById('sent_link_mobile'); subEmailSentDesktopBox.style.display = 'block'; buttonTimeout = setTimeout(function(){ const subEmailButton = document.getElementById('button_sub_email_mobile'); subEmailButton.style.backgroundColor = '#d2373f'; subEmailButton.innerHTML = 'Send Again'; },2000); } } </script> </div> <div class="container float-left w-full justify-between mx-2 mt-3"> Don't have account? - <a class="px-2 py-1 " href="javascript:void(0);" onClick="window.livewire.emit('showModal')" title="Subscribe" style=" color: white; background: green; border-radius: 5px; width: 120px; height: 37px; "> <i class="fas fa-envelope" style="margin-top: 6px;"></i> <span class="text-lg" style="color: white;">Subscribe</span> </a> </div> </div> </div> <button class="navbar-burger flex items-center text-white p-3"> <i class="fas fa-bars fa-w-16"></i> </button> </div> </div> </div> </nav> </div> <!-- Mobile Navbar --> <div class="navbar-menu relative z-50 hidden"> <div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25"></div> <nav class="fixed top-0 left-0 bottom-0 flex flex-col w-5/6 max-w-sm py-6 px-6 bg-gray-800 border-r overflow-y-auto"> <div class="flex items-center mb-8"> <a class="mr-auto text-3xl font-bold leading-none" href="#"> <svg class="h-10" alt="nub news logo" viewBox="0 0 437.2 342.3"> <path xmlns="http://www.w3.org/2000/svg" d="M107.7,77c0-58,52-77,110-77s110,19,110,77c0,42.3-19.7,75.2-99.2,190.4a13.18,13.18,0,0,1-21.6,0C127.5,152.2,107.7,119.3,107.7,77Zm166.8-3c0-24.2-32.6-36.8-56.8-36.8S161,49.8,161,74s32.6,36.8,56.8,36.8S274.5,98.2,274.5,74Z" transform="translate(0 0)" style="fill:#d53535"/></g><g id="Layer_3" data-name="Layer 3"><path d="M329,135.5c-3.4,6.6-7.5,13.6-12.1,21.2,47,15.8,78,42.7,78,73.2,0,48.7-78.9,76.2-176.3,76.2S42.3,278.7,42.3,229.9c0-30.2,30.3-56.9,76.6-72.8-4.7-7.6-8.7-14.7-12.2-21.2C42.8,155,0,190,0,229.9c0,60.4,97.8,112.4,218.6,112.4s218.6-52,218.6-112.4C437.1,189.7,393.7,154.5,329,135.5Z" transform="translate(0 0)" style="fill:#d53535"/> </svg> </a> <button class="navbar-close"> <svg class="h-6 w-6 text-gray-400 cursor-pointer hover:text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> <div> <ul> <div> <div wire:id="jjyvES9isOdglHa3ouoh" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;jjyvES9isOdglHa3ouoh&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.search-news&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;3448214d&quot;,&quot;data&quot;:{&quot;site&quot;:[],&quot;query&quot;:&quot;&quot;,&quot;newsArticles&quot;:[],&quot;highlightIndex&quot;:0},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;079f5da2652e01caeed70906ef72db5169642e6038d8447210dbe8908132ecff&quot;}}"> <div class="relative text-gray-500"> <div class="relative"> <input type="search" placeholder="Search..." autofocus="autofocus" class="w-full p-2 pl-8 rounded border border-gray-200 bg-gray-200 focus:bg-white focus:outline-none focus:ring-2 focus:ring-nubnewsred-800 focus:border-transparent text-xl lg:text-2xl" wire:model="query" wire:keydown.escape="clearFields" wire:keydown.tab="clearFields" wire:keydown.ArrowUp="decrementHighlight" wire:keydown.ArrowDown="incrementHighlight" wire:keydown.enter="selectNews" > <i class="fas fa-search absolute left-2.5 top-3.5"></i> </div> </div> </div> <!-- Livewire Component wire-end:jjyvES9isOdglHa3ouoh --> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/news" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > News <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> <div wire:id="0fQK4SiErVINvAUN9uPG" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;0fQK4SiErVINvAUN9uPG&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.news-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;d23f4358&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;563a478cd81e7c30125e1c67ce0f1721fe56d3306f4349de5cc81d9acf91cdf2&quot;}}" x-show="openMenuNews" style="display: none" x-transition:enter="transition ease-in-out duration-300 origin-top" x-transition:enter-start="opacity-0 transform scale-y-0" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-0" > <a href="https://crewe.nub.news/news/advertisement-features" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Advertisement Features </a> <a href="https://crewe.nub.news/news/local-features" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Local Features </a> <a href="https://crewe.nub.news/news/local-history" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Local History </a> <a href="https://crewe.nub.news/news/local-news" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Local News </a> <a href="https://crewe.nub.news/news/local-sport" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Local Sport </a> <a href="https://crewe.nub.news/news/opinion" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Opinion </a> </div> <!-- Livewire Component wire-end:0fQK4SiErVINvAUN9uPG --> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/whats-on" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > What&#039;s On <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/offers" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Club Nub <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/motors" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-nubnewsred-800 border-b-4 border-white" role="button" > Motors <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> <div wire:id="c0n5INtb0afEKp41yHGj" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;c0n5INtb0afEKp41yHGj&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.motor-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;be7286f4&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;9c6525bfa2f297e018461026d180813a39b9e22caa2dc8c39c1e172175f7be31&quot;}}" x-show="openMenuNews" style="display: none" x-transition:enter="transition ease-in-out duration-300 origin-top" x-transition:enter-start="opacity-0 transform scale-y-0" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-0" > <a href="https://crewe.nub.news/motors/car-of-the-week" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Car of the Week </a> <a href="https://crewe.nub.news/motors/news" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> News </a> <a href="https://crewe.nub.news/motors/reviews" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Reviews </a> </div> <!-- Livewire Component wire-end:c0n5INtb0afEKp41yHGj --> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/property" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Property <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> <div wire:id="EUN1O7kbx3hjYhEsB9MG" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;EUN1O7kbx3hjYhEsB9MG&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.property-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;a5b2b1d0&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;ddbd6efe10c4e93468039d7fc453f1aa7ef9c5a594de24733a2cde31bd16f5eb&quot;}}" x-show="openMenuNews" style="display: none" x-transition:enter="transition ease-in-out duration-300 origin-top" x-transition:enter-start="opacity-0 transform scale-y-0" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-0" > <a href="https://crewe.nub.news/property/property-of-the-week" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Property of the Week </a> </div> <!-- Livewire Component wire-end:EUN1O7kbx3hjYhEsB9MG --> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/jobs" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Jobs <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/partners" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Partners <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/directories" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Shop Local <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> <div wire:id="U3a1c78h3ZKaZxHuouip" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;U3a1c78h3ZKaZxHuouip&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.directory-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;ec07bfa2&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;101c80e3432b89e913f1914d55451a4707857dff31092e154813dfe2d7210016&quot;}}" x-show="openMenuNews" style="display: none" x-transition:enter="transition ease-in-out duration-300 origin-top" x-transition:enter-start="opacity-0 transform scale-y-0" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-0" > <a href="https://crewe.nub.news/directories/accountants" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Accountants </a> <a href="https://crewe.nub.news/directories/adventure-and-activities" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Adventure and Activities </a> <a href="https://crewe.nub.news/directories/bakeriescakes" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Bakeries/Cakes </a> <a href="https://crewe.nub.news/directories/barber-shops" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Barber Shops </a> <a href="https://crewe.nub.news/directories/beauty" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Beauty </a> <a href="https://crewe.nub.news/directories/beauty-salons" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Beauty Salons </a> <a href="https://crewe.nub.news/directories/building-maintenance" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Building Maintenance </a> <a href="https://crewe.nub.news/directories/business-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Business Services </a> <a href="https://crewe.nub.news/directories/cafes-restaurants" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Cafes &amp; Restaurants </a> <a href="https://crewe.nub.news/directories/cars" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Cars </a> <a href="https://crewe.nub.news/directories/celebration-cakes" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Celebration Cakes </a> <a href="https://crewe.nub.news/directories/charities" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Charities </a> <a href="https://crewe.nub.news/directories/community" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Community </a> <a href="https://crewe.nub.news/directories/computingitweb-design" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Computing/IT/Web Design </a> <a href="https://crewe.nub.news/directories/educationtutoring" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Education/Tutoring </a> <a href="https://crewe.nub.news/directories/electricians" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Electricians </a> <a href="https://crewe.nub.news/directories/estate-agents" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Estate Agents </a> <a href="https://crewe.nub.news/directories/financial-advisors" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Financial Advisors </a> <a href="https://crewe.nub.news/directories/financial-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Financial Services </a> <a href="https://crewe.nub.news/directories/fitness" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Fitness </a> <a href="https://crewe.nub.news/directories/florists" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Florists </a> <a href="https://crewe.nub.news/directories/funeral-directors" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Funeral Directors </a> <a href="https://crewe.nub.news/directories/garden-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Garden Services </a> <a href="https://crewe.nub.news/directories/hairdressers" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Hairdressers </a> <a href="https://crewe.nub.news/directories/health-beauty" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Health &amp; Beauty </a> <a href="https://crewe.nub.news/directories/health-safety" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Health &amp; Safety </a> <a href="https://crewe.nub.news/directories/health-well-being" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Health &amp; Well-being </a> <a href="https://crewe.nub.news/directories/health-and-fitness" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Health and Fitness </a> <a href="https://crewe.nub.news/directories/health-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Health Services </a> <a href="https://crewe.nub.news/directories/home-improvements" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Home Improvements </a> <a href="https://crewe.nub.news/directories/home-maintenance" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Home Maintenance </a> <a href="https://crewe.nub.news/directories/interiors" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Interiors </a> <a href="https://crewe.nub.news/directories/it-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> IT Services </a> <a href="https://crewe.nub.news/directories/market-stalls" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Market Stalls </a> <a href="https://crewe.nub.news/directories/nurseriesschools" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Nurseries/Schools </a> <a href="https://crewe.nub.news/directories/other" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> OTHER </a> <a href="https://crewe.nub.news/directories/painters-decorators" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Painters &amp; Decorators </a> <a href="https://crewe.nub.news/directories/photographervideo-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Photographer/Video services </a> <a href="https://crewe.nub.news/directories/plumbing-heating" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Plumbing &amp; Heating </a> <a href="https://crewe.nub.news/directories/pubs-clubs" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Pubs &amp; Clubs </a> <a href="https://crewe.nub.news/directories/roofers" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Roofers </a> <a href="https://crewe.nub.news/directories/shops-food" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Shops (Food) </a> <a href="https://crewe.nub.news/directories/shops-non-food" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Shops (Non Food) </a> <a href="https://crewe.nub.news/directories/sport-leisure" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Sport &amp; Leisure </a> <a href="https://crewe.nub.news/directories/sports-clubs" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Sports Clubs </a> <a href="https://crewe.nub.news/directories/surveyors" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Surveyors </a> <a href="https://crewe.nub.news/directories/taxis" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Taxis </a> <a href="https://crewe.nub.news/directories/travel-agents" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Travel Agents </a> <a href="https://crewe.nub.news/directories/vetsanimal-services" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Vets/Animal Services </a> </div> <!-- Livewire Component wire-end:U3a1c78h3ZKaZxHuouip --> </div> <div class="mb-1" x-data="{openMenuNews:false}" > <a href="https://crewe.nub.news/obituaries" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Obituaries <span aria-hidden="true" @click="$event.preventDefault(); openMenuNews = !openMenuNews"> <svg class="w-4 h-4 transition-transform transform" :class="{ 'rotate-180': openMenuNews }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> </svg> </span> </a> <div wire:id="qYi0hVVsOru5SEpnH1nF" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;qYi0hVVsOru5SEpnH1nF&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.obituary-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;0d97c5fd&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;39f03e47ce9a55201779f1b928fe9769563f2770c2937c0a571128515789de77&quot;}}" x-show="openMenuNews" style="display: none" x-transition:enter="transition ease-in-out duration-300 origin-top" x-transition:enter-start="opacity-0 transform scale-y-0" x-transition:enter-end="opacity-100 transform scale-y-100" x-transition:leave="opacity-100 transform scale-y-100" x-transition:leave-end="opacity-0 transform scale-y-0" > <a href="https://crewe.nub.news/obituaries/acknowledgements" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Acknowledgements </a> <a href="https://crewe.nub.news/obituaries/death-notices" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Death Notices </a> <a href="https://crewe.nub.news/obituaries/funeral-reports" class="h-12 px-4 py-3 text-gray-400 tracking-wider block font-medium border-b-2 border-gray-400 hover:text-white hover:bg-gray-500"> Funeral Reports </a> </div> <!-- Livewire Component wire-end:qYi0hVVsOru5SEpnH1nF --> </div> <div class="mb-1" x-data="{openMenuNews:false}" style="display: none;" > <a href="/weather" class="flex justify-between h-12 px-4 py-3 tracking-wider block font-medium text-white" role="button" > Weather </a> </div> </ul> </div> <div class="mt-auto"> <div class="pt-6"> <a class="block px-4 py-3 mb-3 leading-loose text-xs text-center font-semibold leading-none bg-gray-50 hover:bg-gray-100 rounded-xl" href="https://crewe.nub.news/contact">Contact Us</a> </div> </div> </nav> </div> <div wire:id="uIXtbaHHDSMQowCxP7Br" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;uIXtbaHHDSMQowCxP7Br&quot;,&quot;name&quot;:&quot;frontend.motors.category&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[],&quot;path&quot;:&quot;https:\/\/crewe.nub.news\/motors\/news&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;l2567465388-0&quot;:{&quot;id&quot;:&quot;jb8RuNR4ZsQdoJbV7HwF&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l3966064344-1&quot;:{&quot;id&quot;:&quot;bjQ4NH9v1SicX8yhk9dX&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l3966064344-6&quot;:{&quot;id&quot;:&quot;ZVTFdh8AEzjDtEwRShGM&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;ea95818e&quot;,&quot;data&quot;:{&quot;site&quot;:[],&quot;category&quot;:[],&quot;page&quot;:1,&quot;paginators&quot;:{&quot;page&quot;:1},&quot;advertisementCategory&quot;:[],&quot;advertisementSection&quot;:[],&quot;advertisementPlacement&quot;:[],&quot;advertisements&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;category&quot;:{&quot;class&quot;:&quot;App\\Models\\MotorCategory&quot;,&quot;id&quot;:8,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;advertisementCategory&quot;:{&quot;class&quot;:&quot;App\\Models\\AdvertisementCategory&quot;,&quot;id&quot;:5,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;advertisementSection&quot;:{&quot;class&quot;:&quot;App\\Models\\AdvertisementSection&quot;,&quot;id&quot;:2,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;advertisementPlacement&quot;:{&quot;class&quot;:&quot;App\\Models\\AdvertisementPlacement&quot;,&quot;id&quot;:1,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}},&quot;modelCollections&quot;:{&quot;advertisements&quot;:{&quot;class&quot;:null,&quot;id&quot;:[],&quot;relations&quot;:[],&quot;connection&quot;:null}}},&quot;checksum&quot;:&quot;08fa4d9b2a824a669ae1d87cefb1a8a2bfc6386c711932cc85c3361bceeb12ea&quot;}}"> <!-- Carousel Example --> <div class="container mx-auto"> <div wire:id="jb8RuNR4ZsQdoJbV7HwF" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;jb8RuNR4ZsQdoJbV7HwF&quot;,&quot;name&quot;:&quot;frontend.advertisements.header&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;ba3d3d17&quot;,&quot;data&quot;:{&quot;advertisements&quot;:[]},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;advertisements&quot;:{&quot;class&quot;:null,&quot;id&quot;:[],&quot;relations&quot;:[],&quot;connection&quot;:null}}},&quot;checksum&quot;:&quot;ea691566981d9bb0007001c59a723c8e1c4c613bcd3438cf735873777d74e4c1&quot;}}"> <div class="mt-16"></div> </div> <!-- Livewire Component wire-end:jb8RuNR4ZsQdoJbV7HwF --> </div> <main> <div class="container mx-auto flex flex-wrap pb-6 pt-2"> <!-- Page Content --> <section class="w-full lg:w-9/12 flex flex-col items-center px-3 pt-0"> <div class="pt-0 pb-0 w-full"> <div class="float-left w-1/2" style="max-width: 50%;"> <div class="container mx-auto flex flex-wrap"> <h1 class="w-full flex flex-col px-0 font-bold uppercase "> Motors in Crewe </h1> </div> <div style="margin-left: -1rem;"> <nav class="container mx-auto"> <ol class="pl-4 pr-4 pb-1 rounded flex flex-wrap bg-gray-300 text-sm text-gray-800"> <li> <a href="https://crewe.nub.news" class="text-nubnewsred-800 hover:text-nubnewsred-900 hover:underline focus:text-nubnewsred-900 focus:underline"> Home </a> </li> <li class="text-gray-500 px-2"> / </li> <li> <a href="https://crewe.nub.news/motors" class="text-nubnewsred-800 hover:text-nubnewsred-900 hover:underline focus:text-nubnewsred-900 focus:underline"> Motors </a> </li> <li class="text-gray-500 px-2"> / </li> <li> News </li> </ol> </nav> </div> </div> </div> <!-- <div class="w-full flex flex-col hidden"> <div> <div class="cursor-pointer mb-3 flex-shrink-0 relative overflow-hidden bg-orange-500 border-2 border-green-500 rounded-lg w-full shadow-lg py-3 px-5" wire:click.prevent="$emit('showModal', 'SomeData')"> <svg class="absolute top-0 right-0 mb-8" width="115.2" height="86.3" viewBox="0 0 437.2 342.3" fill="none" style="transform: scale(1.5); opacity: 0.2;"> <g> <path d="M107.7,77c0-58,52-77,110-77s110,19,110,77c0,42.3-19.7,75.2-99.2,190.4a13.18,13.18,0,0,1-21.6,0C127.5,152.2,107.7,119.3,107.7,77Zm166.8-3c0-24.2-32.6-36.8-56.8-36.8S161,49.8,161,74s32.6,36.8,56.8,36.8S274.5,98.2,274.5,74Z" transform="translate(0 0)" style="fill:#d53535"/> </g> <g> <path d="M329,135.5c-3.4,6.6-7.5,13.6-12.1,21.2,47,15.8,78,42.7,78,73.2,0,48.7-78.9,76.2-176.3,76.2S42.3,278.7,42.3,229.9c0-30.2,30.3-56.9,76.6-72.8-4.7-7.6-8.7-14.7-12.2-21.2C42.8,155,0,190,0,229.9c0,60.4,97.8,112.4,218.6,112.4s218.6-52,218.6-112.4C437.1,189.7,393.7,154.5,329,135.5Z" transform="translate(0 0)" style="fill:#d53535"/> </g> </svg> <div class="flex flex-col gap-5 items-center justify-center"> <div class="grid grid-cols-6 gap-3 w-full place-items-center"> <div class="col-span-4 text-center text-sm md:text-xl"> <p class="text-gray-700 font-bold">Subscribe to our <strong>FREE WEEKLY</strong> Newsletter!</p> <p class="text-nubnewsred-800 font-bold mt-0">Keep your town in your pocket.</p> </div> <div class="col-span-2"> <button class="text-sm md:text-xl relative bg-green-500 hover:bg-green-700 text-white pb-3 pt-3 pl-2 pr-2 md:pb-3 md:pt-3 md:pl-6 md:pr-6 rounded-lg uppercase font-semibold tracking-tight overflow-visible"> <i class="fas fa-envelope text-white"></i>&nbsp; Sign Up <div class="absolute -top-3 -right-3 px-2.5 py-0.5 bg-nubnewsred-800 rounded-full text-sm">5 <i class="fas fa-plus fa-xs"></i></div> </button> </div> </div> </div> </div> </div> </div> --> <div class="flex flex-wrap -m-4 mt-0"> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-the-crewe-seat-approved-used-event-3574"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/641804/category.jpeg" title="With an Approved Used SEAT from Crewe SEAT, you can relax, knowing you have got 24 months&#039; warranty and roadside assistance (Swansway)." alt="With an Approved Used SEAT from Crewe SEAT, you can relax, knowing you have got 24 months&#039; warranty and roadside assistance (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-the-crewe-seat-approved-used-event-3574" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: The Crewe SEAT Approved Used Event </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 3rd Apr 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-the-crewe-seat-approved-used-event-3574" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-byd-sealion-7-launch-weekend-in-crewe-3558"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/637042/category.jpeg" title="If you purchase a brand-new Sealion 7 on Saturday 22nd March, you’ll also receive a free family membership to Knowsley Safari Park" alt="If you purchase a brand-new Sealion 7 on Saturday 22nd March, you’ll also receive a free family membership to Knowsley Safari Park"> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-byd-sealion-7-launch-weekend-in-crewe-3558" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> BYD Sealion 7 Launch Weekend in Crewe </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 20th Mar 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-byd-sealion-7-launch-weekend-in-crewe-3558" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-best-used-cars-under-ps15k-3526"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/630745/category.jpeg" title="Swansway has rounded up some of the best vehicles under £15,000 offering quality, style and performance without breaking the bank (Swansway)." alt="Swansway has rounded up some of the best vehicles under £15,000 offering quality, style and performance without breaking the bank (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-best-used-cars-under-ps15k-3526" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: Best Used Cars Under £15k </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 27th Feb 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-best-used-cars-under-ps15k-3526" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-seat-spring-savings-event-3515"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/621900/category.jpeg" title="Looking for a new car? Now is the time to take a look at the SEAT Spring Savings Event (Swansway)." alt="Looking for a new car? Now is the time to take a look at the SEAT Spring Savings Event (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-seat-spring-savings-event-3515" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: SEAT Spring Savings Event </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 20th Feb 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-seat-spring-savings-event-3515" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-led-headlights-do-they-have-a-bright-future-3507"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/616519/category.jpeg" title="LED (Light Emitting Diode) headlights have revolutionised vehicle lighting (Swansway Motor Group)." alt="LED (Light Emitting Diode) headlights have revolutionised vehicle lighting (Swansway Motor Group)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-led-headlights-do-they-have-a-bright-future-3507" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> LED Headlights: Do They Have a Bright Future? </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 18th Feb 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-led-headlights-do-they-have-a-bright-future-3507" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-young-drivers-welcome-motability-cars-for-under-25s-3497"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/614064/category.png" title="The  Motability Scheme  is known for its inclusivity and this extends to drivers under 25 as they can use their qualifying mobility allowance to lease a brand new vehicle (Swansway)." alt="The  Motability Scheme  is known for its inclusivity and this extends to drivers under 25 as they can use their qualifying mobility allowance to lease a brand new vehicle (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-young-drivers-welcome-motability-cars-for-under-25s-3497" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Young Drivers Welcome Motability Cars for under 25s </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 7th Feb 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-young-drivers-welcome-motability-cars-for-under-25s-3497" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-electric-vehicle-tax-changes-are-you-ready-3492"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/612875/category.jpeg" title="Some prospective EV buyers are concerned the introduction of road tax could deter them from making the switch from traditional petrol or diesel cars (Nub News)" alt="Some prospective EV buyers are concerned the introduction of road tax could deter them from making the switch from traditional petrol or diesel cars (Nub News)"> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-electric-vehicle-tax-changes-are-you-ready-3492" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Electric Vehicle Tax Changes: Are You Ready? </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 4th Feb 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-electric-vehicle-tax-changes-are-you-ready-3492" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-crewe-volkswagens-exclusive-suv-sale-3483"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/612072/category.jpeg" title="The SUV sale you have been waiting for - Volkswagen’s exclusive SUV Sale at Crewe Volkswagen is here (Swansway)." alt="The SUV sale you have been waiting for - Volkswagen’s exclusive SUV Sale at Crewe Volkswagen is here (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-crewe-volkswagens-exclusive-suv-sale-3483" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: Crewe Volkswagen’s Exclusive SUV Sale </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 30th Jan 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-crewe-volkswagens-exclusive-suv-sale-3483" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-celebrate-lunar-new-year-at-byd-crewe-3472"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/610704/category.jpeg" title="Join our Motors partners over at BYD Crewe this weekend as they celebrate the Lunar New Year (Swansway)." alt="Join our Motors partners over at BYD Crewe this weekend as they celebrate the Lunar New Year (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-celebrate-lunar-new-year-at-byd-crewe-3472" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: Celebrate Lunar New Year at BYD Crewe </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 24th Jan 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-celebrate-lunar-new-year-at-byd-crewe-3472" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-national-pothole-day-how-to-minimise-damage-to-your-car-3450"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/608712/category.jpeg" title="All motorists will know the struggles of trying to avoid potholes, but sometimes they are either impossible to get around or go unnoticed (LDRS)." alt="All motorists will know the struggles of trying to avoid potholes, but sometimes they are either impossible to get around or go unnoticed (LDRS)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-national-pothole-day-how-to-minimise-damage-to-your-car-3450" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> National Pothole Day: How to minimise damage to your car </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 15th Jan 2025 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-national-pothole-day-how-to-minimise-damage-to-your-car-3450" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-new-cupra-formentor-3422"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/604351/category.png" title="The new CUPRA Formentor is out on the roads and is already turning heads (Swansway)." alt="The new CUPRA Formentor is out on the roads and is already turning heads (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-new-cupra-formentor-3422" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: New CUPRA Formentor </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 19th Dec 2024 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-new-cupra-formentor-3422" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-free-winter-health-check-3399"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/601540/category.jpeg" title="Stay safe this winter and get your car a Free Winter Health Check*, plus your next MOT for free (Swansway)." alt="Stay safe this winter and get your car a Free Winter Health Check*, plus your next MOT for free (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-free-winter-health-check-3399" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: Free Winter Health Check </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 5th Dec 2024 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-free-winter-health-check-3399" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-audi-q4-e-tron-3390"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/600089/category.png" title="Looking for an all-round SUV that oozes style and practicality, then look no further than the Audi Q4 e-tron (Swansway)." alt="Looking for an all-round SUV that oozes style and practicality, then look no further than the Audi Q4 e-tron (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-audi-q4-e-tron-3390" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: Audi Q4 e-tron </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 28th Nov 2024 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-audi-q4-e-tron-3390" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-byd-crewe-celebrates-30th-birthday-with-great-offers-3376"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/598197/category.jpeg" title="Celebrate with great offers at BYD Crewe as BYD turn 30 (Swansway Group)." alt="Celebrate with great offers at BYD Crewe as BYD turn 30 (Swansway Group)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-byd-crewe-celebrates-30th-birthday-with-great-offers-3376" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: BYD celebrates 30th birthday with great offers </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 21st Nov 2024 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-byd-crewe-celebrates-30th-birthday-with-great-offers-3376" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> <div class="p-4 lg:w-1/3 md:w-1/3 w-full"> <div class="h-full rounded-lg overflow-hidden bg-white rounded-md shadow-sm relative"> <a class="relative" href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-ps150-off-your-audi-service-plan-3370"> <div class="relative overflow-hidden w-full bg-black"> <img class="lg:h-48 md:h-36 bg-black object-cover object-center w-full" src="https://nub.news/api/image/596975/category.jpeg" title="As it gets colder outside you need to protect your Audi as much as possible, and now there is £150 off your Audi Service Plan (Swansway)." alt="As it gets colder outside you need to protect your Audi as much as possible, and now there is £150 off your Audi Service Plan (Swansway)."> </div> </a> <div class="p-4 mb-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-ps150-off-your-audi-service-plan-3370" class="block mb-3 text-lg font-semibold hover:text-nubnewsred-800 hover:underline leading-tight text-black"> Offer of the Week: Get £150 off your Audi Service Plan </a> </div> <div class="w-full p-4 absolute bottom-0 pb-3"> <div class="float-left items-center text-sm mt-5"> <p class="font-medium text-gray-500"> 14th Nov 2024 </p> </div> <div class="float-right items-center mt-5"> <a href="https://crewe.nub.news/motors/news/sp8621-offer-of-the-week-ps150-off-your-audi-service-plan-3370" class="text-base inline-flex items-center text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold"> Read More <i class="fas fa-chevron-right ml-2"></i> </a> </div> </div> </div> </div> </div> <nav role="navigation" aria-label="Pagination Navigation" class="mb-4 mt-4 px-5 py-0 flex flex-col xs:flex-row items-center xs:justify-between"> <div class="flex justify-between flex-1 sm:hidden hidden"> <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> Previous </span> <a href="https://crewe.nub.news/motors/news?page=2" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> Next </a> </div> <div class="px-5 py-0 flex flex-col xs:flex-row items-center xs:justify-between"> <div class="hidden"> <p class="text-xs xs:text-sm text-gray-900">Showing <span class="font-medium">1</span> to <span class="font-medium">15</span> of <span></span><span class="font-medium">150</span> results</p> </div> <div class="inline-flex mt-2 xs:mt-0"> <span class="relative z-0 inline-flex shadow-sm rounded-md"> <span aria-disabled="true" aria-label="Previous"> <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> </svg> </span> </span> <span aria-current="page"> <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5">1</span> </span> <a href="https://crewe.nub.news/motors/news?page=2" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="Go to page 2"> 2 </a> <a href="https://crewe.nub.news/motors/news?page=2" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="Next"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> </svg> </a> </span> </div> </div> </nav> </section> <!-- Right Sidebar Section --> <aside class="w-full md:w-6/12 lg:w-3/12 flex flex-col items-center px-3"> <div wire:id="bjQ4NH9v1SicX8yhk9dX" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;bjQ4NH9v1SicX8yhk9dX&quot;,&quot;name&quot;:&quot;frontend.advertisements.right-column&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;6a482609&quot;,&quot;data&quot;:{&quot;advertisements&quot;:[]},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;advertisements&quot;:{&quot;class&quot;:null,&quot;id&quot;:[],&quot;relations&quot;:[],&quot;connection&quot;:null}}},&quot;checksum&quot;:&quot;dbca6c6dc133a660e5e82720f62af751db6f5f98d3f828c295b6079cb25e2f94&quot;}}" style="width: 100%;"> </div> <!-- Livewire Component wire-end:bjQ4NH9v1SicX8yhk9dX --> <!-- news offers whats-on classifieds motors obituaries directories properties jobs specials --> <div wire:id="ZVTFdh8AEzjDtEwRShGM" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;ZVTFdh8AEzjDtEwRShGM&quot;,&quot;name&quot;:&quot;sidebar.show-news-pictures-articles&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;adc4b4d6&quot;,&quot;data&quot;:{&quot;site&quot;:[]},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;998f13a552046311efb21e3e7f205c5fda059ad34701d9ed37f3234e8bf3a2d1&quot;}}" class="w-full mb-3"> <div class="flex flex-col"> <div class="h-1 bg-gray-200 rounded overflow-hidden"> <div class="w-24 h-full bg-nubnewsred-800"></div> </div> <div class="flex flex-wrap sm:flex-row flex-col pt-2 pb-1"> <h1 class="flex-1 text-gray-900 font-medium title-font text-2xl mb-0 sm:mb-0">Latest <span class="text-nubnewsred-800">Local News</span>...</h1> </div> </div> <div class="w-full bg-white overflow-hidden border-2 border-gray-200 rounded-lg my-4"> <img class="object-cover object-center w-full" loading="lazy" src="https://nub.news/api/image/644059/category.jpeg" title="Mohammed Aziz, of Crewe, is appearing at Chester Magistrates&#039; Court on Wednesday 9 April (Wiki Commons)." alt="Mohammed Aziz, of Crewe, is appearing at Chester Magistrates&#039; Court on Wednesday 9 April (Wiki Commons)."> <div class="p-4"> <!-- Category --> <a href="https://crewe.nub.news/news/local-news" class="block mb-1 text-xs font-medium tracking-widest text-gray-500 title-font uppercase"> Local News </a> <!-- News Article Title --> <a href="https://crewe.nub.news/news/local-news/update-man-22-charged-with-three-counts-of-assault-by-beating-in-crewe-257095" class="block mb-3 text-lg font-semibold text-nubnewsred-800 leading-tight"> UPDATE: Man, 22, charged with three counts of assault by beating in Crewe </a> <div class="mb-1 leading-snug text-sm mt-2"> <p>A 22-year-old man has been charged with three counts of assault by beating, following an attack on a 18-year-old woman by Valley Park in Crewe.</p> </div> <div class="flex flex-wrap items-center "> <a class="inline-flex items-center text-nubnewsred-800 md:mb-2 lg:mb-2" href="https://crewe.nub.news/news/local-news/update-man-22-charged-with-three-counts-of-assault-by-beating-in-crewe-257095">Learn More <svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> <path d="M12 5l7 7-7 7"></path> </svg> </a> <div class="w-full"> <div class="flex space-x-1 items-center text-sm pb-0"> <i class="fas fa-clock text-nubnewsred-800"></i> <p class="font-bold"> 9th Apr 2025 2:00 pm </p> </div> </div> </div> </div> </div> <div class="w-full bg-white overflow-hidden border-2 border-gray-200 rounded-lg my-4"> <img class="object-cover object-center w-full" loading="lazy" src="https://nub.news/api/image/643833/category.jpeg" title="On Thursday 3 April, a woman phoned the police saying a man was videoing her 14-year-old son at Queen Street Play Area (Ryan Parker)." alt="On Thursday 3 April, a woman phoned the police saying a man was videoing her 14-year-old son at Queen Street Play Area (Ryan Parker)."> <div class="p-4"> <!-- Category --> <a href="https://crewe.nub.news/news/local-news" class="block mb-1 text-xs font-medium tracking-widest text-gray-500 title-font uppercase"> Local News </a> <!-- News Article Title --> <a href="https://crewe.nub.news/news/local-news/man-reported-for-allegedly-photographing-children-at-park-in-crewe-257032" class="block mb-3 text-lg font-semibold text-nubnewsred-800 leading-tight"> Man reported for allegedly 'photographing children' at park in Crewe </a> <div class="mb-1 leading-snug text-sm mt-2"> <p>A man has been reported for allegedly "photographing children" at a park in Crewe, with Cheshire Police investigating the incident.</p> </div> <div class="flex flex-wrap items-center "> <a class="inline-flex items-center text-nubnewsred-800 md:mb-2 lg:mb-2" href="https://crewe.nub.news/news/local-news/man-reported-for-allegedly-photographing-children-at-park-in-crewe-257032">Learn More <svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> <path d="M12 5l7 7-7 7"></path> </svg> </a> <div class="w-full"> <div class="flex space-x-1 items-center text-sm pb-0"> <i class="fas fa-clock text-nubnewsred-800"></i> <p class="font-bold"> 9th Apr 2025 12:00 pm </p> </div> </div> </div> </div> </div> <div class="w-full bg-white overflow-hidden border-2 border-gray-200 rounded-lg my-4"> <img class="object-cover object-center w-full" loading="lazy" src="https://nub.news/api/image/643803/category.jpeg" title="" alt=""> <div class="p-4"> <!-- Category --> <a href="https://crewe.nub.news/news/local-news" class="block mb-1 text-xs font-medium tracking-widest text-gray-500 title-font uppercase"> Local News </a> <!-- News Article Title --> <a href="https://crewe.nub.news/news/local-news/crewe-man-27-banned-from-local-convenience-stores-for-two-years-257025" class="block mb-3 text-lg font-semibold text-nubnewsred-800 leading-tight"> Crewe man, 27, banned from local convenience stores for two years </a> <div class="mb-1 leading-snug text-sm mt-2"> <p>A man from Crewe has been banned from a number of shops in the town, after Cheshire Police secured a two-year a Criminal Behaviour Order (CBO).</p> </div> <div class="flex flex-wrap items-center "> <a class="inline-flex items-center text-nubnewsred-800 md:mb-2 lg:mb-2" href="https://crewe.nub.news/news/local-news/crewe-man-27-banned-from-local-convenience-stores-for-two-years-257025">Learn More <svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path d="M5 12h14"></path> <path d="M12 5l7 7-7 7"></path> </svg> </a> <div class="w-full"> <div class="flex space-x-1 items-center text-sm pb-0"> <i class="fas fa-clock text-nubnewsred-800"></i> <p class="font-bold"> 9th Apr 2025 10:45 am </p> </div> </div> </div> </div> </div> </div> <!-- Livewire Component wire-end:ZVTFdh8AEzjDtEwRShGM --> <div class="w-full bg-white flex flex-col my-4 p-6 rounded-md shadow-sm"> <a href="https://crewe.nub.news/contact" class="flex items-center py-4 px-2 justify-center"> <img src="https://crewe.nub.news/images/nub-icon.svg" alt="Nub News Logo" class="w-24 mr-2"> </a> <p class="text-xl text-center">Find out how to</p> <p class="text-xl font-semibold text-center text-nubnewsred-800">SPONSOR / ADVERTISE</p> <p class="text-xl text-center">with</p> <p class="text-xl font-semibold text-center pb-1">Crewe Nub News</p> <a href="https://crewe.nub.news/contact" class="w-full bg-nubnewsred-800 text-white font-bold text-sm uppercase rounded hover:bg-nubnewsred-900 flex items-center justify-center px-2 py-3 mt-4"> Click Here </a> </div> </aside> </div> </main> </div> <!-- Livewire Component wire-end:uIXtbaHHDSMQowCxP7Br --> <!-- Main footer --> <footer class="bg-gray-800 sm:mt-10"> <!-- Copyright Bar --> <div class="pt-2"> <a href="javascript:void(0);" class="donation-box" onClick="window.livewire.emit('showModal')" title="Subscribe" style=" position: fixed; bottom: 0.5rem; left: 0.75rem; color: white; background: green; border-radius: 7px; width: 140px; height: 43px; padding-top: 6px; "> <span class="text-2xl" style="display: inline-block; margin-right: 5px; margin-left: 10px;"><i class="fas fa-envelope"></i> </span> <span class="text-lg" style="display: block; display: block; margin-top: 2px; float: right; margin-right: 12px; color: white; ">Subscribe </span> </a> <!-- Donation main popup --> <input type="hidden" id="closed_popup" name="closed_popup" class="closed_popup" value="no" /> <div id="watch-banner4454" class=" watch-banner donation-box hidden" style="position: fixed; bottom: 0; color: black; background: white; width: 100%; z-index:1000; box-shadow: 1px 7px 16px 2px grey; border-top: 5px solid rgba(211, 55, 58); "> <div style="max-width: 800px;" class="mx-auto px-2"> <div class="w-full" style="height: 50px;"> <h2 class="px-3 py-2 pt-3" style="float: left;"> <b class="hidden lg:block md:block"><span class="text-2xl">Please Donate</span><br> Crewe. Your Town. Your News. Your Support Matters.</b> <b class="lg:hidden md:hidden sm:block"><span class="text-2xl">Please Donate</span><br> Crewe. Your Town. Your News.<br> Your Support Matters.</b> </h2> <button class="close-donation-box p-3" type="button" aria-live="polite" style=" float: right; color: grey; "> <span class="hidden lg:inline md:inline lg:float-left md:float-left" style="margin-top: -2px;">Remind me later</span> <svg style=" float: right; margin-left: 6px; fill: currentcolor; position: relative; width: 20px; height: auto; padding: 1px; border-radius: 10px; border: 1px solid gray;" viewBox="-3 -3 30 30" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.015 14.042 20.707 22 22 20.709 14.06 12 22 3.291 20.707 2l-8.692 7.958L3.293 2.03 2 3.321 9.97 12 2 20.679l1.293 1.291 8.722-7.928Z"></path></svg> </button> </div> <div class="flex flex-wrap w-full mx-3 pr-3 mb-3"> <div class="hidden lg:block md:block lg:w-2/3 md:w-2/3"> <div class="w-full pr-2"> <span> Local news is essential for our community — It needs your support.<br> By becoming a monthly supporter, you’ll help us continue delivering reliable local stories and events.<br> Your contribution makes a real difference to Crewe. </span> <br> <span class="block font-semibold mt-2">Monthly supporters will enjoy &nbsp; <span class="text-green-500"><i class="fas fa-check"></i> Ad-free experience</span> </span> </div> </div> <div class="lg:hidden md:hidden sm:block"> <div class="w-full pr-2"> <span> Local news is essential for our community — It needs your support.<br> By becoming a monthly supporter, you’ll help us continue delivering reliable local stories and events.<br> Your contribution makes a real difference to Crewe. </span> <br> <span class="block font-semibold mt-2">Monthly supporters will enjoy:<br> <span class="text-green-500"><i class="fas fa-check"></i> Ad-free experience</span> </span> </div> </div> <div class="lg:w-1/3 md:w-1/3 w-full mt-2 lg:mt-0 md:mt-0"> <div class="w-full"> <button onclick="selectDonationType(this, 'onetime')" type="button" class="donation-type-button rounded-lg py-2 px-3 bg-white" style="width: 47%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="donation-type-onetime" name="donation-type" value="onetime" class="hidden" /> One-Time </button> <button onclick="selectDonationType(this, 'monthly')" type="button" class="donation-type-button rounded-lg font-semibold py-2 px-3 bg-white" style="width: 48%; border: 3px solid #d2373f;"> <input type="radio" id="donation-type-monthly" name="donation-type" value="monthly" checked=true class="hidden" /> Monthly </button> </div> <div id="onetime-popup" class="w-full hidden"> <button onclick="selectDonationAmount(this, 'onetime', 'small')" type="button" class="amount-onetime-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="amount-onetime-small" name="amount-onetime" value="small_https://pay.gocardless.com/BRT0003SWXVMJS1" class="hidden" /> £10 </button> <button onclick="selectDonationAmount(this, 'onetime', 'middle')" type="button" class="amount-onetime-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="amount-onetime-middle" name="amount-onetime" value="middle_https://pay.gocardless.com/BRT0003SWXZ3T15" checked=true class="hidden" /> £20 </button> <button onclick="selectDonationAmount(this, 'onetime', 'big')" type="button" class="amount-onetime-button rounded-lg py-2 px-3 my-2" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="amount-onetime-big" name="amount-onetime" value="big_https://pay.gocardless.com/BRT0003SWY3T2E4" class="hidden" /> £50 </button> </div> <div id="monthly-popup" class="w-full"> <button onclick="selectDonationAmount(this, 'monthly', 'small')" type="button" class="amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="amount-monthly-small" name="amount-monthly" value="small_https://pay.gocardless.com/BRT0003SWYCM1ZB" class="hidden" /> £2.99 </button> <button onclick="selectDonationAmount(this, 'monthly', 'middle')" type="button" class="amount-monthly-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="amount-monthly-middle" name="amount-monthly" value="middle_https://pay.gocardless.com/BRT0003SWYERBRV" checked=true class="hidden" /> £4.99 </button> <button onclick="selectDonationAmount(this, 'monthly', 'big')" type="button" class="amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="amount-monthly-big" name="amount-monthly" value="big_https://pay.gocardless.com/BRT0003SWYN9HHA" class="hidden" /> £9.99 </button> </div> <div class="w-full"> <button onclick="continueToPayment()" style="background: rgba(211, 55, 58); width: 98%;" class="text-white lg:my-2 md:my-2 sm:my-1 p-2 pl-10 pr-10 text-base rounded-lg font-semibold uppercase"> Continue &#8594; </button> </div> <div class="lg:hidden md:hidden sm:block"> <button class="close-donation-box mt-2" type="button" aria-live="polite" style=" float: left; color: grey; "> <span class="text-sm" style="text-decoration:underline; margin-top: -2px;">close and remind me later</span> </button> </div> </div> </div> </div> </div> <script> function continueToPayment() { const donationType = document.querySelector('input[name="donation-type"]:checked').value; const paymentInfoRaw = document.querySelector('input[name="amount-' + donationType + '"]:checked').value; const paymentInfo = paymentInfoRaw.split('_'); var uuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) ); const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const click_info = { banner_id: "4454", click_date: Date.now(), link: paymentInfo[1], screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: paymentInfo[0], uuid: uuid } fetch("/api/click", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(click_info) }); window.open(paymentInfo[1], '_blank'); } function selectDonationAmount(selectedObject, donationType, donationAmount) { const amountTypeButton = document.getElementsByClassName('amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < amountTypeButton.length; ++i) { amountTypeButton[i].style.border = '2px solid grey'; amountTypeButton[i].classList.remove('font-semibold'); } } const smallAmountElement = document.getElementById('amount-' + donationType + '-small'); if (smallAmountElement !== undefined) { smallAmountElement.checked = false; } const middleAmountElement = document.getElementById('amount-' + donationType + '-middle'); if (middleAmountElement !== undefined) { middleAmountElement.checked = false; } const biggAmountElement = document.getElementById('amount-' + donationType + '-big'); if (biggAmountElement !== undefined) { biggAmountElement.checked = false; } const selectedElement = document.getElementById('amount-' + donationType + '-' + donationAmount); if (selectedElement !== undefined) { selectedElement.checked = true; selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; } } function selectDonationType(selectedObject, donationType) { const donationTypeButton = document.getElementsByClassName('donation-type-button'); for (let i = 0; i < donationTypeButton.length; ++i) { donationTypeButton[i].style.border = '2px solid grey'; donationTypeButton[i].classList.remove('font-semibold'); } const oneTimeElement = document.getElementById('donation-type-onetime'); oneTimeElement.checked = false; const monthlyElement = document.getElementById('donation-type-monthly'); monthlyElement.checked = false; const selectedElement = document.getElementById('donation-type-' + donationType); if (selectedElement !== undefined) { selectedElement.checked = true; } selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; //donation amount const oneTimeAmontElement = document.getElementById('onetime-popup'); oneTimeAmontElement.classList.add('hidden'); const monthlyAmontElement = document.getElementById('monthly-popup'); monthlyAmontElement.classList.add('hidden'); const selectedAmountElement = document.getElementById(donationType + '-popup'); selectedAmountElement.classList.remove('hidden'); const amountTypeButton = document.getElementsByClassName('amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < donationTypeButton.length; ++i) { if (i == 1) { selectDonationAmount(amountTypeButton[i], donationType, 'middle') } } } } //popup logic window.donationBoxHandler = (function () { const COOKIE_VALUE = 'closed'; const COOKIE_DOMAIN = 'crewe.nub.news'; function closeDonationBox() { setCookie('donation_box', COOKIE_VALUE, 7); hideDonationBox(); } function cookieExists(name) { return (document.cookie.indexOf('; '+ name) !== -1); } var scrollTimeout = null; function openDonationBox() { const donationHiddenInput = document.getElementsByClassName('closed_popup'); if (!cookieExists('donation_box') && donationHiddenInput.value !== 'yes') { if (scrollTimeout) clearTimeout(scrollTimeout); scrollTimeout = setTimeout(function(){ const donationBox = document.getElementsByClassName('donation-box'); for (let i = 0; i < donationBox.length; ++i) { donationBox[i].style.display = 'block'; } },100); } } function hideDonationBox() { const donationHiddenInput = document.getElementsByClassName('closed_popup'); donationHiddenInput.value = 'yes'; const donationBox = document.getElementsByClassName('donation-box'); for (let i = 0; i < donationBox.length; ++i) { donationBox[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { var date = new Date(); date.setTime(date.getTime() + (expirationInDays*24*60*60*1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; } if (cookieExists('donation_box')) { hideDonationBox(); } const buttons = document.getElementsByClassName('close-donation-box'); for (let i = 0; i < buttons.length; ++i) { buttons[i].addEventListener('click', closeDonationBox); } window.addEventListener("scroll", openDonationBox); return { hideDonationBox: hideDonationBox, openDonationBox: openDonationBox, closeDonationBox: closeDonationBox }; })(); </script> <script> function close_sub_pop() { const COOKIE_DOMAIN = 'crewe.nub.news'; var date = new Date(); date.setTime(date.getTime() + (90*24*60*60*1000)); document.cookie = 'donation_box' + '=closed' + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; const donationHiddenInput = document.getElementsByClassName('closed_popup'); donationHiddenInput.value = 'yes'; const donationBox = document.getElementsByClassName('donation-box'); for (let i = 0; i < donationBox.length; ++i) { donationBox[i].style.display = 'none'; } } </script> <!-- END Donation main popup --> <script> // Tracking System window.onload = function(e) { var uuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) ); //banner impression begin const send_impression = (banner_id) => { const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; function getCookieValue(name) { const regex = new RegExp(`(^| )${name}=([^;]+)`) const match = document.cookie.match(regex) if (match) { return match[2] } } const impression_info = { banner_id: banner_id, impression_date: Date.now(), screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, session: getCookieValue('XSRF-TOKEN'), uuid: uuid } fetch("/api/impression", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(impression_info) }); }; var banner_flags = []; const banner_places = document.getElementsByClassName("watch-banner"); for (let i = 0; i < banner_places.length; i++) { banner_flags[banner_places.item(i).id] = false; } document.querySelectorAll('.watch-banner').forEach((i) => { if (i) { const observer = new IntersectionObserver((entries) => { observerCallback(entries, observer, i) }, {threshold: 0.5}); observer.observe(i); } }) const observerCallback = (entries, observer, header) => { entries.forEach((entry, i) => { if(!banner_flags[entry.target.id] && entry.isIntersecting === true) { if(entry.intersectionRatio > 0.5) { send_impression(entry.target.id); banner_flags[entry.target.id] = true; } } }); }; //banner impression end //banner click begin function addEvent(element, evnt, funct){ if (element.attachEvent) return element.attachEvent('on'+evnt, funct); else return element.addEventListener(evnt, funct, false); } document.querySelectorAll('.watch-banner a').forEach((i) => { if (i) { addEvent( i, 'click', function () { const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const click_info = { banner_id: i.id.replace('click-',''), click_date: Date.now(), link: i.href, screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: document.referrer, uuid: uuid } fetch("/api/click", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(click_info) }); } ); } }) //banner click end //page views begin var userEngagementCounter = Date.now(); var view_date = Date.now(); const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const view_info = { view_date: view_date, uuid: uuid, screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: document.referrer, engagement_time: 0, timezone: Intl.DateTimeFormat().resolvedOptions().timeZone, browser_lang: navigator.language || navigator.userLanguage } fetch("/api/view", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(view_info) }); //page views end } </script> <div class="flex pb-5 px-2 m-auto pt-5 text-gray-400 text-sm flex-col md:flex-row max-w-6xl"> <div class="mx-auto text-lg uppercase w-full text-center"> <a class="text-white" href="https://nub.news/">About</a> <span class="ml-1 mr-1">|</span> <a class="text-white" href="https://crewe.nub.news/contact">Contact</a> <span class="ml-1 mr-1">|</span> <a class="text-white" href="https://crewe.nub.news/privacy-policy">Privacy</a> <span class="ml-1 mr-1">|</span> <a class="text-white" href="https://crewe.nub.news/disclaimer">Disclaimer</a> <p class="mt-3 text-sm">&copy; 2018-2025. All Rights Reserved. Nub News.</p> </div> <!-- Required Unicons (if you want) --> <div class="mt-2 w-full text-center"> <a target="_blank" href="https://www.facebook.com/CreweNubNews" class="w-7 mx-1"> <i class="fab fa-facebook-square fa-2x"></i> </a> <a target="_blank" href="https://twitter.com/CreweNub" class="w-7 mx-1"> <i class="fab fa-twitter-square fa-2x"></i> </a> </div> </div> <div class="flex pb-5 px-3 m-auto pt-5 text-gray-400 text-sm flex-col md:flex-row max-w-6xl w-full"> <div class="grid place-items-center mx-auto"> <img src="https://crewe.nub.news/images/ipso_regulated_wo.png" alt="Nub News Logo" class="mb-4"> <div class="grid"> <p>Nub News is a member of the Independent Press Standards Organisation (which regulates the UK’s magazine and newspaper industry). We abide by the Editors’ Code of Practice and are committed to upholding the highest standards of journalism. If you think that we have not met those standards and want to make a complaint, please click here to <a class="text-white" href="https://crewe.nub.news/contact">contact us</a>. If we are unable to resolve your complaint, or if you would like more information about IPSO or the Editors’ Code, contact IPSO on <strong>0300 123 2220</strong> or visit <a class="text-white" target="_blank" href="https://www.ipso.co.uk/">www.ipso.co.uk</a></p> </div> </div> </div> </div> </footer> <script src="/livewire/livewire.js?id=c69d0f2801c01fcf8166" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'Fsy3sfAQaTJqRhi7jN9WIGjEhkiSUP8qSjdkH4fg';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <!-- Footer Scripts Start --> <script src="https://crewe.nub.news/js/swiper/swiper-bundle.min.js?v=8.1.4"></script> <script> var swiper = new Swiper('.nubNewsSwiper', { spaceBetween: 0, centeredSlides: true, speed: 2000, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> <!-- Footer Scripts End --> <!-- AlpineJS --> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script> <!-- Font Awesome --> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js" integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs=" crossorigin="anonymous"></script> <script> // Burger navigation menus document.addEventListener('DOMContentLoaded', function() { // open const burger = document.querySelectorAll('.navbar-burger'); const menu = document.querySelectorAll('.navbar-menu'); if (burger.length && menu.length) { for (var i = 0; i < burger.length; i++) { burger[i].addEventListener('click', function() { for (var j = 0; j < menu.length; j++) { menu[j].classList.toggle('hidden'); } }); } } // close const close = document.querySelectorAll('.navbar-close'); const backdrop = document.querySelectorAll('.navbar-backdrop'); if (close.length) { for (var i = 0; i < close.length; i++) { close[i].addEventListener('click', function() { for (var j = 0; j < menu.length; j++) { menu[j].classList.toggle('hidden'); } }); } } if (backdrop.length) { for (var i = 0; i < backdrop.length; i++) { backdrop[i].addEventListener('click', function() { for (var j = 0; j < menu.length; j++) { menu[j].classList.toggle('hidden'); } }); } } }); </script> <div wire:id="EYPrOyRLw3qJd6EJXMA4" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;EYPrOyRLw3qJd6EJXMA4&quot;,&quot;name&quot;:&quot;modals.sign-up-modal&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;motors\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;v&quot;:&quot;acj&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[&quot;showModal&quot;]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;da09f194&quot;,&quot;data&quot;:{&quot;show&quot;:false,&quot;email&quot;:null,&quot;site&quot;:[],&quot;success&quot;:null},&quot;dataMeta&quot;:{&quot;models&quot;:{&quot;site&quot;:{&quot;class&quot;:&quot;App\\Models\\Site&quot;,&quot;id&quot;:&quot;66942720-0d8b-456b-ac5e-f3af2dcd6af8&quot;,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;7b0710d65cc088661139b521648ce79a351620a3590b70898b4fa6d30cada49f&quot;}}"> <div class="fixed top-0 left-0 flex items-center justify-center w-full h-full" style="z-index: 1000; background-color: rgba(0, 0, 0, 0.6); display: none ;"> <div class="h-auto p-4 mx-2 text-left bg-white rounded shadow-xl md:max-w-xl md:p-4 lg:p-6 md:mx-0"> <div class="mt-3 sm:mt-0"> <button wire:click.prevent="doClose()" type="button" class="float-right text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-md p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white px-3" data-modal-toggle="defaultModal"> <i class="fas fa-times"></i> </button> <!-- Modal header --> <div class="flex items-start items-center"> <h3 class="text-lg font-medium leading-6 text-gray-900 mb-2"> <strong style="font-size: 22px;">Sign-up for our FREE newsletter...</strong> </h3> </div> <p class="pt-0 text-base pb-0"> We want to provide <span style="text-transform: capitalize;">crewe</span> with more and more clickbait-free news.<br> <span class="hidden lg:block md:block">Help us grow and sign up to our FREE weekly newsletter.</span> </p> <div class="mt-2"> <!-- Email --> <div class="mb-3"> <input class="dark:bg-dark dark:border-primary-darker rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 form-input mt-1 w-1/2 lg:w-2/3 md:w-2/3 float-left border-b border-gray-400 focus:border-nubnewsred-800" id="email" placeholder="Enter email address" name="email" type="text" wire:model="email" style="border: 1px solid grey"> <button wire:click.prevent="store()" class="float-left inline-block rounded-md font-semibold py-2 px-2 text-white bg-green-500 ml-2 mt-1" style="width:100px;"> Subscribe </button> </div> </div> </div> <div class="mt-2 sm:mt-2"> <span class="flex w-full"> <div class="w-full"> </div> </span> <!-- Donation block --> <p style="border-top: 2px solid black; width: 100%; margin-top: 30px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p> <div id="watch-banner4458" class=" watch-banner w-full lg:flex md:flex mb-0 p-0 mt-0"> <div class="hidden lg:block md:block lg:w-1/2 md:w-1/2"> <h2 class="pb-2 w-full"> <b><span style="font-size: 22px;">...or become a Supporter.</span><br> Crewe. Your Town. Your News.</b> </b> </h2> <div class="w-full pr-2"> <span> Local news is essential for our community — but it needs your support.<br> By becoming a monthly supporter, you’ll help us deliver reliable local stories and events.<br> Your support makes a difference. </span> </div> </div> <div class="lg:hidden md:hidden sm:block"> <h2 class="pb-2 w-full"> <b><span style="font-size: 22px;">...or become a Supporter.</span><br> Crewe. Your Town. Your News.</b> </b> </h2> <div class="w-full pr-2"> <span> Local news is essential for our community — but it needs your support.<br> Your donation makes a real difference. </span> </div> </div> <div class="lg:w-1/2 md:w-1/2 w-full mt-1 px-0 lg:mt-1 md:mt-1 lg:pl-4 md:pl-4"> <span class="block font-semibold w-full mb-3">For monthly donators:<br> <span class="text-green-500"> <i class="fas fa-check mr-1"></i> <span>Ad-free experience</span> </span> </span> <div class="w-full"> <button onclick="popup_selectDonationType(this, 'onetime')" type="button" class="popup_donation-type-button rounded-lg py-2 px-3 bg-white" style="width: 47%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="popup_donation-type-onetime" name="popup_donation-type" value="onetime" class="hidden" /> One-Time </button> <button onclick="popup_selectDonationType(this, 'monthly')" type="button" class="popup_donation-type-button rounded-lg font-semibold py-2 px-3 bg-white" style="width: 48%; border: 3px solid #d2373f;"> <input type="radio" id="popup_donation-type-monthly" name="popup_donation-type" value="monthly" checked=true class="hidden" /> Monthly </button> </div> <div id="popup_onetime-popup" class="w-full hidden"> <button onclick="popup_selectDonationAmount(this, 'onetime', 'small')" type="button" class="popup_amount-onetime-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="popup_amount-onetime-small" name="popup_amount-onetime" value="small_https://pay.gocardless.com/BRT0003SWXVMJS1" class="hidden" /> £10 </button> <button onclick="popup_selectDonationAmount(this, 'onetime', 'middle')" type="button" class="popup_amount-onetime-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="popup_amount-onetime-middle" name="popup_amount-onetime" value="middle_https://pay.gocardless.com/BRT0003SWXZ3T15" checked=true class="hidden" /> £20 </button> <button onclick="popup_selectDonationAmount(this, 'onetime', 'big')" type="button" class="popup_amount-onetime-button rounded-lg py-2 px-3 my-2" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="popup_amount-onetime-big" name="popup_amount-onetime" value="big_https://pay.gocardless.com/BRT0003SWY3T2E4" class="hidden" /> £50 </button> </div> <div id="popup_monthly-popup" class="w-full"> <button onclick="popup_selectDonationAmount(this, 'monthly', 'small')" type="button" class="popup_amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 2px solid grey;"> <input type="radio" id="popup_amount-monthly-small" name="popup_amount-monthly" value="small_https://pay.gocardless.com/BRT0003SWYCM1ZB" class="hidden" /> £2.99 </button> <button onclick="popup_selectDonationAmount(this, 'monthly', 'middle')" type="button" class="popup_amount-monthly-button rounded-lg font-semibold py-2 px-3 my-2 bg-white" style="width: 31%; margin-right: 2%; border: 3px solid #d2373f;"> <input type="radio" id="popup_amount-monthly-middle" name="popup_amount-monthly" value="middle_https://pay.gocardless.com/BRT0003SWYERBRV" checked=true class="hidden" /> £4.99 </button> <button onclick="popup_selectDonationAmount(this, 'monthly', 'big')" type="button" class="popup_amount-monthly-button rounded-lg py-2 px-3 my-2 bg-white" style="width: 30%; border: 2px solid grey;"> <input type="radio" id="popup_amount-monthly-big" name="popup_amount-monthly" value="big_https://pay.gocardless.com/BRT0003SWYN9HHA" class="hidden" /> £9.99 </button> </div> <div class="w-full"> <button onclick="popup_continueToPayment()" style="background: rgba(211, 55, 58); width: 98%;" class="text-white lg:my-2 md:my-2 sm:my-1 p-2 pl-10 pr-10 text-base rounded-lg font-semibold uppercase"> Continue &#8594; </button> </div> </div> </div> <script> function popup_continueToPayment() { const donationType = document.querySelector('input[name="popup_donation-type"]:checked').value; const paymentInfoRaw = document.querySelector('input[name="popup_amount-' + donationType + '"]:checked').value; const paymentInfo = paymentInfoRaw.split('_'); var uuid = "10000000-1000-4000-8000-100000000000".replace(/[018]/g, c => (+c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +c / 4).toString(16) ); const screen_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; const click_info = { banner_id: "4458", click_date: Date.now(), link: paymentInfo[1], screen_width: screen_width, page_url: window.location.href, user_agent: navigator.userAgent, referer: paymentInfo[0], uuid: uuid } fetch("/api/click", { method: "POST", headers: {'Content-Type': 'json', 'Accept': 'application/json'}, body: JSON.stringify(click_info) }); window.open(paymentInfo[1], '_blank'); } function popup_selectDonationAmount(selectedObject, donationType, donationAmount) { const amountTypeButton = document.getElementsByClassName('popup_amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < amountTypeButton.length; ++i) { amountTypeButton[i].style.border = '2px solid grey'; amountTypeButton[i].classList.remove('font-semibold'); } } const smallAmountElement = document.getElementById('popup_amount-' + donationType + '-small'); if (smallAmountElement !== undefined) { smallAmountElement.checked = false; } const middleAmountElement = document.getElementById('popup_amount-' + donationType + '-middle'); if (middleAmountElement !== undefined) { middleAmountElement.checked = false; } const biggAmountElement = document.getElementById('popup_amount-' + donationType + '-big'); if (biggAmountElement !== undefined) { biggAmountElement.checked = false; } const selectedElement = document.getElementById('popup_amount-' + donationType + '-' + donationAmount); if (selectedElement !== undefined) { selectedElement.checked = true; selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; } } function popup_selectDonationType(selectedObject, donationType) { const donationTypeButton = document.getElementsByClassName('popup_donation-type-button'); for (let i = 0; i < donationTypeButton.length; ++i) { donationTypeButton[i].style.border = '2px solid grey'; donationTypeButton[i].classList.remove('font-semibold'); } const oneTimeElement = document.getElementById('popup_donation-type-onetime'); oneTimeElement.checked = false; const monthlyElement = document.getElementById('popup_donation-type-monthly'); monthlyElement.checked = false; const selectedElement = document.getElementById('popup_donation-type-' + donationType); if (selectedElement !== undefined) { selectedElement.checked = true; } selectedObject.classList.add('font-semibold'); selectedObject.style.border = '3px solid #d2373f'; //donation amount const oneTimeAmontElement = document.getElementById('popup_onetime-popup'); oneTimeAmontElement.classList.add('hidden'); const monthlyAmontElement = document.getElementById('popup_monthly-popup'); monthlyAmontElement.classList.add('hidden'); const selectedAmountElement = document.getElementById('popup_' + donationType + '-popup'); selectedAmountElement.classList.remove('hidden'); const amountTypeButton = document.getElementsByClassName('popup_amount-' + donationType + '-button'); if (amountTypeButton !== undefined) { for (let i = 0; i < donationTypeButton.length; ++i) { if (i == 1) { popup_selectDonationAmount(amountTypeButton[i], donationType, 'middle') } } } } </script> </div> </div> </div> </div> <!-- Livewire Component wire-end:EYPrOyRLw3qJd6EJXMA4 --> <div class="js-cookie-consent cookie-consent fixed bottom-0 right-0 pb-2"> <div class="max-w-4xl px-4"> <div class="p-2 rounded-md bg-gray-600"> <div class="flex items-center justify-between flex-wrap"> <div class="w-4xl flex-1 items-center"> <p class="ml-1 mr-1 text-white cookie-consent__message"> We are using <span title="This website uses cookies to deliver and enhance the quality of its services and to analyze traffic." style="cursor:help">&#127850;</span> </p> </div> <div class="mt-0 flex-shrink-0"> <a class="js-cookie-consent-agree cookie-consent__agree cursor-pointer flex items-center justify-center px-2 py-1 rounded-md text-sm font-medium text-white bg-nubnewsred-800 hover:bg-nubnewsred-900"> Agree </a> </div> </div> </div> </div> </div> <script> window.laravelCookieConsent = (function () { const COOKIE_VALUE = 1; const COOKIE_DOMAIN = 'crewe.nub.news'; function consentWithCookies() { setCookie('nub_news_cookie_consent', COOKIE_VALUE, 7300); hideCookieDialog(); } function cookieExists(name) { return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1); } function hideCookieDialog() { const dialogs = document.getElementsByClassName('js-cookie-consent'); for (let i = 0; i < dialogs.length; ++i) { dialogs[i].style.display = 'none'; } } function setCookie(name, value, expirationInDays) { const date = new Date(); date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000)); document.cookie = name + '=' + value + ';expires=' + date.toUTCString() + ';domain=' + COOKIE_DOMAIN + ';path=/' + ';samesite=lax'; } if (cookieExists('nub_news_cookie_consent')) { hideCookieDialog(); } const buttons = document.getElementsByClassName('js-cookie-consent-agree'); for (let i = 0; i < buttons.length; ++i) { buttons[i].addEventListener('click', consentWithCookies); } return { consentWithCookies: consentWithCookies, hideCookieDialog: hideCookieDialog }; })(); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10