CINXE.COM

What's On | 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>What's On | 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="What's On | Articles (Page 1) | Crewe Nub News" /> <link rel="next" href="https://crewe.nub.news/whats-on?page=2" /> <script type="application/ld+json">[{"startDate":"2025-04-01 00:00:00","endDate":"2025-04-30 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"SEAT Approved Used Event @ Crewe SEAT","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/seat-approved-used-event-77701","image":"https:\/\/nub.news\/api\/image\/640029\/article.png","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/seat-approved-used-event-77701","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-01 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Crewe SEAT","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"SEAT Approved Used Event @ Crewe SEAT"},"performer":{"@type":"PerformingGroup","name":"SEAT Approved Used Event @ Crewe SEAT"},"organizer":{"@type":"Organization","name":"SEAT Approved Used Event @ Crewe SEAT","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/seat-approved-used-event-77701"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n The SEAT Approved Used Event is now on! Until the 30th of April, benefit from a &pound;750 Deposit Contribution at 11.4% APR Representative* when you purchase an Approved Used SEAT via Solutions PCP! * &pound;750 Deposit Contribution on used vehicles 0-3 years old. Order by 30\/04\/2025. Indemnities may be required. SEAT finance \n"},{"startDate":"2025-04-01 00:00:00","endDate":"2025-04-30 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"CUPRA Approved April Event @ CUPRA Crewe","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/cupra-approved-april-event-77755","image":"https:\/\/nub.news\/api\/image\/640516\/article.png","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/cupra-approved-april-event-77755","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-01 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"CUPRA Crewe","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"CUPRA Approved April Event @ CUPRA Crewe"},"performer":{"@type":"PerformingGroup","name":"CUPRA Approved April Event @ CUPRA Crewe"},"organizer":{"@type":"Organization","name":"CUPRA Approved April Event @ CUPRA Crewe","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/cupra-approved-april-event-77755"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n The CUPRA Approved Used Event is now on! Until the 30th of April, benefit from a &pound;750 towards your finance deposit on Approved Used CUPRA vehicles up to 3 years old, as well as 11.4% APR Representative* when you purchase via Solutions PCP! *&pound;750 Deposit Contribution on used vehicles 0-3 years old. Order by 30\/04\/2025. Excludes battery electric vehicles. Indemnities may be required. Swansway Garages Limited are a credit broker and not a lender. We can introduce you to a limited number of lenders and their finance products which may have different interest rates and charges. Whichever lender we introduce you to, we will typically receive commission from them. \n"},{"startDate":"2025-04-08 00:00:00","endDate":"2025-04-11 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Stay and Play Sessions @ The Wishing Well","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/wishing-well-stay-and-play-sessions-75266","image":"https:\/\/nub.news\/api\/image\/609828\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/wishing-well-stay-and-play-sessions-75266","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-08 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"3 Chester Bridge, Crewe, CW2 7EF","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Stay and Play Sessions @ The Wishing Well"},"performer":{"@type":"PerformingGroup","name":"Stay and Play Sessions @ The Wishing Well"},"organizer":{"@type":"Organization","name":"Stay and Play Sessions @ The Wishing Well","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/wishing-well-stay-and-play-sessions-75266"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n Wishing Well Children's Hub offers stay and play sessions 10am-12am Tuesday to Friday during term times. \n"},{"startDate":"2025-04-10 00:00:00","endDate":"2025-04-10 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Quiz Night - Hosted By The Cat @ Crewe Market Hall","url":"https:\/\/crewe.nub.news\/whats-on\/miscellaneous\/the-big-quiz-at-crewe-market-hall-48952","image":"https:\/\/nub.news\/api\/image\/616226\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/miscellaneous\/the-big-quiz-at-crewe-market-hall-48952","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-10 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Crewe Market Hall","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Quiz Night - Hosted By The Cat @ Crewe Market Hall"},"performer":{"@type":"PerformingGroup","name":"Quiz Night - Hosted By The Cat @ Crewe Market Hall"},"organizer":{"@type":"Organization","name":"Quiz Night - Hosted By The Cat @ Crewe Market Hall","url":"https:\/\/crewe.nub.news\/whats-on\/miscellaneous\/the-big-quiz-at-crewe-market-hall-48952"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n The Big Quiz is back at Crewe Market Hall every Thursday evening, hosted by The Cat 107.9FM. Pop on down for 6.30pm where quiz sheets will be handed out to those who wish to participate. The quiz itself begins at 7pm and ranges from general knowledge to history up to music facts. The winning team will be walking away with Market Money Vouchers to spend in Crewe Market Hall. \n"},{"startDate":"2025-04-11 00:00:00","endDate":"2025-04-11 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Original Bands Night @ The Arena","url":"https:\/\/crewe.nub.news\/whats-on\/music\/sp10671-original-bands-night-at-the-arena-77967","image":"https:\/\/nub.news\/api\/image\/643168\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/music\/sp10671-original-bands-night-at-the-arena-77967","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-11 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Crewe Lyceum","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Original Bands Night @ The Arena"},"performer":{"@type":"PerformingGroup","name":"Original Bands Night @ The Arena"},"organizer":{"@type":"Organization","name":"Original Bands Night @ The Arena","url":"https:\/\/crewe.nub.news\/whats-on\/music\/sp10671-original-bands-night-at-the-arena-77967"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n Headliners Chasing the Fall will be celebrating the release of their new Single! They will be supported by three incredible bands all playing a 45 minute set each. This is a night to celebrate original bands, and true local music talent.&nbsp; The event runs from 7pm until 2am, with a late night Emo afterparty following the live bands. Lineup: Chasing the Fall These Towns&nbsp; Siege of Herons&nbsp; Secret City Souls \n"},{"startDate":"2025-04-11 00:00:00","endDate":"2025-04-11 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Friday Youth Club @ Wishing Well Hub","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/friday-youth-club-47926","image":"https:\/\/nub.news\/api\/image\/608221\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/friday-youth-club-47926","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-11 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Wishing Well Children and Family Hub","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Friday Youth Club @ Wishing Well Hub"},"performer":{"@type":"PerformingGroup","name":"Friday Youth Club @ Wishing Well Hub"},"organizer":{"@type":"Organization","name":"Friday Youth Club @ Wishing Well Hub","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/friday-youth-club-47926"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n The Wishing Well Children and Families Hub hosts its Friday Youth Club every week. Running from 6.30pm to 8.30pm, youths from the ages of 12 to 16 are welcome to attend for free. Enjoy a wide variety of games and activities with refreshments. Come and check it out. \n"},{"startDate":"2025-04-11 19:30:00","endDate":"2025-04-11 20:45:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"The Passion @ Union Street Baptist Church","url":"https:\/\/crewe.nub.news\/whats-on\/theatre\/the-passion-77470","image":"https:\/\/nub.news\/api\/image\/637881\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/theatre\/the-passion-77470","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-11 19:30:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Union Street Baptist Church","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"The Passion @ Union Street Baptist Church"},"performer":{"@type":"PerformingGroup","name":"The Passion @ Union Street Baptist Church"},"organizer":{"@type":"Organization","name":"The Passion @ Union Street Baptist Church","url":"https:\/\/crewe.nub.news\/whats-on\/theatre\/the-passion-77470"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n Christian Artists, LAMPS, will be performing 'The Passion' here at Union Street Baptist Church, Crewe, CW2 7DJ, on Friday 11th April 2025 at 7:30pm, with refreshments served afterwards.&nbsp;Tickets are &pound;8 for adults and &pound;5 for children under 16. The running time is approximately 75 minutes. For tickets and further ticket information, please visit the following link: https:\/\/www.ticketsource.co.uk\/union-street-baptist-church or scan the QR code displayed on the poster. What is The Passion? - Performed by a cast of three talented professional actors, the life, death and resurrection of Jesus are recreated in a moving, memorable and ultimately joyful retelling of the Easter events. Told from the perspectives of Peter, Mary Magdalene and a Roman centurion named Marcus, The Passion leads us up to and through the events of Holy Week, the cross and beyond. As with all LAMPS performances, it has been written with everyone in mind, not just people who go to church. It is also suitable for secondary school students. Who are LAMPS? - We are a collective of Christian artists who create, produce and perform theatre, music and comedy events and creative resources for the church. Refreshments will be served after the performance. Everyone welcome! Purchase your tickets here: Union Street Baptist Church event tickets from TicketSource. LAMPS Website: LAMPS Collective Union Street Baptist Church Website: Welcome to Union Street Baptist Church, Crewe \n"},{"startDate":"2025-04-12 00:00:00","endDate":"2025-04-12 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Crewe Armed Forces & Veterans Breakfast Club @ The Four Eagles","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/crewe-armed-forces-veterans-breakfast-club-50174","image":"https:\/\/nub.news\/api\/image\/436548\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/crewe-armed-forces-veterans-breakfast-club-50174","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-12 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"The Four Eagles, Dunwoody way, Crewe","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Crewe Armed Forces & Veterans Breakfast Club @ The Four Eagles"},"performer":{"@type":"PerformingGroup","name":"Crewe Armed Forces & Veterans Breakfast Club @ The Four Eagles"},"organizer":{"@type":"Organization","name":"Crewe Armed Forces & Veterans Breakfast Club @ The Four Eagles","url":"https:\/\/crewe.nub.news\/whats-on\/community-events\/crewe-armed-forces-veterans-breakfast-club-50174"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n We are The MOD's Official Armed Forces &amp; Veterans Breakfast Club for Crewe and surrounding Area. We are here catering for all service veterans, and run by Veterans for Veterans at The Four Eagles, Dunwoody way, Crewe. Every Saturday at 10am, this friendly establishment offers a warm, comfortable and a welcoming venue for us all, with Free Tea &amp; Coffee provided by our hosts, so come along and enjoy your breakfast with some banter, and a chat, meet up with old &amp; new friends and comrades. A warm welcome is always here for our sisters and brothers of the Royal Navy, Army &amp; Royal Air Force along The Emergency Services. Remember age is but a number and I'm sure we are all of the same mindset ... We hope to see you soon, so don't be shy, Your Family members are more than welcome. Free Parking and No Fee's or subscriptions involved, \n"},{"startDate":"2025-04-12 13:00:00","endDate":"2025-04-12 13:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Easter Extravaganza @ Crewe Lyceum Theatre","url":"https:\/\/crewe.nub.news\/whats-on\/family\/easter-extravaganza-75764","image":"https:\/\/nub.news\/api\/image\/612542\/article.png","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/family\/easter-extravaganza-75764","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-12 13:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Crewe Lyceum Theatre","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Easter Extravaganza @ Crewe Lyceum Theatre"},"performer":{"@type":"PerformingGroup","name":"Easter Extravaganza @ Crewe Lyceum Theatre"},"organizer":{"@type":"Organization","name":"Easter Extravaganza @ Crewe Lyceum Theatre","url":"https:\/\/crewe.nub.news\/whats-on\/family\/easter-extravaganza-75764"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n Join us for an unforgettable Easter celebration designed for ages 4 and up! Enjoy a fun-filled extravaganza in our Studio Theatre packed with exciting games, creative arts and crafts, drama activities, and an Easter Egg Hunt!&nbsp;&nbsp; Every child will leave with a Party Bag full of egg-cellent goodies!&nbsp; 1PM-2.30PM 3.30PM-5PM Please note: There is no step-free access to our Studio Theatre. If you have specific access needs, please contact our box office.&nbsp; &pound;8.95 per child (1 Free Adult Ticket per child ticket purchased)&nbsp; &pound;8.95 for an extra adult.&nbsp;&nbsp; \n"},{"startDate":"2025-04-13 00:00:00","endDate":"2025-04-13 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Quiz Night @ The Duke of Gloucester","url":"https:\/\/crewe.nub.news\/whats-on\/leisure\/the-big-pub-quiz-night-49792","image":"https:\/\/nub.news\/api\/image\/434076\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/leisure\/the-big-pub-quiz-night-49792","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-13 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"THE DUKE OF GLOUCESTER University Way, Crewe, Cheshire CW1 5NP 01270 539 380","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Quiz Night @ The Duke of Gloucester"},"performer":{"@type":"PerformingGroup","name":"Quiz Night @ The Duke of Gloucester"},"organizer":{"@type":"Organization","name":"Quiz Night @ The Duke of Gloucester","url":"https:\/\/crewe.nub.news\/whats-on\/leisure\/the-big-pub-quiz-night-49792"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n QUIZ NIGHT AT THE DUKE OF GLOUCESTER IS NOW EVERY SUNDAY NIGHT. SEVENTEEN YEARS OF PROVIDING TOP QUIZ ENTERTAINMENT! SHEETS ARE ON SALE AT 7.45 PM FOR A START AT 8.30 PM. THE QUIZ WHERE EVERY TEAM WINS A PRIZE \n"},{"startDate":"2025-04-13 00:00:00","endDate":"2025-04-13 00:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Murder Trial Tonight III @ Crewe Lyceum Theatre","url":"https:\/\/crewe.nub.news\/whats-on\/leisure\/sp8620-murder-trial-tonight-iii-at-crewe-lyceum-theatre-77966","image":"https:\/\/nub.news\/api\/image\/643161\/article.jpeg","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/leisure\/sp8620-murder-trial-tonight-iii-at-crewe-lyceum-theatre-77966","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-13 00:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Crewe Lyceum","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Murder Trial Tonight III @ Crewe Lyceum Theatre"},"performer":{"@type":"PerformingGroup","name":"Murder Trial Tonight III @ Crewe Lyceum Theatre"},"organizer":{"@type":"Organization","name":"Murder Trial Tonight III @ Crewe Lyceum Theatre","url":"https:\/\/crewe.nub.news\/whats-on\/leisure\/sp8620-murder-trial-tonight-iii-at-crewe-lyceum-theatre-77966"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n Tigerslane Studios, renowned for its captivating true-crime productions, is thrilled to announce the launch of the new season of \"Murder Trial Tonight - The Doorstep Case.\" A west end production touring the UK &amp; Ireland with glowing five star reviews. This unique theatrical experience brings true-crime stories to life. In the third season, a mother returns home in the early hours of the morning after a night out celebrating her birthday, only to find her daughter murdered on her doorstep. The boyfriend of the daughter has been charged with the murder. Is the boyfriend guilty of murder, or is the killer still at large? The story begins on screen, giving the audience the backdrop and opening to the true-crime story. Then, the action moves to the stage for a live murder trial, immersing the audience in a fast-paced courtroom experience. As members of the jury, the audience plays a crucial role in this thrilling murder mystery. Both the prosecution and defence present their cases, cross-examine witnesses, and at the end of the show, the audience deliberates and delivers their verdict: Guilty or Not Guilty. The production then returns to the screen where it is revealed what really happened in the true case. Question is - did you deliver the correct verdict? Book your tickets now and be a part of the gripping world of \"Murder Trial Tonight III.\" Book your place on Jury Service now. Event starts at 2.30pm. Age restriction: 16 plus. Contains adult themes. \n"},{"startDate":"2025-04-15 10:00:00","endDate":"2025-04-16 16:00:00","eventStatus":"https:\/\/schema.org\/EventScheduled","name":"Puppetry Workshop: Create & Animate @ Crewe Lyceum Theatre","url":"https:\/\/crewe.nub.news\/whats-on\/culture\/puppetry-workshop-create-animate-75765","image":"https:\/\/nub.news\/api\/image\/612543\/article.png","offers":{"url":"https:\/\/crewe.nub.news\/whats-on\/culture\/puppetry-workshop-create-animate-75765","lowPrice":"0.00","highPrice":"0.00","validFrom":"2025-04-15 10:00:00","@type":"AggregateOffer","priceCurrency":"GBP","availability":"https:\/\/schema.org\/InStock"},"location":{"address":{"addressCountry":"GB","addressLocality":"Crewe Lyceum Theatre","addressRegion":"","streetAddress":null,"postalCode":"","@type":"PostalAddress"},"geo":{"latitude":"","@type":"GeoCoordinates","longitude":""},"@type":"Place","name":"Puppetry Workshop: Create & Animate @ Crewe Lyceum Theatre"},"performer":{"@type":"PerformingGroup","name":"Puppetry Workshop: Create & Animate @ Crewe Lyceum Theatre"},"organizer":{"@type":"Organization","name":"Puppetry Workshop: Create & Animate @ Crewe Lyceum Theatre","url":"https:\/\/crewe.nub.news\/whats-on\/culture\/puppetry-workshop-create-animate-75765"},"eventAttendanceMode":"https:\/\/schema.org\/OfflineEventAttendanceMode","@context":"http:\/\/schema.org","@type":"Event","description":"\n Join us for a magical two-day puppetry workshop for ages 7-18.&nbsp; Work alongside local professional theatre company Goofus Theatre to design and create your own paper puppets, develop imaginative stories, and learn the art of bringing puppets to life. The workshop concludes with a special sharing where young people will present their unique theatre pieces for friends and family to enjoy.&nbsp;&nbsp; Please note: There is no step-free access to our Studio Theatre. If you have specific access needs, please contact our box office.&nbsp; 15-16 April 2025 10am - 4pm &pound;65 for the two days.&nbsp;&nbsp; \n"}]</script> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@CreweNub"> <meta name="twitter:title" content="What's On | 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="2h3wvxrJSsoHFUue74u0" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;2h3wvxrJSsoHFUue74u0&quot;,&quot;name&quot;:&quot;frontend.navigation.news-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;67afe447457890317551ede26674b681fde2ef7fcef14b5bd7d5f4d0f5bfd53a&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:2h3wvxrJSsoHFUue74u0 --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/whats-on" class="py-4 pl-3 pr-3 text-nubnewsred-800 border-b-4 border-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="h7pgIUJkJ1pYuGA8US6b" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;h7pgIUJkJ1pYuGA8US6b&quot;,&quot;name&quot;:&quot;frontend.navigation.discounts-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;b186aba9570d784613002f60b7c80a6fcf3196a1d69621d83ffccae128b2b60d&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:h7pgIUJkJ1pYuGA8US6b --> </div> <div class="hoverable"> <a href="https://crewe.nub.news/motors" class="py-4 pl-3 pr-3 border-b-4 border-opacity-0 text-white"> Motors </a> <!-- Dropdown News menu --> <div wire:id="KTxhsPayMKWQUnvjpYuT" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;KTxhsPayMKWQUnvjpYuT&quot;,&quot;name&quot;:&quot;frontend.navigation.motor-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;8b073b7b2ec7dff4f16bf63e8b28baaebba8c64c2b454988fe97e5fd40ea5c5d&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:KTxhsPayMKWQUnvjpYuT --> </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="wd7NFzOeWLcx0qQDTxVx" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;wd7NFzOeWLcx0qQDTxVx&quot;,&quot;name&quot;:&quot;frontend.navigation.property-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;d1f72bf27b3ecf9138af7890847199cc1072e3d81313cb9c6b3664ae420d0665&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:wd7NFzOeWLcx0qQDTxVx --> </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="NLPx7mzMkEqrZ9wwYuls" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;NLPx7mzMkEqrZ9wwYuls&quot;,&quot;name&quot;:&quot;frontend.navigation.directory-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;8050ec99e62838ad153823f8e68d69bc2386d982e91661df6f44f29d33710b13&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:NLPx7mzMkEqrZ9wwYuls --> </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="q0U2izSC4w47YjjjBZjs" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;q0U2izSC4w47YjjjBZjs&quot;,&quot;name&quot;:&quot;frontend.navigation.obituary-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;e08af4d7c8ab95d4d5a9d18080b84df3c534218855fb40b237f8f50edc519605&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:q0U2izSC4w47YjjjBZjs --> </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="waDLKFAPGPyh7VjEvjl5" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;waDLKFAPGPyh7VjEvjl5&quot;,&quot;name&quot;:&quot;frontend.navigation.search-news&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;b41b5e79382e3cc23d16e649a7feb6069b4b95ea4f4ee6a54627ee1df6e6d93c&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:waDLKFAPGPyh7VjEvjl5 --> </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="auhfSOKr7zFyJmbkl12R" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;auhfSOKr7zFyJmbkl12R&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.search-news&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;4fb5e59bb2e73ced9e85ce190a03842196e3c106f8d9391f382cd00c9f412198&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:auhfSOKr7zFyJmbkl12R --> </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="syaY9EtdiX9aR90bVe5X" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;syaY9EtdiX9aR90bVe5X&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.search-news&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;d58d8ee3f756b2501c4fb0494022082bd835cf52690b487848f100deba26b7d8&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:syaY9EtdiX9aR90bVe5X --> </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="KFuFJT0fbem8tHT1Mmwd" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;KFuFJT0fbem8tHT1Mmwd&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.news-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;20602f9ee0c59cc0665d9b53564657928cae692f55d04bd938f5b6c181373ffb&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:KFuFJT0fbem8tHT1Mmwd --> </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-nubnewsred-800 border-b-4 border-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-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="FHbUxq6oB33aCIrXbJES" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;FHbUxq6oB33aCIrXbJES&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.motor-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;9ef7a395698382366865602eaf10ee35e9b8f09f5ca5468e3faa4ac371dc464f&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:FHbUxq6oB33aCIrXbJES --> </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="mP5jkYX1BA9eZCYTc7D5" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;mP5jkYX1BA9eZCYTc7D5&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.property-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;ca444a2399a7023b0f2a3f20303c79dfc3a02ca474ff25bb390981ef260c3dd3&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:mP5jkYX1BA9eZCYTc7D5 --> </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="bGVCvUkU7eUmLjNJAxf2" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;bGVCvUkU7eUmLjNJAxf2&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.directory-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;413f1fe79fd3e3322032d346d7079a3a3ea0740346620ad340f70930b9905ba0&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:bGVCvUkU7eUmLjNJAxf2 --> </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="uJ6Qs0R09gH0PRbZZJzy" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;uJ6Qs0R09gH0PRbZZJzy&quot;,&quot;name&quot;:&quot;frontend.navigation.mobile-sub.obituary-categories&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;0382303f426a9d16b5a854a1a33f61009d119fb3453db4568dffa4cee63c43e8&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:uJ6Qs0R09gH0PRbZZJzy --> </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="z8GjObH4QPA4gwOI5UP4" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;z8GjObH4QPA4gwOI5UP4&quot;,&quot;name&quot;:&quot;frontend.events.index&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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\/whats-on&quot;},&quot;serverMemo&quot;:{&quot;children&quot;:{&quot;l2504096558-0&quot;:{&quot;id&quot;:&quot;K1QWfZWtx6Zdt3s9tzNh&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l3966064344-1&quot;:{&quot;id&quot;:&quot;yJjQvnCxgc13kOteeDY8&quot;,&quot;tag&quot;:&quot;div&quot;},&quot;l3966064344-6&quot;:{&quot;id&quot;:&quot;PYS98Uons04vb2xFTVnU&quot;,&quot;tag&quot;:&quot;div&quot;}},&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;0023500a&quot;,&quot;data&quot;:{&quot;site&quot;:[],&quot;advertisements&quot;:[],&quot;advertisementCategory&quot;:[],&quot;advertisementSection&quot;:[],&quot;page&quot;:1,&quot;paginators&quot;:{&quot;page&quot;:1},&quot;advertisementPlacement&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;advertisementCategory&quot;:{&quot;class&quot;:&quot;App\\Models\\AdvertisementCategory&quot;,&quot;id&quot;:10,&quot;relations&quot;:[],&quot;connection&quot;:&quot;mysql&quot;},&quot;advertisementSection&quot;:{&quot;class&quot;:&quot;App\\Models\\AdvertisementSection&quot;,&quot;id&quot;:1,&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;:&quot;App\\Models\\Advertisement&quot;,&quot;id&quot;:[3684,3639,3629,3305,3301,3226,3222,2959,2256],&quot;relations&quot;:[&quot;media&quot;,&quot;advertisementPlacement&quot;],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;087cc9c8f9c6ae94ab31d45001c52f2757ec0b9572d68ee42c1f443d0b93a72c&quot;}}"> <!-- Carousel Example --> <div class="container mx-auto"> <div wire:id="K1QWfZWtx6Zdt3s9tzNh" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;K1QWfZWtx6Zdt3s9tzNh&quot;,&quot;name&quot;:&quot;frontend.advertisements.header&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;5fa8623d&quot;,&quot;data&quot;:{&quot;advertisements&quot;:[]},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;advertisements&quot;:{&quot;class&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;id&quot;:[3684,3639,3629,3305,3301,3226,3222,2959,2256],&quot;relations&quot;:[&quot;media&quot;,&quot;advertisementPlacement&quot;],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;98f754f02071ad2927cb8e97d3b05a9f531516c1bbaa2a7b5b5cce7554976b67&quot;}}"> <header id="watch-banner3301,2256," class="watch-banner mt-14"> <div class="swiper nubNewsSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.thewhitelionweston.com/" id="click-3301" target="_blank"> <picture> <source srcset="https://nub.news/api/image/595990/original.png" width="768" height="256" media="(max-width: 767px)"> <img class="object-cover w-full" fetchpriority="high" width="1536" height="192" src="https://nub.news/api/image/623678/original.png" alt=""> </picture> </a> </div> <div class="swiper-slide"> <a href="https://trafalgartickets.com/lyceum-theatre-crewe/en-GB/event/play/earnest-tickets" id="click-2256" target="_blank"> <picture> <source srcset="https://nub.news/api/image/640346/original.jpeg" width="768" height="256" media="(max-width: 767px)"> <img class="object-cover w-full" loading="lazy" width="1536" height="192" src="https://nub.news/api/image/640345/original.jpeg" alt=""> </picture> </a> </div> </div> <!-- <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> --> <div class="swiper-pagination"></div> </div> </header> </div> <!-- Livewire Component wire-end:K1QWfZWtx6Zdt3s9tzNh --> </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 mt-2 "> What&#039;s On and things to do 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> What&#039;s On </li> </ol> </nav> </div> </div> <div class="float-right pt-2 w-1/2"> <a href="https://crewe.nub.news/nub-it/whats-on-create"> <button class="float-right 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-paper-plane text-white"></i>&nbsp; Add your event </button> </a> </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> --> <h2 class="float-left text-gray-900 font-extrabold text-2xl mt-3 mb-2 sm:mb-2">What's On in <span class="text-nubnewsred-800">Crewe</span> April 2025</h2> <!-- Loop through the events --> <div class="md:px-2 md:grid md:grid-cols-3 lg:grid-cols-3 gap-5 space-y-4 md:space-y-0 mb-2 w-full"> <a href="https://crewe.nub.news/whats-on/community-events/seat-approved-used-event-77701" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/640029/category.png" title="SEAT Approved Used Event" alt="SEAT Approved Used Event"> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Thursday 10th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> SEAT Approved Used Event @ Crewe SEAT </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Crewe SEAT</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Community Events</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-calendar-alt fa-fw text-gray-800 pr-1"></i> </span> <p>1st Apr 2025 - 30th Apr 2025</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/community-events/cupra-approved-april-event-77755" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/640516/category.png" title="CUPRA Approved April Event" alt="CUPRA Approved April Event"> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Thursday 10th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> CUPRA Approved April Event @ CUPRA Crewe </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>CUPRA Crewe</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Community Events</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-calendar-alt fa-fw text-gray-800 pr-1"></i> </span> <p>1st Apr 2025 - 30th Apr 2025</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/community-events/wishing-well-stay-and-play-sessions-75266" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/609828/category.jpeg" title="Wishing Well Stay and Play Sessions" alt="Wishing Well Stay and Play Sessions"> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Thursday 10th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Stay and Play Sessions @ The Wishing Well </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>3 Chester Bridge, Crewe, CW2 7EF</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Community Events</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-calendar-alt fa-fw text-gray-800 pr-1"></i> </span> <p>8th Apr 2025 - 11th Apr 2025</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/miscellaneous/the-big-quiz-at-crewe-market-hall-48952" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/616226/category.jpeg" title="The Big Quiz is live at Crewe Market Hall every Thursday evening. " alt="The Big Quiz is live at Crewe Market Hall every Thursday evening. "> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Thursday 10th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Quiz Night - Hosted By The Cat @ Crewe Market Hall </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Crewe Market Hall</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Miscellaneous</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/music/sp10671-original-bands-night-at-the-arena-77967" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/643168/category.jpeg" title="Original Bands Night " alt="Original Bands Night "> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Friday 11th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Original Bands Night @ The Arena </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Crewe Lyceum</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Music</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/community-events/friday-youth-club-47926" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/608221/category.jpeg" title="The Wishing Well Children and Families Hub hosts its Friday Youth Club every week." alt="The Wishing Well Children and Families Hub hosts its Friday Youth Club every week."> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Friday 11th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Friday Youth Club @ Wishing Well Hub </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Wishing Well Children and Family Hub</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Community Events</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/theatre/the-passion-77470" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/637881/category.jpeg" title="The Passion " alt="The Passion "> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Friday 11th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> The Passion @ Union Street Baptist Church </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Union Street Baptist Church</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Theatre</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-calendar-alt fa-fw text-gray-800 pr-1"></i> </span> <p>11th Apr 2025 - 11th Apr 2025</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/community-events/crewe-armed-forces-veterans-breakfast-club-50174" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/436548/category.jpeg" title="Crewe Armed Forces &amp; Veterans Breakfast Club at The Four Eagles" alt="Crewe Armed Forces &amp; Veterans Breakfast Club at The Four Eagles"> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Saturday 12th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Crewe Armed Forces &amp; Veterans Breakfast Club @ The Four Eagles </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>The Four Eagles, Dunwoody way, Crewe</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Community Events</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/family/easter-extravaganza-75764" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/612542/category.png" title="Easter Extravaganza " alt="Easter Extravaganza "> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Saturday 12th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Easter Extravaganza @ Crewe Lyceum Theatre </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Crewe Lyceum Theatre</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Family</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/leisure/the-big-pub-quiz-night-49792" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/434076/category.jpeg" title="The Big Quiz Night at The Duke of Gloucester." alt="The Big Quiz Night at The Duke of Gloucester."> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Sunday 13th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Quiz Night @ The Duke of Gloucester </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>THE DUKE OF GLOUCESTER University Way, Crewe, Cheshire CW1 5NP 01270 539 380</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Leisure</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/leisure/sp8620-murder-trial-tonight-iii-at-crewe-lyceum-theatre-77966" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/643161/category.jpeg" title="Murder Trial Tonight III" alt="Murder Trial Tonight III"> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Sunday 13th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Murder Trial Tonight III @ Crewe Lyceum Theatre </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Crewe Lyceum</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Leisure</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> <a href="https://crewe.nub.news/whats-on/culture/puppetry-workshop-create-animate-75765" class="block w-full bg-white rounded-lg rounded-md shadow-sm overflow-hidden relative"> <div class="relative"> <!-- Article Image --> <div class="w-full h-80"> <!-- h-80 w-full object-cover object-center rounded-xl --> <img class="w-full h-full" src="https://nub.news/api/image/612543/category.png" title="Puppetry Workshop: Create &amp; Animate" alt="Puppetry Workshop: Create &amp; Animate"> </div> <p class="absolute text-lg top-0 bg-nubnewsred-800 text-white py-1 px-3 rounded-br-lg rounded-tl-lg uppercase"> Tuesday 15th April </p> </div> <h2 class="mt-4 px-4 text-xl font-semibold leading-tight text-black cursor-pointer break-words"> Puppetry Workshop: Create &amp; Animate @ Crewe Lyceum Theatre </h2> <div class="my-4 px-4 mb-5" style="margin-bottom: 45px;"> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-map-marker-alt fa-fw text-gray-800 pr-1"></i> </span> <p>Crewe Lyceum Theatre</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-info-circle fa-fw text-gray-800 pr-1"></i> </span> <p>Culture</p> </div> <div class="flex space-x-1 items-center font-medium text-gray-800 title-font mb-1"> <span> <i class="fas fa-calendar-alt fa-fw text-gray-800 pr-1"></i> </span> <p>15th Apr 2025 - 16th Apr 2025</p> </div> </div> <div class="w-full p-4 absolute bottom-0"> <div class="float-right font-medium text-gray-800 title-font uppercase mt-3"> <p class="text-nubnewsred-800 md:mb-0 lg:mb-0 uppercase font-bold">Read More <i class="fas fa-chevron-right ml-2"></i></p> </div> </div> </a> </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/whats-on?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">12</span> of <span></span><span class="font-medium">37</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/whats-on?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/whats-on?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 pt-2"> <div wire:id="yJjQvnCxgc13kOteeDY8" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;yJjQvnCxgc13kOteeDY8&quot;,&quot;name&quot;:&quot;frontend.advertisements.right-column&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;404574f2&quot;,&quot;data&quot;:{&quot;advertisements&quot;:[]},&quot;dataMeta&quot;:{&quot;modelCollections&quot;:{&quot;advertisements&quot;:{&quot;class&quot;:&quot;App\\Models\\Advertisement&quot;,&quot;id&quot;:[3684,3639,3629,3305,3301,3226,3222,2959,2256],&quot;relations&quot;:[&quot;media&quot;,&quot;advertisementPlacement&quot;],&quot;connection&quot;:&quot;mysql&quot;}}},&quot;checksum&quot;:&quot;ebcd35ea11affc9c8587735e41eaf46c45f0f4115525f850587910df1d91a305&quot;}}" style="width: 100%;"> <div id="watch-banner3222,3305,3684," class="watch-banner mb-4"> <div class="swiper nubNewsSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://crewe.nub.news/contact" id="click-3222" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/623836/resizedContent.png" alt=""> </picture> </a> </div> <div class="swiper-slide"> <a href="https://www.thewhitelionweston.com/" id="click-3305" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/623670/resizedContent.jpeg" alt=""> </picture> </a> </div> <div class="swiper-slide"> <a href="https://www.facebook.com/people/The-Arena-Crewe/61567959631043/" id="click-3684" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/622908/resizedContent.jpeg" alt=""> </picture> </a> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div id="watch-banner2959,3639," class="watch-banner mb-4"> <div class="swiper nubNewsSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.bombayejunction.com/" id="click-2959" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/624379/resizedContent.jpeg" alt=""> </picture> </a> </div> <div class="swiper-slide"> <a href="https://www.amakas.co.uk/" id="click-3639" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/622999/resizedContent.jpeg" alt=""> </picture> </a> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div id="watch-banner3629,3226," class="watch-banner mb-4"> <div class="swiper nubNewsSwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://www.betsysxlds.com/menu/31 " id="click-3629" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/623019/resizedContent.jpeg" alt=""> </picture> </a> </div> <div class="swiper-slide"> <a href="https://www.radiancepersonified.co.uk/" id="click-3226" target="_blank"> <picture> <img class="object-cover w-full" src="https://nub.news/api/image/623828/resizedContent.png" alt=""> </picture> </a> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> <!-- Livewire Component wire-end:yJjQvnCxgc13kOteeDY8 --> <!-- news offers whats-on classifieds motors obituaries directories properties jobs specials --> <div wire:id="PYS98Uons04vb2xFTVnU" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;PYS98Uons04vb2xFTVnU&quot;,&quot;name&quot;:&quot;sidebar.show-news-pictures-articles&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;0b92ee43&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;7894e8af303a716e927e6a2abddd4c88827829e85f17b079b0c5e21f6b2cda43&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/644295/category.jpeg" title="Crewe Nub News has you covered for events taking place in the town every weekend (Ryan Parker)." alt="Crewe Nub News has you covered for events taking place in the town every weekend (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/sp8620-whats-on-in-crewe-this-weekend-original-bands-night-murder-trial-and-more-257158" class="block mb-3 text-lg font-semibold text-nubnewsred-800 leading-tight"> What's on in Crewe this weekend: Original Bands Night, Murder Trial and more </a> <div class="mb-1 leading-snug text-sm mt-2"> <p>What's on in Crewe is brought to you by our main sponsors, <a href="https://trafalgartickets.com/lyceum-theatre-crewe/en-GB" target="_blank">Crewe Lyceum Theatre</a>, <a href="https://www.thewhitelionweston.com" target="_blank">The White Lion Weston</a>, <a href="http://radiancepersonified.co.uk" target="_blank">Radiance Personified</a> and <a href="https://www.facebook.com/profile.php?id=61567959631043" target="_blank">The Arena Crewe</a>.</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/sp8620-whats-on-in-crewe-this-weekend-original-bands-night-murder-trial-and-more-257158">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"> 10th Apr 2025 9:30 am </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/643847/category.jpeg" title="Cheshire East proposes to use the former Flag Lane Baths site in Crewe as a school for excluded pupils (Ryan Parker)." alt="Cheshire East proposes to use the former Flag Lane Baths site in Crewe as a school for excluded pupils (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/cheshire-east-urges-government-to-make-quick-decision-on-new-crewe-special-school-257041" class="block mb-3 text-lg font-semibold text-nubnewsred-800 leading-tight"> Cheshire East urges government to make quick decision on new Crewe special school </a> <div class="mb-1 leading-snug text-sm mt-2"> <p>Cheshire East is writing to the government again to stress the urgency of a quick decision on plans for two special schools in Crewe and Sandbach.</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/cheshire-east-urges-government-to-make-quick-decision-on-new-crewe-special-school-257041">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"> 10th Apr 2025 12:00 am </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/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> <!-- Livewire Component wire-end:PYS98Uons04vb2xFTVnU --> <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:z8GjObH4QPA4gwOI5UP4 --> <!-- 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 = '1n4P6kTRLGDvNPO8aBMxee4U0KOObv8zqxzDNFGi';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="uP9xsTRX138foqV6OBli" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;uP9xsTRX138foqV6OBli&quot;,&quot;name&quot;:&quot;modals.sign-up-modal&quot;,&quot;locale&quot;:&quot;en&quot;,&quot;path&quot;:&quot;whats-on&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;b40821e13aaf2be0ef6f317271daf3a59305b8a2536c4dae247e6c4f4f510749&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:uP9xsTRX138foqV6OBli --> <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