{"id":22,"date":"2026-04-19T06:58:08","date_gmt":"2026-04-19T06:58:08","guid":{"rendered":"https:\/\/mkcjm.org.uk\/?page_id=22"},"modified":"2026-04-19T17:44:59","modified_gmt":"2026-04-19T17:44:59","slug":"home","status":"publish","type":"page","link":"https:\/\/mkcjm.org.uk\/","title":{"rendered":"Home"},"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 Central Jamia Mosque Wolverton | Faith, Education & Community<\/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 for all sections *\/\r\n section, footer {\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 \/* But keep content centered *\/\r\n .section-intro,\r\n .services-grid,\r\n .about-grid,\r\n .education-grid,\r\n .facilities-grid,\r\n .contact-grid,\r\n .footer-grid,\r\n .hadith-quote {\r\n max-width: 1600px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n \/* Hero Section with Alert Box on top *\/\r\n .hero-wrapper {\r\n position: relative;\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n margin-right: calc(-50vw + 50%);\r\n min-height: 100vh;\r\n }\r\n\r\n \/* Jummah Alert Box - Positioned on top of hero *\/\r\n .jummah-alert {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 10;\r\n background: linear-gradient(135deg, var(--gold), #E8C84A);\r\n color: var(--dark);\r\n padding: 0.9rem 1.5rem;\r\n text-align: center;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n letter-spacing: 0.5px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n flex-wrap: wrap;\r\n border-bottom: 2px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .jummah-alert i {\r\n font-size: 1rem;\r\n margin-right: 0.4rem;\r\n color: var(--dark);\r\n }\r\n\r\n .jummah-alert .alert-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 2rem;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .jummah-alert .alert-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .jummah-alert .alert-highlight {\r\n background: rgba(0, 0, 0, 0.12);\r\n padding: 0.3rem 1.2rem;\r\n border-radius: 30px;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n }\r\n\r\n .jummah-alert .close-alert {\r\n background: rgba(0, 0, 0, 0.1);\r\n border: none;\r\n color: var(--dark);\r\n cursor: pointer;\r\n font-size: 1.1rem;\r\n padding: 0.2rem 0.5rem;\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .jummah-alert .close-alert:hover {\r\n background: rgba(0, 0, 0, 0.2);\r\n transform: rotate(90deg);\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n min-height: 100vh;\r\n background: linear-gradient(rgba(27, 67, 50, 0.75), rgba(13, 27, 42, 0.85)),\r\n url('https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-19-221858.png') center\/cover no-repeat fixed;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n width: 100%;\r\n padding: 6rem 4rem 4rem;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(184, 148, 109, 0.02) 2px, rgba(184, 148, 109, 0.02) 4px);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-grid {\r\n max-width: 1600px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 500px;\r\n gap: 4rem;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n }\r\n\r\n .hero-content {\r\n opacity: 0;\r\n animation: fadeInUp 1.2s ease-out 0.3s forwards;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n to { opacity: 1; transform: translateY(0); }\r\n from { opacity: 0; transform: translateY(30px); }\r\n }\r\n\r\n .hero-label {\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n font-weight: 600;\r\n margin-bottom: 1.5rem;\r\n padding-bottom: 0.75rem;\r\n border-bottom: 1px solid rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .hero-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 4.5rem;\r\n font-weight: 300;\r\n color: #FFFFFF;\r\n line-height: 1.15;\r\n margin-bottom: 1.5rem;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero-title strong {\r\n font-weight: 700;\r\n display: block;\r\n }\r\n\r\n .hero-subtitle {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.4rem;\r\n color: var(--accent);\r\n margin-bottom: 1.5rem;\r\n font-style: italic;\r\n font-weight: 400;\r\n }\r\n\r\n .hero-description {\r\n font-size: 1.05rem;\r\n line-height: 1.8;\r\n color: rgba(255, 255, 255, 0.9);\r\n margin-bottom: 2.5rem;\r\n max-width: 550px;\r\n font-weight: 300;\r\n }\r\n\r\n .hero-actions {\r\n display: flex;\r\n gap: 1.5rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n padding: 1rem 2.5rem;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n border: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--gold);\r\n color: var(--dark);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #C29D2F;\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 30px rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: #FFFFFF;\r\n border: 1.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-color: #FFFFFF;\r\n }\r\n\r\n \/* Prayer Widget *\/\r\n .prayer-widget {\r\n background: rgba(10, 25, 20, 0.8);\r\n backdrop-filter: blur(20px) saturate(180%);\r\n -webkit-backdrop-filter: blur(20px) saturate(180%);\r\n border-radius: 24px;\r\n padding: 1.8rem 2rem;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\r\n border: 1px solid rgba(212, 175, 55, 0.3);\r\n opacity: 0;\r\n animation: fadeInUp 1.2s ease-out 0.6s forwards;\r\n width: 100%;\r\n }\r\n\r\n .widget-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 1.2rem;\r\n padding-bottom: 0.8rem;\r\n border-bottom: 1px solid rgba(212, 175, 55, 0.3);\r\n }\r\n\r\n .widget-header h3 {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 1.8rem;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: -0.3px;\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .widget-header h3 i {\r\n font-size: 1.3rem;\r\n }\r\n\r\n .current-date {\r\n color: rgba(255, 255, 255, 0.85);\r\n font-size: 0.8rem;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n \/* Shortcode Placeholder Area *\/\r\n .prayer-shortcode-placeholder {\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 2px dashed rgba(212, 175, 55, 0.35);\r\n border-radius: 16px;\r\n padding: 1.8rem 1.5rem;\r\n text-align: center;\r\n min-height: 220px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n }\r\n\r\n .prayer-shortcode-placeholder i {\r\n font-size: 2.2rem;\r\n color: var(--gold);\r\n margin-bottom: 1rem;\r\n opacity: 0.8;\r\n }\r\n\r\n .prayer-shortcode-placeholder .shortcode-display {\r\n background: rgba(212, 175, 55, 0.12);\r\n padding: 0.6rem 2rem;\r\n border-radius: 40px;\r\n display: inline-block;\r\n margin-bottom: 0.5rem;\r\n border: 1px solid rgba(212, 175, 55, 0.25);\r\n }\r\n\r\n .prayer-shortcode-placeholder code {\r\n font-family: 'Courier New', monospace;\r\n font-size: 1.3rem;\r\n font-weight: 600;\r\n color: var(--gold);\r\n letter-spacing: 1px;\r\n }\r\n\r\n .prayer-shortcode-placeholder p {\r\n color: rgba(255, 255, 255, 0.75);\r\n font-size: 0.85rem;\r\n margin-top: 0.3rem;\r\n }\r\n\r\n .prayer-shortcode-placeholder small {\r\n color: rgba(255, 255, 255, 0.5);\r\n font-size: 0.75rem;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .widget-footer {\r\n margin-top: 1rem;\r\n text-align: center;\r\n font-size: 0.7rem;\r\n color: rgba(255, 255, 255, 0.5);\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* Sections *\/\r\n .services {\r\n padding: 6rem 4rem;\r\n background: var(--cream);\r\n }\r\n\r\n .section-intro {\r\n max-width: 900px;\r\n margin: 0 auto 5rem;\r\n text-align: center;\r\n }\r\n\r\n .section-label {\r\n font-size: 0.8rem;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--accent);\r\n font-weight: 600;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .section-title {\r\n font-family: 'Cormorant Garamond', serif;\r\n font-size: 3.5rem;\r\n font-weight: 600;\r\n color: var(--primary);\r\n margin-bottom: 1.5rem;\r\n line-height: 1.2;\r\n }\r\n\r\n .section-description {\r\n font-size: 1.15rem;\r\n color: var(--text-secondary);\r\n line-height: 1.8;\r\n font-weight: 300;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n }\r\n\r\n .service-card {\r\n background: #FFFFFF;\r\n border: 1px solid var(--border);\r\n padding: 3rem 2rem;\r\n transition: all 0.3s;\r\n border-radius: 8px;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n border-color: var(--accent);\r\n }\r\n\r\n .service-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: var(--primary);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 1.8rem;\r\n }\r\n .service-icon i { font-size: 1.5rem; color: var(--gold); }\r\n .service-card h3 { font-family: 'Libre Baskerville', serif; font-size: 1.4rem; color: var(--primary); margin-bottom: 1rem; }\r\n .service-card p { color: var(--text-secondary); font-size: 1rem; }\r\n\r\n .about {\r\n padding: 6rem 4rem;\r\n background: var(--light-bg);\r\n }\r\n\r\n .about-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 6rem;\r\n align-items: center;\r\n }\r\n\r\n .about-images {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1.5rem;\r\n }\r\n\r\n .about-image {\r\n overflow: hidden;\r\n aspect-ratio: 3\/4;\r\n border-radius: 8px;\r\n }\r\n\r\n .about-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: 0.5s;\r\n }\r\n\r\n .about-image:hover img { transform: scale(1.05); }\r\n .about-content h2 { font-family: 'Cormorant Garamond', serif; font-size: 3rem; color: var(--primary); margin-bottom: 1.8rem; }\r\n .about-content p { color: var(--text-secondary); margin-bottom: 1.5rem; font-size: 1.05rem; }\r\n .stats { display: grid; grid-template-columns: repeat(2,1fr); gap: 2rem; margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid var(--border); }\r\n .stat-item h4 { font-size: 3.5rem; color: var(--primary); font-family: 'Cormorant Garamond', serif; }\r\n .stat-item p { text-transform: uppercase; letter-spacing: 1.5px; font-size: 0.9rem; margin: 0; }\r\n\r\n .education {\r\n padding: 6rem 4rem;\r\n background: var(--primary);\r\n color: white;\r\n }\r\n .education .section-title { color: white; }\r\n .education .section-label { color: var(--gold); }\r\n .education .section-description { color: rgba(255,255,255,0.8); }\r\n .education-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2rem;\r\n }\r\n .education-card {\r\n background: rgba(255,255,255,0.06);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.1);\r\n padding: 2.5rem 2rem;\r\n border-radius: 12px;\r\n }\r\n .education-card i { font-size: 2.5rem; color: var(--gold); margin-bottom: 1.5rem; }\r\n .education-card h3 { font-family: 'Libre Baskerville', serif; font-size: 1.3rem; margin-bottom: 1rem; }\r\n .education-card p { color: rgba(255,255,255,0.75); font-size: 0.95rem; }\r\n\r\n .facilities { padding: 6rem 4rem; background: var(--cream); }\r\n .facilities-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2rem; margin-top: 3rem; }\r\n .facility-card {\r\n background: white;\r\n border: 1px solid var(--border);\r\n padding: 2.5rem;\r\n border-radius: 8px;\r\n }\r\n .facility-card i { font-size: 2rem; color: var(--secondary); margin-bottom: 1.5rem; }\r\n .facility-card h4 { font-family: 'Libre Baskerville', serif; font-size: 1.2rem; color: var(--primary); }\r\n .facility-card p { font-size: 0.95rem; }\r\n\r\n .hadith-quote {\r\n max-width: 1000px;\r\n margin: 5rem auto 0;\r\n padding: 3.5rem;\r\n background: rgba(27,67,50,0.03);\r\n border-left: 4px solid var(--gold);\r\n border-radius: 4px;\r\n }\r\n .hadith-text {\r\n font-family: 'Libre Baskerville', serif;\r\n font-size: 1.4rem;\r\n font-style: italic;\r\n text-align: center;\r\n }\r\n .hadith-source { text-align: center; color: var(--text-secondary); margin-top: 1rem; font-size: 1rem; }\r\n\r\n .contact { padding: 6rem 4rem; background: var(--light-bg); }\r\n .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; margin-top: 3rem; }\r\n .contact-item { display: flex; gap: 1.5rem; margin-bottom: 2.5rem; }\r\n .contact-icon {\r\n width: 56px;\r\n height: 56px;\r\n background: var(--primary);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n .contact-icon i { color: var(--gold); font-size: 1.3rem; }\r\n .contact-details h4 { font-family: 'Libre Baskerville', serif; color: var(--primary); margin-bottom: 0.5rem; font-size: 1.2rem; }\r\n .contact-details p { font-size: 1rem; }\r\n\r\n .map-embed {\r\n height: 500px;\r\n border: 1px solid var(--border);\r\n background: #fff;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n }\r\n .map-placeholder { text-align: center; }\r\n .map-placeholder i { font-size: 3.5rem; color: var(--accent); }\r\n\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 .footer-grid {\r\n display: grid;\r\n grid-template-columns: 2fr 1fr 1fr 1fr;\r\n gap: 4rem;\r\n margin-bottom: 3rem;\r\n }\r\n .footer-about h3 { font-family: 'Cormorant Garamond', serif; font-size: 1.8rem; color: var(--gold); margin-bottom: 1.5rem; }\r\n .footer-about p { font-size: 0.95rem; }\r\n .footer-links h4 { color: white; margin-bottom: 1.5rem; font-size: 1.1rem; }\r\n .footer-links a { color: rgba(255,255,255,0.6); text-decoration: none; display: block; margin-bottom: 0.75rem; font-size: 0.95rem; }\r\n .footer-links a:hover { color: var(--gold); }\r\n .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2rem; text-align: center; font-size: 0.9rem; }\r\n\r\n \/* Responsive - LARGER FONTS ON MOBILE *\/\r\n @media (max-width: 1200px) {\r\n .hero-grid { grid-template-columns: 1fr; gap: 3rem; }\r\n .prayer-widget { max-width: 550px; margin: 0 auto; }\r\n .services-grid { grid-template-columns: repeat(2,1fr); }\r\n .education-grid { grid-template-columns: repeat(2,1fr); }\r\n .about-grid, .contact-grid { grid-template-columns: 1fr; }\r\n .footer-grid { grid-template-columns: 1fr 1fr; }\r\n .hero-title { font-size: 4rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n section, .hero { \r\n padding-left: 1.5rem; \r\n padding-right: 1.5rem; \r\n }\r\n \r\n .hero {\r\n padding-top: 7rem;\r\n padding-bottom: 3rem;\r\n min-height: 100vh;\r\n background-attachment: scroll;\r\n }\r\n \r\n .services-grid, .facilities-grid, .education-grid { \r\n grid-template-columns: 1fr; \r\n }\r\n \r\n .about-images { \r\n grid-template-columns: 1fr; \r\n }\r\n \r\n .footer-grid { \r\n grid-template-columns: 1fr; \r\n }\r\n \r\n \/* LARGER FONTS FOR MOBILE *\/\r\n .hero-label {\r\n font-size: 0.75rem;\r\n letter-spacing: 3px;\r\n }\r\n \r\n .hero-title { \r\n font-size: 3rem;\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.3rem;\r\n margin-bottom: 1.2rem;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1rem;\r\n margin-bottom: 2rem;\r\n line-height: 1.7;\r\n }\r\n \r\n .section-title { \r\n font-size: 2.8rem; \r\n }\r\n \r\n .section-description {\r\n font-size: 1.05rem;\r\n }\r\n \r\n .section-label {\r\n font-size: 0.75rem;\r\n }\r\n \r\n .jummah-alert {\r\n padding: 0.8rem 1rem;\r\n font-size: 0.9rem;\r\n gap: 0.8rem;\r\n }\r\n \r\n .jummah-alert .alert-content {\r\n gap: 1rem;\r\n }\r\n \r\n .jummah-alert .alert-item {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .jummah-alert .alert-highlight {\r\n padding: 0.25rem 1rem;\r\n font-size: 0.85rem;\r\n }\r\n \r\n .jummah-alert i {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .hero-actions {\r\n gap: 1rem;\r\n }\r\n \r\n .btn {\r\n padding: 0.9rem 2rem;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .hero-grid {\r\n gap: 2.5rem;\r\n }\r\n \r\n .prayer-widget {\r\n padding: 1.5rem 1.5rem;\r\n }\r\n \r\n .prayer-shortcode-placeholder {\r\n min-height: 200px;\r\n padding: 1.5rem 1rem;\r\n }\r\n \r\n .widget-header h3 {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .current-date {\r\n font-size: 0.75rem;\r\n }\r\n \r\n .prayer-shortcode-placeholder i {\r\n font-size: 2rem;\r\n }\r\n \r\n .prayer-shortcode-placeholder code {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .prayer-shortcode-placeholder p {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .service-card h3 {\r\n font-size: 1.3rem;\r\n }\r\n \r\n .service-card p {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .about-content h2 {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .about-content p {\r\n font-size: 1rem;\r\n }\r\n \r\n .stat-item h4 {\r\n font-size: 3rem;\r\n }\r\n \r\n .stat-item p {\r\n font-size: 0.85rem;\r\n }\r\n \r\n .education-card h3 {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .education-card p {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .facility-card h4 {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .facility-card p {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .hadith-text {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .hadith-source {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .contact-details h4 {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .contact-details p {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .footer-about h3 {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .footer-about p {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .footer-links h4 {\r\n font-size: 1rem;\r\n }\r\n \r\n .footer-links a {\r\n font-size: 0.9rem;\r\n }\r\n \r\n .footer-bottom {\r\n font-size: 0.85rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .hero-description {\r\n font-size: 0.95rem;\r\n }\r\n \r\n .section-title {\r\n font-size: 2.3rem;\r\n }\r\n \r\n .jummah-alert .close-alert {\r\n width: 24px;\r\n height: 24px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .jummah-alert .alert-content {\r\n gap: 0.6rem;\r\n }\r\n \r\n .btn {\r\n padding: 0.8rem 1.5rem;\r\n font-size: 0.85rem;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .hero-actions {\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HERO WRAPPER WITH ALERT ON TOP -->\r\n<div class=\"hero-wrapper\">\r\n <!-- JUMMAH ALERT BOX -->\r\n <div class=\"jummah-alert\" id=\"jummahAlert\">\r\n <div class=\"alert-content\">\r\n <div class=\"alert-item\">\r\n <i class=\"fas fa-mosque\"><\/i>\r\n <span><strong>Jummah Prayer<\/strong><\/span>\r\n <\/div>\r\n <div class=\"alert-item\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <span>First: <strong>1:30 PM<\/strong><\/span>\r\n <\/div>\r\n <div class=\"alert-item\">\r\n <i class=\"fas fa-clock\"><\/i>\r\n <span>Second: <strong>2:30 PM<\/strong><\/span>\r\n <\/div>\r\n <div class=\"alert-item alert-highlight\">\r\n <i class=\"fas fa-sun\"><\/i>\r\n <span>Summer Timings Now in Effect<\/span>\r\n <\/div>\r\n <\/div>\r\n <button class=\"close-alert\" onclick=\"document.getElementById('jummahAlert').style.display='none'\">\r\n <i class=\"fas fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- HERO SECTION -->\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-label\">Established 1995<\/div>\r\n <h1 class=\"hero-title\">A Sanctuary of <strong>Faith & Community<\/strong><\/h1>\r\n <p class=\"hero-subtitle\">\u0628\u0650\u0633\u0652\u0645\u0650 \u0627\u0644\u0644\u064e\u0651\u0647\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0652\u0645\u064e\u0646\u0650 \u0627\u0644\u0631\u064e\u0651\u062d\u0650\u064a\u0645\u0650<\/p>\r\n <p class=\"hero-description\">\r\n Central Jamia Mosque has been the spiritual heart of Wolverton and Milton Keynes for nearly three decades. We are committed to serving our community through worship, education, and compassionate service.\r\n <\/p>\r\n <div class=\"hero-actions\">\r\n <a href=\"https:\/\/mkcjm.org.uk\/?page_id=154\" class=\"btn btn-primary\">Explore Services<\/a>\r\n <a href=\"https:\/\/mkcjm.org.uk\/?page_id=78\" class=\"btn btn-secondary\">Prayers Timetable<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- PRAYER WIDGET -->\r\n <div class=\"prayer-widget\">\r\n <div class=\"widget-header\">\r\n <h3>\r\n <i class=\"fas fa-clock\"><\/i>\r\n Prayer Times\r\n <\/h3>\r\n <span class=\"current-date\">Today<\/span>\r\n <\/div>\r\n \r\n \r\n <div class=\"shortcode-display\">\r\n <code> <div class=\"pt-daily-container\">\n <div class=\"pt-header\">\n <div class=\"pt-date\">Sunday, May 17, 2026<\/div>\n <div class=\"pt-time\">02:16<\/div>\n <div class=\"pt-next-prayer\">Next Prayer: Fajr<\/div>\n <div class=\"pt-remaining\">Iqamah in: 2 hours and 4 minutes<\/div>\n <\/div>\n \n <table class=\"pt-table\">\n <thead>\n <tr>\n <th>Prayer<\/th>\n <th>Begins<\/th>\n <th>Jamah<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr class=\"pt-highlight\">\n <td><strong>Fajr<\/strong><\/td>\n <td>03:17<\/td>\n <td>04:20<\/td>\n <\/tr>\n <tr>\n <td><strong>Sunrise<\/strong><\/td>\n <td colspan=\"2\">05:06<\/td>\n <\/tr>\n <tr class=\"\">\n <td><strong>Zuhr<\/strong><\/td>\n <td>13:04<\/td>\n <td>13:30<\/td>\n <\/tr>\n <tr class=\"\">\n <td><strong>Asr<\/strong><\/td>\n <td>18:23<\/td>\n <td>18:45<\/td>\n <\/tr>\n <tr class=\"\">\n <td><strong>Maghrib<\/strong><\/td>\n <td>20:50<\/td>\n <td>20:50<\/td>\n <\/tr>\n <tr class=\"\">\n <td><strong>Isha<\/strong><\/td>\n <td>22:03<\/td>\n <td>22:15<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/code>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/div>\r\n\r\n<!-- Services Section -->\r\n<section class=\"services\" id=\"services\">\r\n <div class=\"section-intro\">\r\n <div class=\"section-label\">What We Offer<\/div>\r\n <h2 class=\"section-title\">Comprehensive Community Services<\/h2>\r\n <p class=\"section-description\">Central Jamia Mosque provides essential services to support the spiritual, educational, and practical needs of our community<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-ring\"><\/i><\/div><h3>Marriage Services<\/h3><p>Complete matrimonial guidance and nikah ceremonies conducted with care and dignity.<\/p><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-hands-praying\"><\/i><\/div><h3>Funeral & Burial<\/h3><p>Dignified Janazah services with full Ghusl facilities and burial arrangements.<\/p><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-graduation-cap\"><\/i><\/div><h3>Education Programs<\/h3><p>Quran memorization, Arabic language, and Islamic studies for children and adults.<\/p><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div><h3>New Muslim Support<\/h3><p>Welcoming mentorship and foundational classes for those embracing Islam.<\/p><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-microphone\"><\/i><\/div><h3>Sermons & Lectures<\/h3><p>Weekly Friday sermons and regular talks by knowledgeable scholars.<\/p><\/div>\r\n <div class=\"service-card\"><div class=\"service-icon\"><i class=\"fas fa-people-group\"><\/i><\/div><h3>Community Outreach<\/h3><p>Interfaith dialogue and initiatives serving the wider Milton Keynes area.<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- About Section -->\r\n<section class=\"about\" id=\"about\">\r\n <div class=\"about-grid\">\r\n <div class=\"about-images\">\r\n <div class=\"about-image\"><img decoding=\"async\" src=\"https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-19-221858.png\" alt=\"Mosque interior\"><\/div>\r\n <div class=\"about-image\"><img decoding=\"async\" src=\"https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_aglxu9aglxu9aglx.png\" alt=\"Prayer hall\"><\/div>\r\n <div class=\"about-image\"><img decoding=\"async\" src=\"https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_ebznvdebznvdebzn.png\"><\/div>\r\n <div class=\"about-image\"><img decoding=\"async\" src=\"https:\/\/mkcjm.org.uk\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_j01i9pj01i9pj01i.png\" alt=\"Community gathering\"><\/div>\r\n <\/div>\r\n <div class=\"about-content\">\r\n <h2>Nearly Three Decades of Service<\/h2>\r\n <p>Opened in 1995, Central Jamia Mosque began with a single room and has grown to accommodate 1,600 worshippers. The Shaikan Ahmed Alfarsi Hall and dedicated sisters' gallery reflect our commitment to inclusive worship.<\/p>\r\n <p>The mosque is a recognized landmark in Milton Keynes, featuring extensive wudu areas, funeral preparation facilities, and 25+ parking spaces. We welcome visitors of all backgrounds throughout the year.<\/p>\r\n <div class=\"stats\">\r\n <div class=\"stat-item\"><h4>1,600<\/h4><p>Capacity<\/p><\/div>\r\n <div class=\"stat-item\"><h4>1995<\/h4><p>Established<\/p><\/div>\r\n <div class=\"stat-item\"><h4>150<\/h4><p>Sisters' Area<\/p><\/div>\r\n <div class=\"stat-item\"><h4>365<\/h4><p>Days Open<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Education Section -->\r\n<section class=\"education\" id=\"education\">\r\n <div class=\"section-intro\">\r\n <div class=\"section-label\">Learn & Grow<\/div>\r\n <h2 class=\"section-title\">Islamic Education for All Ages<\/h2>\r\n <p class=\"section-description\">Wolverton Mosque is your center for religious education and spiritual development<\/p>\r\n <\/div>\r\n <div class=\"education-grid\">\r\n <div class=\"education-card\"><i class=\"fas fa-children\"><\/i><h3>Children's Classes<\/h3><p>Quran memorization and Islamic studies for young learners.<\/p><\/div>\r\n <div class=\"education-card\"><i class=\"fas fa-user-graduate\"><\/i><h3>Adult Education<\/h3><p>Tafseer, Hadith, and Fiqh classes for continuous learning.<\/p><\/div>\r\n <div class=\"education-card\"><i class=\"fas fa-book-quran\"><\/i><h3>Quran Studies<\/h3><p>Recitation, Tajweed, and Hifz programs for all levels.<\/p><\/div>\r\n <div class=\"education-card\"><i class=\"fas fa-star-and-crescent\"><\/i><h3>New Muslims<\/h3><p>Foundational support and personalized mentorship.<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Facilities Section -->\r\n<section class=\"facilities\">\r\n <div class=\"section-intro\">\r\n <div class=\"section-label\">Our Facilities<\/div>\r\n <h2 class=\"section-title\">Modern Amenities for Worship<\/h2>\r\n <\/div>\r\n <div class=\"facilities-grid\">\r\n <div class=\"facility-card\"><i class=\"fas fa-mosque\"><\/i><h4>Main Prayer Hall<\/h4><p>Shaikan Ahmed Alfarsi Hall with climate control and sound system.<\/p><\/div>\r\n <div class=\"facility-card\"><i class=\"fas fa-person-dress\"><\/i><h4>Sisters' Prayer Area<\/h4><p>Dedicated space for up to 150 sisters with complete facilities.<\/p><\/div>\r\n <div class=\"facility-card\"><i class=\"fas fa-faucet\"><\/i><h4>Wudu Facilities<\/h4><p>Spacious and modern ablution areas for comfort.<\/p><\/div>\r\n <div class=\"facility-card\"><i class=\"fas fa-heart-pulse\"><\/i><h4>Funeral Services<\/h4><p>Complete Ghusl and Janazah preparation rooms.<\/p><\/div>\r\n <div class=\"facility-card\"><i class=\"fas fa-square-parking\"><\/i><h4>Parking<\/h4><p>25 on-site spaces plus free additional parking across the road.<\/p><\/div>\r\n <div class=\"facility-card\"><i class=\"fas fa-chalkboard-user\"><\/i><h4>Educational Rooms<\/h4><p>Dedicated classrooms for learning programs.<\/p><\/div>\r\n <\/div>\r\n <div class=\"hadith-quote\">\r\n <p class=\"hadith-text\">\"The best of you are those who learn the Quran and teach it.\"<\/p>\r\n <p class=\"hadith-source\">\u2014 Prophet Muhammad \ufdfa (Sahih Al-Bukhari)<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Contact Section -->\r\n<section class=\"contact\" id=\"contact\">\r\n <div class=\"section-intro\">\r\n <div class=\"section-label\">Get In Touch<\/div>\r\n <h2 class=\"section-title\">Visit Central Jamia Mosque<\/h2>\r\n <\/div>\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div class=\"contact-details\"><h4>Address<\/h4><p>14-16 Church Street, Wolverton<br>Milton Keynes MK12 5JN<\/p><\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n <div class=\"contact-details\"><h4>Hours<\/h4><p>1 hour before Fajr \u2013 2 hours after Isha<br>Open every day of the year<\/p><\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"contact-details\"><h4>Phone<\/h4><p>01908 221 341<\/p><\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"contact-details\"><h4>Email<\/h4><p>info@www.mkcjm.org.uk<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"map-embed\">\r\n <iframe \r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2453.709284460983!2d-0.8123456843153456!3d52.06234568323456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4877b9c9c9c9c9c9%3A0x9c9c9c9c9c9c9c9c!2s14-16%20Church%20St%2C%20Wolverton%2C%20Milton%20Keynes%20MK12%205JN!5e0!3m2!1sen!2suk!4v1620000000000!5m2!1sen!2suk\" \r\n width=\"100%\" \r\n height=\"500\" \r\n style=\"border:0; border-radius: 12px;\" \r\n allowfullscreen=\"\" \r\n loading=\"lazy\" \r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n <\/iframe>\r\n<\/div>\r\n<\/section>\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=\"https:\/\/mkcjm.org.uk\/\">Home<\/a><\/li>\r\n <li><a href=\"https:\/\/mkcjm.org.uk\/?page_id=189\">About Us<\/a><\/li>\r\n <li><a href=\"https:\/\/mkcjm.org.uk\/?page_id=154\">Services<\/a><\/li>\r\n <li><a href=\"https:\/\/mkcjm.org.uk\/?page_id=154\">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=\"https:\/\/mkcjm.org.uk\/?page_id=154\">Marriage Services<\/a><\/li>\r\n <li><a href=\"https:\/\/mkcjm.org.uk\/?page_id=154\">Funeral Services<\/a><\/li>\r\n <li><a href=\"https:\/\/mkcjm.org.uk\/?page_id=154\">New Muslim Support<\/a><\/li>\r\n <li><a href=\"https:\/\/mkcjm.org.uk\/?page_id=154\">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>© 2026 Central Jamia Mosque Wolverton. All rights reserved.<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\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<\/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>Central Jamia Mosque Wolverton | Faith, Education & Community Jummah Prayer First: 1:30 PM Second: 2:30 PM Summer Timings Now…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/22","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=22"}],"version-history":[{"count":106,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/mkcjm.org.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}