Darulquraanonline<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.8;\n color: #2c2c2c;\n background: #f8f7f4;\n }\n\n .main-section {\n max-width: 1400px;\n margin: 0 auto;\n padding: 80px 20px;\n }\n\n \/* Hero Section *\/\n .hero {\n text-align: center;\n margin-bottom: 80px;\n position: relative;\n overflow: hidden;\n padding: 60px 40px;\n background: linear-gradient(135deg, #1a1410 0%, #3d2817 100%);\n border-radius: 20px;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: -50%;\n right: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(218,165,32,0.1) 0%, transparent 70%);\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1) rotate(0deg); }\n 50% { transform: scale(1.1) rotate(5deg); }\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n }\n\n .logo-text {\n font-size: 3.5em;\n font-weight: 700;\n background: linear-gradient(135deg, #DAA520 0%, #FFD700 50%, #DAA520 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 20px;\n text-shadow: 0 4px 20px rgba(218,165,32,0.3);\n animation: shimmer 3s ease-in-out infinite;\n }\n\n @keyframes shimmer {\n 0%, 100% { filter: brightness(1); }\n 50% { filter: brightness(1.3); }\n }\n\n .tagline {\n font-size: 1.3em;\n color: #f4e4c1;\n font-style: italic;\n margin-bottom: 30px;\n opacity: 0.95;\n }\n\n .hero-description {\n font-size: 1.15em;\n line-height: 1.9;\n color: #e8dcc4;\n max-width: 900px;\n margin: 0 auto;\n text-align: justify;\n }\n\n \/* Mission Box *\/\n .mission-box {\n background: linear-gradient(135deg, #fff8e7 0%, #f5ead8 100%);\n padding: 50px;\n border-radius: 15px;\n margin: 60px 0;\n border-left: 6px solid #DAA520;\n box-shadow: 0 10px 40px rgba(218,165,32,0.2);\n position: relative;\n overflow: hidden;\n }\n\n .mission-box::after {\n content: '\ud83d\udcd6';\n position: absolute;\n right: 30px;\n top: 50%;\n transform: translateY(-50%);\n font-size: 8em;\n opacity: 0.05;\n }\n\n .mission-box h2 {\n color: #8B4513;\n font-size: 2.2em;\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .mission-box p {\n font-size: 1.15em;\n color: #4a4a4a;\n line-height: 1.9;\n text-align: justify;\n }\n\n \/* Poles Section *\/\n .poles-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));\n gap: 40px;\n margin: 60px 0;\n }\n\n .pole-card {\n background: #ffffff;\n border-radius: 20px;\n padding: 45px;\n box-shadow: 0 15px 50px rgba(0,0,0,0.1);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .pole-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #DAA520, #FFD700);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.5s ease;\n }\n\n .pole-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 25px 70px rgba(218,165,32,0.25);\n }\n\n .pole-card:hover::before {\n transform: scaleX(1);\n }\n\n .pole-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #DAA520 0%, #FFD700 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5em;\n margin-bottom: 25px;\n box-shadow: 0 8px 25px rgba(218,165,32,0.3);\n animation: float 3s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-10px); }\n }\n\n .pole-card h3 {\n color: #8B4513;\n font-size: 2em;\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .pole-subtitle {\n color: #666;\n font-style: italic;\n font-size: 1.1em;\n margin-bottom: 25px;\n padding-bottom: 20px;\n border-bottom: 2px solid #f0f0f0;\n }\n\n .pole-description {\n color: #555;\n margin-bottom: 25px;\n font-size: 1.05em;\n line-height: 1.8;\n }\n\n .learning-list {\n list-style: none;\n margin: 25px 0;\n }\n\n .learning-list li {\n padding: 12px 0 12px 35px;\n position: relative;\n color: #444;\n font-size: 1.05em;\n transition: all 0.3s ease;\n }\n\n .learning-list li:hover {\n color: #8B4513;\n transform: translateX(5px);\n }\n\n .learning-list li::before {\n content: '\u2726';\n position: absolute;\n left: 0;\n color: #DAA520;\n font-size: 1.2em;\n }\n\n .subjects-box {\n background: linear-gradient(135deg, #fff8e7 0%, #fef5e5 100%);\n padding: 25px;\n border-radius: 12px;\n margin-top: 20px;\n }\n\n .subjects-box h4 {\n color: #8B4513;\n margin-bottom: 15px;\n font-size: 1.2em;\n }\n\n .subjects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 12px;\n }\n\n .subject-tag {\n background: white;\n padding: 10px 15px;\n border-radius: 8px;\n text-align: center;\n color: #666;\n font-weight: 500;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n\n .subject-tag:hover {\n background: #DAA520;\n color: white;\n transform: scale(1.05);\n }\n\n .highlight-box {\n background: linear-gradient(135deg, #DAA520 0%, #FFD700 100%);\n color: white;\n padding: 30px;\n border-radius: 12px;\n margin-top: 25px;\n text-align: center;\n font-weight: 600;\n font-size: 1.1em;\n box-shadow: 0 10px 30px rgba(218,165,32,0.4);\n }\n\n \/* Footer Section *\/\n .conclusion {\n text-align: center;\n margin-top: 80px;\n padding: 60px 40px;\n background: linear-gradient(135deg, #2c1810 0%, #4a2817 100%);\n border-radius: 20px;\n color: white;\n position: relative;\n overflow: hidden;\n }\n\n .conclusion::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('data:image\/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"\/><\/svg>');\n opacity: 0.3;\n }\n\n .conclusion-content {\n position: relative;\n z-index: 2;\n }\n\n .conclusion h2 {\n font-size: 2.5em;\n margin-bottom: 25px;\n background: linear-gradient(135deg, #DAA520 0%, #FFD700 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .conclusion p {\n font-size: 1.2em;\n line-height: 1.9;\n color: #f4e4c1;\n max-width: 900px;\n margin: 0 auto;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .logo-text {\n font-size: 2.2em;\n }\n\n .poles-container {\n grid-template-columns: 1fr;\n }\n\n .pole-card {\n padding: 30px;\n }\n\n .hero, .mission-box, .conclusion {\n padding: 30px 20px;\n }\n\n .subjects-grid {\n grid-template-columns: 1fr;\n }\n }\n\n \/* Decorative elements *\/\n .divider {\n height: 3px;\n background: linear-gradient(90deg, transparent, #DAA520, transparent);\n margin: 60px auto;\n max-width: 300px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"main-section\">\n \n <div class=\"hero\">\n <div class=\"hero-content\">\n <h1 class=\"logo-text\">darulquraanonline<\/h1>\n <p class=\"tagline\">Apprendre son d\u00een, o\u00f9 que l'on soit<\/p>\n <div class=\"divider\"><\/div>\n <p class=\"hero-description\">\n darulquraanonline est n\u00e9 de la passion d'un amoureux du Coran, anim\u00e9 par le d\u00e9sir de rendre l'apprentissage du d\u00een accessible \u00e0 tous. Beaucoup souhaitent se former, mais le temps, les contraintes familiales ou l'absence de structures adapt\u00e9es rendent cela difficile \u2014 en particulier pour les enfants.\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"mission-box\">\n <h2>\ud83c\udfaf Notre Mission<\/h2>\n <p>\n C'est pour r\u00e9pondre \u00e0 cette probl\u00e9matique r\u00e9elle que darulquraanonline a vu le jour : une institution d'apprentissage islamique compl\u00e8te, structur\u00e9e et accessible, pour les petits comme pour les grands.\n <\/p>\n <\/div>\n\n <div class=\"divider\"><\/div>\n\n \n <div style=\"text-align: center; margin: 60px 0 40px;\">\n <h2 style=\"font-size: 2.5em; color: #8B4513; margin-bottom: 15px;\">\n Un enseignement pour tous\n <\/h2>\n <p style=\"font-size: 1.2em; color: #666; font-style: italic;\">\n Enfants et adultes \u2014 Des programmes adapt\u00e9s \u00e0 chaque niveau\n <\/p>\n <\/div>\n\n \n <div class=\"poles-container\">\n \n <div class=\"pole-card\">\n <div class=\"pole-icon\">\ud83c\udf1f<\/div>\n <h3>Le P\u00f4le Enfants<\/h3>\n <p class=\"pole-subtitle\">Apprendre \u00e9tape par \u00e9tape, depuis z\u00e9ro<\/p>\n \n <p class=\"pole-description\">\n Con\u00e7u pour accompagner l'enfant a partir de 6\/7 ans, ce p\u00f4le vise la ma\u00eetrise des fondements de mani\u00e8re douce, m\u00e9thodique et adapt\u00e9e.\n <\/p>\n\n <h4 style=\"color: #8B4513; margin: 20px 0 15px; font-size: 1.2em;\">\n Votre enfant y apprend :\n <\/h4>\n\n <ul class=\"learning-list\">\n <li>La lecture de l'arabe, jusqu'\u00e0 une prononciation fluide et correcte<\/li>\n <li>Le Tajwid, pour lire le Coran avec justesse<\/li>\n <li>L'apprentissage par c\u0153ur des dou'\u00e2 essentielles du quotidien du musulman<\/li>\n <\/ul>\n\n <div class=\"subjects-box\">\n <h4>Un enseignement approfondi des mati\u00e8res suivantes :<\/h4>\n <div class=\"subjects-grid\">\n <div class=\"subject-tag\">Fiqh<\/div>\n <div class=\"subject-tag\">'Aq\u00eeda<\/div>\n <div class=\"subject-tag\">S\u00eerah<\/div>\n <div class=\"subject-tag\">T\u00e2r\u00eekh<\/div>\n <div class=\"subject-tag\">Adab<\/div>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n \ud83d\udcda Curriculum islamique complet en 5 volumes\n <\/div>\n <\/div>\n\n \n <div class=\"pole-card\">\n <div class=\"pole-icon\">\ud83c\udf93<\/div>\n <h3>Le P\u00f4le Adultes<\/h3>\n <p class=\"pole-subtitle\">Des programmes adapt\u00e9s \u00e0 tous les niveaux<\/p>\n \n <p class=\"pole-description\">\n darulquraanonline offre aux adultes une grande flexibilit\u00e9, avec des cours accessibles aux d\u00e9butants, interm\u00e9diaires, et avanc\u00e9s souhaitant aller plus loin dans leur apprentissage.\n <\/p>\n\n <h4 style=\"color: #8B4513; margin: 20px 0 15px; font-size: 1.2em;\">\n Deux parcours possibles :\n <\/h4>\n\n <ul class=\"learning-list\">\n <li>Des cours ind\u00e9pendants selon vos besoins<\/li>\n <li>Une formation compl\u00e8te sur 2+3 ans<\/li>\n <\/ul>\n\n <div class=\"subjects-box\">\n <h4>Programme de la formation compl\u00e8te :<\/h4>\n <div class=\"subjects-grid\">\n <div class=\"subject-tag\">Langue arabe<\/div>\n <div class=\"subject-tag\">Tafs\u00eer<\/div>\n <div class=\"subject-tag\">Hadith<\/div>\n <div class=\"subject-tag\">Fiqh<\/div>\n <div class=\"subject-tag\">'Aq\u00eeda<\/div>\n <div class=\"subject-tag\">+ Autres mati\u00e8res<\/div>\n <\/div>\n <\/div>\n\n <div class=\"highlight-box\">\n \ud83c\udf93 Une formation s\u00e9rieuse, progressive et structur\u00e9e\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"conclusion\">\n <div class=\"conclusion-content\">\n <h2>darulquraanonline<\/h2>\n <div class=\"divider\" style=\"background: linear-gradient(90deg, transparent, #FFD700, transparent);\"><\/div>\n <p>\n Que ce soit pour un enfant qui d\u00e9bute ou un adulte en qu\u00eate d'approfondissement, darulquraanonline se veut un espace d'apprentissage s\u00fbr, fiable et accessible, o\u00f9 chacun peut avancer \u00e0 son rythme tout en b\u00e9n\u00e9ficiant d'un accompagnement de qualit\u00e9.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L’Institut Darulquraanonline darulquraanonline Apprendre son d\u00een, o\u00f9 que l’on soit darulquraanonline est n\u00e9 de la passion d’un amoureux du Coran, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_joinchat":[],"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":54,"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"predecessor-version":[{"id":1100,"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/pages\/31\/revisions\/1100"}],"wp:attachment":[{"href":"https:\/\/darulquraan.fr\/index.php\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}