{"id":195,"date":"2026-04-19T10:41:34","date_gmt":"2026-04-19T10:41:34","guid":{"rendered":"https:\/\/mkcjm.org.uk\/?page_id=195"},"modified":"2026-04-19T18:55:27","modified_gmt":"2026-04-19T18:55:27","slug":"ramadan-timetable","status":"publish","type":"page","link":"https:\/\/mkcjm.org.uk\/?page_id=195","title":{"rendered":"Ramadan Timetable"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Ramadan 2027 Timetable | Central Jamia Mosque Wolverton<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Raleway:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n :root {\r\n --primary: #1B4332;\r\n --secondary: #2D6A4F;\r\n --accent: #B8946D;\r\n --gold: #D4AF37;\r\n --dark: #0D1B2A;\r\n --light-bg: #F8F6F3;\r\n --cream: #FDFBF7;\r\n --text-primary: #2B2B2B;\r\n --text-secondary: #6B6B6B;\r\n --border: #E5E1DA;\r\n }\r\n\r\n body {\r\n font-family: 'Raleway', sans-serif;\r\n line-height: 1.7;\r\n color: var(--text-primary);\r\n background: var(--cream);\r\n overflow-x: hidden;\r\n width: 100%;\r\n margin: 0;\r\n }\r\n\r\n \/* Full width edge to edge *\/\r\n section, footer, .page-header, .ramadan-content {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n padding-left: 4rem;\r\n padding-right: 4rem;\r\n }\r\n\r\n \r\n \/* Page Header *\/\r\n .page-header {\r\n margin-top: 85px;\r\n padding: 5rem 4rem 3rem;\r\n background: linear-gradient(135deg, #8B6914, var(--gold), #8B6914);\r\n color: var(--dark);\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .page-header::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: url('data:image\/svg+xml,<svg width=\"60\" height=\"60\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M30 5 L35 20 L50 20 L38 30 L42 45 L30 36 L18 45 L22 30 L10 20 L25 20 Z\" fill=\"rgba(255,255,255,0.08)\"\/><\/svg>');\r\n opacity: 0.3;\r\n }\r\n\r\n .page-header-content {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .ramadan-badge {\r\n display: inline-block;\r\n padding: 0.5rem 2rem;\r\n background: rgba(0, 0, 0, 0.2);\r\n border-radius: 50px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n letter-spacing: 3px;\r\n margin-bottom: 1.5rem;\r\n color: var(--dark);\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .page-header h1 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 4.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n color: var(--dark);\r\n }\r\n\r\n .page-header .arabic {\r\n font-family: 'Amiri', 'Libre Baskerville', serif;\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n color: var(--dark);\r\n }\r\n\r\n .page-header p {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n color: var(--dark);\r\n }\r\n\r\n .ramadan-dates {\r\n display: flex;\r\n justify-content: center;\r\n gap: 3rem;\r\n margin-top: 2rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .date-badge {\r\n background: rgba(0, 0, 0, 0.15);\r\n padding: 0.8rem 2rem;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n border: 1px solid rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .date-badge i {\r\n margin-right: 0.5rem;\r\n }\r\n\r\n \/* Ramadan Content *\/\r\n .ramadan-content {\r\n padding: 4rem 4rem 6rem;\r\n background: var(--cream);\r\n }\r\n\r\n .ramadan-container {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Info Cards *\/\r\n .ramadan-info-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .info-card {\r\n background: white;\r\n padding: 2.5rem;\r\n border: 1px solid var(--border);\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .info-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n border-color: var(--gold);\r\n }\r\n\r\n .info-icon {\r\n width: 70px;\r\n height: 70px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1.5rem;\r\n color: var(--gold);\r\n font-size: 2rem;\r\n }\r\n\r\n .info-card h3 {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.4rem;\r\n color: var(--primary);\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .info-card p {\r\n color: var(--text-secondary);\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Timetable Section *\/\r\n .timetable-section {\r\n margin: 4rem 0;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .section-header h2 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 3rem;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .section-header p {\r\n color: var(--text-secondary);\r\n font-size: 1.1rem;\r\n }\r\n\r\n .timetable-note {\r\n background: var(--light-bg);\r\n padding: 1rem 2rem;\r\n border-radius: 10px;\r\n margin-bottom: 2rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n border-left: 4px solid var(--gold);\r\n }\r\n\r\n .timetable-note i {\r\n color: var(--gold);\r\n margin-right: 0.5rem;\r\n }\r\n\r\n .timetable-wrapper {\r\n overflow-x: auto;\r\n background: white;\r\n border: 1px solid var(--border);\r\n box-shadow: 0 5px 30px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .ramadan-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n min-width: 900px;\r\n }\r\n\r\n .ramadan-table th {\r\n background: var(--primary);\r\n color: white;\r\n padding: 1.2rem 1rem;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n text-align: center;\r\n border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .ramadan-table th:last-child {\r\n border-right: none;\r\n }\r\n\r\n .ramadan-table td {\r\n padding: 0.9rem 1rem;\r\n text-align: center;\r\n border-bottom: 1px solid var(--border);\r\n border-right: 1px solid var(--border);\r\n font-size: 0.95rem;\r\n }\r\n\r\n .ramadan-table td:last-child {\r\n border-right: none;\r\n }\r\n\r\n .ramadan-table tr:last-child td {\r\n border-bottom: none;\r\n }\r\n\r\n .ramadan-table tbody tr:hover {\r\n background: var(--light-bg);\r\n }\r\n\r\n .ramadan-table .fast-col {\r\n background: rgba(212, 175, 55, 0.08);\r\n font-weight: 600;\r\n color: var(--primary);\r\n }\r\n\r\n .ramadan-table .suhur-col {\r\n background: rgba(27, 67, 50, 0.05);\r\n }\r\n\r\n .ramadan-table .iftar-col {\r\n background: rgba(212, 175, 55, 0.12);\r\n font-weight: 600;\r\n color: var(--primary);\r\n }\r\n\r\n .weekend-row {\r\n background: rgba(27, 67, 50, 0.02);\r\n }\r\n\r\n \/* Important Dates *\/\r\n .important-dates {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin: 4rem 0;\r\n }\r\n\r\n .date-card {\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n padding: 2.5rem;\r\n text-align: center;\r\n border-radius: 0;\r\n }\r\n\r\n .date-card.highlight {\r\n background: linear-gradient(135deg, #8B6914, var(--gold));\r\n color: var(--dark);\r\n }\r\n\r\n .date-card i {\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n opacity: 0.9;\r\n }\r\n\r\n .date-card h4 {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.3rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .date-card .date {\r\n font-size: 2rem;\r\n font-weight: 700;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .date-card .hijri {\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Ramadan Guidelines *\/\r\n .guidelines-section {\r\n margin: 5rem 0;\r\n background: white;\r\n padding: 3rem;\r\n border: 1px solid var(--border);\r\n }\r\n\r\n .guidelines-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 3rem;\r\n }\r\n\r\n .guideline-item {\r\n display: flex;\r\n gap: 1.5rem;\r\n }\r\n\r\n .guideline-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: var(--light-bg);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n color: var(--primary);\r\n font-size: 1.3rem;\r\n }\r\n\r\n .guideline-content h4 {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.2rem;\r\n color: var(--primary);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .guideline-content p {\r\n color: var(--text-secondary);\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Donation Section *\/\r\n .donation-section {\r\n margin: 5rem 0 2rem;\r\n padding: 4rem;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .donation-section h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 2.5rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .donation-section p {\r\n font-size: 1.1rem;\r\n margin-bottom: 2rem;\r\n opacity: 0.9;\r\n }\r\n\r\n .donation-buttons {\r\n display: flex;\r\n gap: 1.5rem;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-donate {\r\n padding: 1.2rem 3rem;\r\n background: var(--gold);\r\n color: var(--dark);\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btn-donate:hover {\r\n background: #E8C84A;\r\n transform: translateY(-3px);\r\n }\r\n\r\n .btn-outline-light {\r\n padding: 1.2rem 3rem;\r\n background: transparent;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .btn-outline-light:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: white;\r\n }\r\n\r\n \/* Download Section *\/\r\n .download-section {\r\n text-align: center;\r\n margin: 3rem 0;\r\n }\r\n\r\n .btn-download {\r\n display: inline-block;\r\n padding: 1rem 2.5rem;\r\n background: white;\r\n color: var(--primary);\r\n text-decoration: none;\r\n border-radius: 50px;\r\n font-weight: 600;\r\n border: 1px solid var(--border);\r\n margin: 0 0.5rem;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-download:hover {\r\n background: var(--primary);\r\n color: white;\r\n border-color: var(--primary);\r\n }\r\n\r\n .btn-download i {\r\n margin-right: 0.5rem;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n background: var(--dark);\r\n color: rgba(255, 255, 255, 0.8);\r\n padding: 4rem 4rem 2rem;\r\n }\r\n\r\n .footer-grid {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n gap: 4rem;\r\n margin-bottom: 3rem;\r\n }\r\n\r\n .footer-about h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.8rem;\r\n color: var(--gold);\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .footer-links h4 {\r\n color: white;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .footer-links ul {\r\n list-style: none;\r\n }\r\n\r\n .footer-links a {\r\n color: rgba(255, 255, 255, 0.6);\r\n text-decoration: none;\r\n display: block;\r\n margin-bottom: 0.75rem;\r\n transition: all 0.3s;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-top: 2rem;\r\n text-align: center;\r\n font-size: 0.9rem;\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1200px) {\r\n .ramadan-info-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .important-dates {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .navbar {\r\n padding: 1rem 1.5rem;\r\n }\r\n \r\n .nav-menu {\r\n display: none;\r\n }\r\n \r\n section, footer, .page-header, .ramadan-content {\r\n padding-left: 1.5rem;\r\n padding-right: 1.5rem;\r\n }\r\n \r\n .page-header {\r\n padding-top: 4rem;\r\n }\r\n \r\n .page-header h1 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .page-header .arabic {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .ramadan-dates {\r\n gap: 1rem;\r\n }\r\n \r\n .ramadan-info-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .important-dates {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .guidelines-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .guidelines-section {\r\n padding: 2rem;\r\n }\r\n \r\n .donation-section {\r\n padding: 3rem 1.5rem;\r\n }\r\n \r\n .donation-section h3 {\r\n font-size: 2rem;\r\n }\r\n \r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n \r\n .timetable-wrapper {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- Page Header -->\r\n<section class=\"page-header\">\r\n <div class=\"page-header-content\">\r\n <div class=\"ramadan-badge\">\r\n <i class=\"fas fa-star-and-crescent\"><\/i> Ramadan Mubarak <i class=\"fas fa-star-and-crescent\"><\/i>\r\n <\/div>\r\n <h1>Ramadan 2027<\/h1>\r\n <p class=\"arabic\">\u0631\u064e\u0645\u064e\u0636\u064e\u0627\u0646 \u0661\u0664\u0664\u0668 \u0647\u0640<\/p>\r\n <p>Central Jamia Mosque Wolverton \u00b7 Ramadan Timetable<\/p>\r\n <div class=\"ramadan-dates\">\r\n <div class=\"date-badge\">\r\n <i class=\"fas fa-calendar\"><\/i> Expected Start: 17th January 2027\r\n <\/div>\r\n <div class=\"date-badge\">\r\n <i class=\"fas fa-calendar-check\"><\/i> Expected End: 15th February 2027\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Ramadan Content -->\r\n<section class=\"ramadan-content\">\r\n <div class=\"ramadan-container\">\r\n \r\n \r\n\r\n <!-- Timetable Section -->\r\n <div class=\"timetable-section\" id=\"timetable\">\r\n <div class=\"section-header\">\r\n <h2>Ramadan Prayer Timetable 2027 \/ 1448<\/h2>\r\n <p>Central Jamia Mosque Wolverton \u00b7 Milton Keynes<\/p>\r\n <\/div>\r\n \r\n <div class=\"timetable-note\">\r\n <span><i class=\"fas fa-info-circle\"><\/i> Times are approximate - Please arrive early for prayers<\/span>\r\n <span><i class=\"fas fa-clock\"><\/i> Fajr begins at Suhur end time<\/span>\r\n <span><i class=\"fas fa-sun\"><\/i> Maghrib is Iftar time<\/span>\r\n <\/div>\r\n\r\n <div class=\"timetable-wrapper\" id=\"timetableContent\">\r\n <table class=\"ramadan-table\">\r\n <thead>\r\n <tr>\r\n <th>Day<\/th>\r\n <th>Ramadan<\/th>\r\n <th>Date (Jan\/Feb)<\/th>\r\n <th>Suhur End<\/th>\r\n <th>Fajr<\/th>\r\n <th>Sunrise<\/th>\r\n <th>Zuhr<\/th>\r\n <th>Asr<\/th>\r\n <th>Iftar\/Maghrib<\/th>\r\n <th>Isha<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr><td>Sun<\/td><td>1<\/td><td>Jan 17<\/td><td class=\"suhur-col\">06:12<\/td><td>06:27<\/td><td>08:02<\/td><td>12:15<\/td><td>14:05<\/td><td class=\"iftar-col\">16:28<\/td><td>18:03<\/td><\/tr>\r\n <tr><td>Mon<\/td><td>2<\/td><td>Jan 18<\/td><td class=\"suhur-col\">06:11<\/td><td>06:26<\/td><td>08:01<\/td><td>12:15<\/td><td>14:06<\/td><td class=\"iftar-col\">16:30<\/td><td>18:05<\/td><\/tr>\r\n <tr><td>Tue<\/td><td>3<\/td><td>Jan 19<\/td><td class=\"suhur-col\">06:10<\/td><td>06:25<\/td><td>08:00<\/td><td>12:16<\/td><td>14:07<\/td><td class=\"iftar-col\">16:31<\/td><td>18:06<\/td><\/tr>\r\n <tr><td>Wed<\/td><td>4<\/td><td>Jan 20<\/td><td class=\"suhur-col\">06:09<\/td><td>06:24<\/td><td>07:59<\/td><td>12:16<\/td><td>14:09<\/td><td class=\"iftar-col\">16:33<\/td><td>18:08<\/td><\/tr>\r\n <tr><td>Thu<\/td><td>5<\/td><td>Jan 21<\/td><td class=\"suhur-col\">06:08<\/td><td>06:23<\/td><td>07:58<\/td><td>12:16<\/td><td>14:10<\/td><td class=\"iftar-col\">16:35<\/td><td>18:09<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Fri<\/td><td>6<\/td><td>Jan 22<\/td><td class=\"suhur-col\">06:07<\/td><td>06:22<\/td><td>07:57<\/td><td>12:17<\/td><td>14:11<\/td><td class=\"iftar-col\">16:36<\/td><td>18:10<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Sat<\/td><td>7<\/td><td>Jan 23<\/td><td class=\"suhur-col\">06:06<\/td><td>06:21<\/td><td>07:56<\/td><td>12:17<\/td><td>14:13<\/td><td class=\"iftar-col\">16:38<\/td><td>18:12<\/td><\/tr>\r\n <tr><td>Sun<\/td><td>8<\/td><td>Jan 24<\/td><td class=\"suhur-col\">06:05<\/td><td>06:20<\/td><td>07:54<\/td><td>12:17<\/td><td>14:14<\/td><td class=\"iftar-col\">16:40<\/td><td>18:13<\/td><\/tr>\r\n <tr><td>Mon<\/td><td>9<\/td><td>Jan 25<\/td><td class=\"suhur-col\">06:04<\/td><td>06:19<\/td><td>07:53<\/td><td>12:17<\/td><td>14:15<\/td><td class=\"iftar-col\">16:41<\/td><td>18:15<\/td><\/tr>\r\n <tr><td>Tue<\/td><td>10<\/td><td>Jan 26<\/td><td class=\"suhur-col\">06:03<\/td><td>06:18<\/td><td>07:52<\/td><td>12:18<\/td><td>14:17<\/td><td class=\"iftar-col\">16:43<\/td><td>18:16<\/td><\/tr>\r\n <tr><td>Wed<\/td><td>11<\/td><td>Jan 27<\/td><td class=\"suhur-col\">06:02<\/td><td>06:17<\/td><td>07:51<\/td><td>12:18<\/td><td>14:18<\/td><td class=\"iftar-col\">16:45<\/td><td>18:18<\/td><\/tr>\r\n <tr><td>Thu<\/td><td>12<\/td><td>Jan 28<\/td><td class=\"suhur-col\">06:01<\/td><td>06:16<\/td><td>07:49<\/td><td>12:18<\/td><td>14:19<\/td><td class=\"iftar-col\">16:47<\/td><td>18:19<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Fri<\/td><td>13<\/td><td>Jan 29<\/td><td class=\"suhur-col\">06:00<\/td><td>06:15<\/td><td>07:48<\/td><td>12:18<\/td><td>14:21<\/td><td class=\"iftar-col\">16:48<\/td><td>18:21<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Sat<\/td><td>14<\/td><td>Jan 30<\/td><td class=\"suhur-col\">05:59<\/td><td>06:14<\/td><td>07:46<\/td><td>12:18<\/td><td>14:22<\/td><td class=\"iftar-col\">16:50<\/td><td>18:22<\/td><\/tr>\r\n <tr><td>Sun<\/td><td>15<\/td><td>Jan 31<\/td><td class=\"suhur-col\">05:58<\/td><td>06:13<\/td><td>07:45<\/td><td>12:18<\/td><td>14:23<\/td><td class=\"iftar-col\">16:52<\/td><td>18:24<\/td><\/tr>\r\n <tr><td>Mon<\/td><td>16<\/td><td>Feb 1<\/td><td class=\"suhur-col\">05:56<\/td><td>06:11<\/td><td>07:43<\/td><td>12:19<\/td><td>14:25<\/td><td class=\"iftar-col\">16:54<\/td><td>18:25<\/td><\/tr>\r\n <tr><td>Tue<\/td><td>17<\/td><td>Feb 2<\/td><td class=\"suhur-col\">05:55<\/td><td>06:10<\/td><td>07:42<\/td><td>12:19<\/td><td>14:26<\/td><td class=\"iftar-col\">16:55<\/td><td>18:27<\/td><\/tr>\r\n <tr><td>Wed<\/td><td>18<\/td><td>Feb 3<\/td><td class=\"suhur-col\">05:54<\/td><td>06:09<\/td><td>07:40<\/td><td>12:19<\/td><td>14:28<\/td><td class=\"iftar-col\">16:57<\/td><td>18:28<\/td><\/tr>\r\n <tr><td>Thu<\/td><td>19<\/td><td>Feb 4<\/td><td class=\"suhur-col\">05:53<\/td><td>06:08<\/td><td>07:39<\/td><td>12:19<\/td><td>14:29<\/td><td class=\"iftar-col\">16:59<\/td><td>18:30<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Fri<\/td><td>20<\/td><td>Feb 5<\/td><td class=\"suhur-col\">05:51<\/td><td>06:06<\/td><td>07:37<\/td><td>12:19<\/td><td>14:30<\/td><td class=\"iftar-col\">17:01<\/td><td>18:31<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Sat<\/td><td>21<\/td><td>Feb 6<\/td><td class=\"suhur-col\">05:50<\/td><td>06:05<\/td><td>07:35<\/td><td>12:19<\/td><td>14:32<\/td><td class=\"iftar-col\">17:03<\/td><td>18:33<\/td><\/tr>\r\n <tr><td>Sun<\/td><td>22<\/td><td>Feb 7<\/td><td class=\"suhur-col\">05:48<\/td><td>06:03<\/td><td>07:34<\/td><td>12:19<\/td><td>14:33<\/td><td class=\"iftar-col\">17:05<\/td><td>18:34<\/td><\/tr>\r\n <tr><td>Mon<\/td><td>23<\/td><td>Feb 8<\/td><td class=\"suhur-col\">05:47<\/td><td>06:02<\/td><td>07:32<\/td><td>12:19<\/td><td>14:34<\/td><td class=\"iftar-col\">17:06<\/td><td>18:36<\/td><\/tr>\r\n <tr><td>Tue<\/td><td>24<\/td><td>Feb 9<\/td><td class=\"suhur-col\">05:46<\/td><td>06:01<\/td><td>07:30<\/td><td>12:19<\/td><td>14:36<\/td><td class=\"iftar-col\">17:08<\/td><td>18:37<\/td><\/tr>\r\n <tr><td>Wed<\/td><td>25<\/td><td>Feb 10<\/td><td class=\"suhur-col\">05:44<\/td><td>05:59<\/td><td>07:28<\/td><td>12:19<\/td><td>14:37<\/td><td class=\"iftar-col\">17:10<\/td><td>18:39<\/td><\/tr>\r\n <tr><td>Thu<\/td><td>26<\/td><td>Feb 11<\/td><td class=\"suhur-col\">05:42<\/td><td>05:57<\/td><td>07:27<\/td><td>12:19<\/td><td>14:38<\/td><td class=\"iftar-col\">17:12<\/td><td>18:40<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Fri<\/td><td>27<\/td><td>Feb 12<\/td><td class=\"suhur-col\">05:41<\/td><td>05:56<\/td><td>07:25<\/td><td>12:19<\/td><td>14:40<\/td><td class=\"iftar-col\">17:14<\/td><td>18:42<\/td><\/tr>\r\n <tr class=\"weekend-row\"><td>Sat<\/td><td>28<\/td><td>Feb 13<\/td><td class=\"suhur-col\">05:39<\/td><td>05:54<\/td><td>07:23<\/td><td>12:19<\/td><td>14:41<\/td><td class=\"iftar-col\">17:15<\/td><td>18:43<\/td><\/tr>\r\n <tr><td>Sun<\/td><td>29<\/td><td>Feb 14<\/td><td class=\"suhur-col\">05:38<\/td><td>05:53<\/td><td>07:21<\/td><td>12:19<\/td><td>14:42<\/td><td class=\"iftar-col\">17:17<\/td><td>18:45<\/td><\/tr>\r\n <tr><td>Mon<\/td><td>30<\/td><td>Feb 15<\/td><td class=\"suhur-col\">05:36<\/td><td>05:51<\/td><td>07:19<\/td><td>12:19<\/td><td>14:44<\/td><td class=\"iftar-col\">17:19<\/td><td>18:46<\/td><\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Download Buttons -->\r\n <div class=\"download-section\">\r\n <button class=\"btn-download\" onclick=\"downloadPDF()\"><i class=\"fas fa-download\"><\/i> Download PDF Timetable<\/button>\r\n <button class=\"btn-download\" onclick=\"printTimetable()\"><i class=\"fas fa-print\"><\/i> Print Timetable<\/button>\r\n <\/div>\r\n\r\n <!-- Important Dates -->\r\n <div class=\"important-dates\">\r\n <div class=\"date-card\">\r\n <i class=\"fas fa-moon\"><\/i>\r\n <h4>Ramadan Begins<\/h4>\r\n <div class=\"date\">17 Jan 2027<\/div>\r\n <div class=\"hijri\">1 Ramadan 1448<\/div>\r\n <\/div>\r\n <div class=\"date-card highlight\">\r\n <i class=\"fas fa-calendar-star\"><\/i>\r\n <h4>Laylat al-Qadr<\/h4>\r\n <div class=\"date\">11 Feb 2027<\/div>\r\n <div class=\"hijri\">26 Ramadan 1448<\/div>\r\n <p style=\"margin-top: 0.5rem; font-size: 0.9rem;\">(Most likely night - seek in last 10 nights)<\/p>\r\n <\/div>\r\n <div class=\"date-card\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <h4>Eid al-Fitr<\/h4>\r\n <div class=\"date\">16 Feb 2027<\/div>\r\n <div class=\"hijri\">1 Shawwal 1448<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Guidelines -->\r\n <div class=\"guidelines-section\">\r\n <div class=\"section-header\">\r\n <h2>Ramadan Guidelines<\/h2>\r\n <p>Important information for worshippers at Central Jamia Mosque<\/p>\r\n <\/div>\r\n <div class=\"guidelines-grid\">\r\n <div class=\"guideline-item\">\r\n <div class=\"guideline-icon\">\r\n <i class=\"fas fa-parking\"><\/i>\r\n <\/div>\r\n <div class=\"guideline-content\">\r\n <h4>Parking<\/h4>\r\n <p>Limited parking available. Please car share where possible. Additional parking across the road. Do not block neighbours' driveways.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"guideline-item\">\r\n <div class=\"guideline-icon\">\r\n <i class=\"fas fa-utensils\"><\/i>\r\n <\/div>\r\n <div class=\"guideline-content\">\r\n <h4>Iftar<\/h4>\r\n <p>Dates and water provided. If bringing food to share, please inform volunteers. Clean up after yourself.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"guideline-item\">\r\n <div class=\"guideline-icon\">\r\n <i class=\"fas fa-volume-low\"><\/i>\r\n <\/div>\r\n <div class=\"guideline-content\">\r\n <h4>During Prayers<\/h4>\r\n <p>Please keep noise to minimum. Supervise children. Mobile phones on silent.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"guideline-item\">\r\n <div class=\"guideline-icon\">\r\n <i class=\"fas fa-female\"><\/i>\r\n <\/div>\r\n <div class=\"guideline-content\">\r\n <h4>Sisters' Facilities<\/h4>\r\n <p>Dedicated prayer space upstairs. Separate entrance available. Wudu facilities provided.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"guideline-item\">\r\n <div class=\"guideline-icon\">\r\n <i class=\"fas fa-hand-holding-dollar\"><\/i>\r\n <\/div>\r\n \r\n <div class=\"guideline-item\">\r\n <div class=\"guideline-icon\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <\/div>\r\n <div class=\"guideline-content\">\r\n <h4>Arrival Time<\/h4>\r\n <p>Arrive early for Taraweeh. Isha prayer begins promptly. Latecomers please join quietly.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n<!-- Footer -->\r\n<footer>\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-about\">\r\n <h3>Central Jamia Mosque<\/h3>\r\n <p>Serving the Muslim community of Wolverton and Milton Keynes with faith, education, and unity since 1995.<\/p>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <h4>Quick Links<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Home<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Services<\/a><\/li>\r\n <li><a href=\"#\">Education<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <h4>Services<\/h4>\r\n <ul>\r\n <li><a href=\"#\">Marriage Services<\/a><\/li>\r\n <li><a href=\"#\">Funeral Services<\/a><\/li>\r\n <li><a href=\"#\">New Muslim Support<\/a><\/li>\r\n <li><a href=\"#\">Classes<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <h4>Contact<\/h4>\r\n <ul>\r\n <li><a href=\"tel:01908221341\">01908 221 341<\/a><\/li>\r\n <li><a href=\"mailto:info@mkcjm.org.uk\">Email Us<\/a><\/li>\r\n <li><a href=\"#\">FAQ's<\/a><\/li>\r\n <li><a href=\"#\">Directions<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>© 2024 Central Jamia Mosque Wolverton. All rights reserved. | Registered Charity | Serving Milton Keynes since 1995<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n \/\/ Smooth scrolling\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if(target) target.scrollIntoView({behavior: 'smooth'});\r\n });\r\n });\r\n\r\n \/\/ Print function\r\n function printTimetable() {\r\n window.print();\r\n }\r\n\r\n \/\/ Download PDF function\r\n function downloadPDF() {\r\n \/\/ Get the timetable content\r\n const timetableElement = document.getElementById('timetableContent');\r\n const timetableHTML = timetableElement.outerHTML;\r\n \r\n \/\/ Create the full document HTML\r\n const fullHTML = `\r\n <!DOCTYPE html>\r\n <html>\r\n <head>\r\n <title>Ramadan Timetable 2027 - Central Jamia Mosque Wolverton<\/title>\r\n <style>\r\n body { font-family: Arial, sans-serif; margin: 20px; }\r\n h1 { color: #1B4332; text-align: center; }\r\n h2 { color: #1B4332; text-align: center; }\r\n .header { text-align: center; margin-bottom: 20px; }\r\n table { width: 100%; border-collapse: collapse; margin: 20px 0; }\r\n th { background: #1B4332; color: white; padding: 10px; }\r\n td { padding: 8px; border: 1px solid #ddd; text-align: center; }\r\n .suhur-col { background: rgba(27, 67, 50, 0.05); }\r\n .iftar-col { background: rgba(212, 175, 55, 0.12); font-weight: bold; }\r\n .weekend-row { background: rgba(27, 67, 50, 0.02); }\r\n .footer { text-align: center; margin-top: 20px; font-size: 12px; }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div class=\"header\">\r\n <h1>Central Jamia Mosque Wolverton<\/h1>\r\n <h2>Ramadan Timetable 2027 \/ 1448<\/h2>\r\n <p>14-16 Church Street, Wolverton, Milton Keynes MK12 5JN<\/p>\r\n <p>Expected Start: 17th January 2027 | Expected End: 15th February 2027<\/p>\r\n <\/div>\r\n ${timetableHTML}\r\n <div class=\"footer\">\r\n <p>Times are approximate. Please arrive early for prayers.<\/p>\r\n <p>Central Jamia Mosque Wolverton | www.mkcjm.org.uk | 01908 221 341<\/p>\r\n <\/div>\r\n <\/body>\r\n <\/html>\r\n `;\r\n \r\n \/\/ Create a Blob and download link\r\n const blob = new Blob([fullHTML], { type: 'text\/html' });\r\n const url = URL.createObjectURL(blob);\r\n const a = document.createElement('a');\r\n a.href = url;\r\n a.download = 'Ramadan_Timetable_2027_CJM_Wolverton.html';\r\n document.body.appendChild(a);\r\n a.click();\r\n document.body.removeChild(a);\r\n URL.revokeObjectURL(url);\r\n \r\n \/\/ Show confirmation\r\n alert('Timetable downloaded! Open the file in your browser and use Print > Save as PDF to create a PDF version.');\r\n }\r\n\r\n \/\/ Add print styles\r\n const style = document.createElement('style');\r\n style.textContent = `\r\n @media print {\r\n .navbar, .page-header, .ramadan-info-grid, .download-section, \r\n .important-dates, .guidelines-section, .donation-section, footer {\r\n display: none !important;\r\n }\r\n .ramadan-content {\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n }\r\n .timetable-section {\r\n margin: 20px 0 !important;\r\n }\r\n .section-header h2 {\r\n color: #1B4332 !important;\r\n }\r\n .ramadan-table th {\r\n background: #1B4332 !important;\r\n color: white !important;\r\n -webkit-print-color-adjust: exact;\r\n print-color-adjust: exact;\r\n }\r\n .suhur-col {\r\n background: rgba(27, 67, 50, 0.05) !important;\r\n -webkit-print-color-adjust: exact;\r\n print-color-adjust: exact;\r\n }\r\n .iftar-col {\r\n background: rgba(212, 175, 55, 0.12) !important;\r\n -webkit-print-color-adjust: exact;\r\n print-color-adjust: exact;\r\n }\r\n }\r\n `;\r\n document.head.appendChild(style);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ramadan 2027 Timetable | Central Jamia Mosque Wolverton Ramadan Mubarak Ramadan 2027 \u0631\u064e\u0645\u064e\u0636\u064e\u0627\u0646 \u0661\u0664\u0664\u0668 \u0647\u0640 Central Jamia Mosque Wolverton \u00b7…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-195","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=195"}],"version-history":[{"count":10,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/195\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/195\/revisions\/380"}],"wp:attachment":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}