{"id":30,"date":"2025-11-19T20:38:57","date_gmt":"2025-11-19T19:38:57","guid":{"rendered":"https:\/\/www.crmeforiental.com\/learn\/?page_id=30"},"modified":"2025-11-19T20:38:57","modified_gmt":"2025-11-19T19:38:57","slug":"home-page","status":"publish","type":"page","link":"https:\/\/www.crmeforiental.com\/learn\/home-page\/","title":{"rendered":"home Page"},"content":{"rendered":"<style>\n\/* === Conteneur g\u00e9n\u00e9ral (scop\u00e9) ================================ *\/\n.elearn-home-wrapper {\n    max-width: 1150px;\n    margin: 0 auto 40px auto;\n    padding: 25px 20px 40px;\n    background: #ffffff;\n    border-radius: 8px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    box-sizing: border-box;\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n.elearn-home-wrapper * {\n    box-sizing: border-box;\n}<\/p>\n<p>\/* === HERO ===================================================== *\/\n.elearn-hero {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 24px;\n    margin-bottom: 35px;\n}\n.elearn-hero-text { flex: 1 1 260px; }\n.elearn-hero-title {\n    font-size: 2rem;\n    line-height: 1.3;\n    margin: 0 0 10px;\n    color: #1e293b;\n    font-weight: 700;\n}\n.elearn-hero-subtitle {\n    font-size: 1rem;\n    margin: 0 0 18px;\n    color: #475569;\n}\n.elearn-hero-highlights {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-bottom: 18px;\n}\n.elearn-pill {\n    padding: 6px 14px;\n    border-radius: 999px;\n    font-size: 0.85rem;\n    background: #eff6ff;\n    color: #1d4ed8;\n    font-weight: 600;\n}\n.elearn-cta-group {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n.elearn-btn-primary,\n.elearn-btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 9px 18px;\n    border-radius: 999px;\n    font-size: 0.9rem;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;\n}\n.elearn-btn-primary {\n    background: linear-gradient(135deg, #1d4ed8, #0ea5e9);\n    color: #ffffff;\n    border: none;\n    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.35);\n}\n.elearn-btn-primary:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.45);\n}\n.elearn-btn-ghost {\n    border: 1px solid #cbd5f5;\n    color: #1d4ed8;\n    background: #f8fafc;\n}\n.elearn-btn-ghost:hover { background: #e0f2fe; }\n.elearn-hero-note {\n    font-size: 0.8rem;\n    color: #64748b;\n}\n.elearn-hero-image {\n    flex: 0 0 280px;\n    max-width: 340px;\n    margin-left: auto;\n}\n.elearn-hero-photo {\n    position: relative;\n    width: 100%;\n    padding-top: 70%;\n    border-radius: 18px;\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    background-image: url(\"https:\/\/images.pexels.com\/photos\/1181421\/pexels-photo-1181421.jpeg?auto=compress&cs=tinysrgb&w=900\");\n}\n.elearn-hero-photo-badge {\n    position: absolute;\n    left: 10px;\n    bottom: 10px;\n    padding: 6px 10px;\n    border-radius: 12px;\n    background: rgba(15, 23, 42, 0.84);\n    color: #e5f2ff;\n    font-size: 0.75rem;\n}<\/p>\n<p>\/* === Statistiques ============================================ *\/\n.elearn-stats {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    margin-bottom: 30px;\n}\n.elearn-stat-card {\n    flex: 1 1 150px;\n    padding: 12px 14px;\n    border-radius: 12px;\n    background: #f8fafc;\n}\n.elearn-stat-label {\n    font-size: 0.8rem;\n    color: #64748b;\n    margin-bottom: 2px;\n}\n.elearn-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n}<\/p>\n<p>\/* === Titres de section ======================================= *\/\n.elearn-section-title {\n    font-size: 1.3rem;\n    margin: 0 0 12px;\n    color: #0f172a;\n    font-weight: 700;\n}\n.elearn-section-subtitle {\n    font-size: 0.9rem;\n    margin: 0 0 22px;\n    color: #64748b;\n}<\/p>\n<p>\/* === CATEGORIES ============================================= *\/\n.elearn-categories {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 14px;\n    margin-bottom: 30px;\n}<\/p>\n<p>\/* Carte = bloc blanc avec image en haut, texte en bas *\/\n.elearn-category-card {\n    border-radius: 18px;\n    overflow: hidden;\n    background: #ffffff;\n    box-shadow: 0 8px 20px rgba(15,23,42,0.12);\n    display: flex;\n    flex-direction: column;\n    cursor: pointer;\n    transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n.elearn-category-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 12px 26px rgba(15,23,42,0.18);\n}<\/p>\n<p>\/* Partie image : visible \u00e0 100%, pas de texte dessus *\/\n.elearn-category-img {\n    height: 110px;\n    background-size: cover;\n    background-position: center;\n}<\/p>\n<p>\/* Images lumineuses (style acad\u00e9mique) *\/\n.elearn-cat-math-img {\n    background-image: url(\"https:\/\/images.pexels.com\/photos\/4144096\/pexels-photo-4144096.jpeg?auto=compress&cs=tinysrgb&w=900\");\n}\n.elearn-cat-physics-img {\n    background-image: url(\"https:\/\/images.pexels.com\/photos\/256369\/pexels-photo-256369.jpeg?auto=compress&cs=tinysrgb&w=900\");\n}\n.elearn-cat-informatics-img {\n    background-image: url(\"https:\/\/images.pexels.com\/photos\/1181675\/pexels-photo-1181675.jpeg?auto=compress&cs=tinysrgb&w=900\");\n}\n.elearn-cat-french-img {\n    background-image: url(\"https:\/\/images.pexels.com\/photos\/4144224\/pexels-photo-4144224.jpeg?auto=compress&cs=tinysrgb&w=900\");\n}<\/p>\n<p>\/* Texte de la carte (fond clair) *\/\n.elearn-category-body {\n    padding: 10px 12px 12px;\n}\n.elearn-category-label {\n    display: inline-flex;\n    align-items: center;\n    padding: 3px 9px;\n    border-radius: 999px;\n    font-size: 0.75rem;\n    background: #eff6ff;\n    color: #1d4ed8;\n    margin-bottom: 6px;\n    font-weight: 600;\n}\n.elearn-category-label span {\n    margin-right: 5px;\n    font-size: 0.95rem;\n}\n.elearn-category-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    margin: 0 0 3px;\n    color: #0f172a;\n}\n.elearn-category-text {\n    font-size: 0.78rem;\n    margin: 0;\n    color: #475569;\n}<\/p>\n<p>\/* === T\u00e9moignages ============================================ *\/\n.elearn-testimonials-wrapper {\n    display: grid;\n    grid-template-columns: 1.3fr 1fr;\n    gap: 18px;\n    margin-bottom: 30px;\n}\n.elearn-testimonials-list {\n    display: grid;\n    gap: 14px;\n}\n.elearn-testimonial-card {\n    display: grid;\n    grid-template-columns: auto 1fr;\n    gap: 12px;\n    padding: 14px 16px;\n    border-radius: 16px;\n    background: #f8fafc;\n}\n.elearn-testimonial-avatar {\n    width: 80px;\n    height: 80px;\n    border-radius: 50%;\n    overflow: hidden;\n    flex-shrink: 0;\n    background-size: cover;\n    background-position: center;\n    border: 3px solid #ffffff;\n    box-shadow: 0 4px 10px rgba(15,23,42,0.20);\n}\n.elearn-testimonial-content {\n    font-size: 0.9rem;\n    color: #475569;\n}\n.elearn-testimonial-name {\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 2px;\n}\n.elearn-testimonial-role {\n    font-size: 0.77rem;\n    color: #64748b;\n    margin-bottom: 5px;\n}\n.elearn-testimonial-text {\n    font-size: 0.86rem;\n}\n.elearn-testimonial-rating {\n    margin-top: 6px;\n    font-size: 0.8rem;\n    color: #f97316;\n}<\/p>\n<p>\/* Bloc Pourquoi nous choisir ? *\/\n.elearn-why-card {\n    padding: 14px 16px;\n    border-radius: 16px;\n    background: linear-gradient(135deg, #0f172a, #1e293b);\n    color: #e5e7eb;\n    font-size: 0.86rem;\n}\n.elearn-why-card h3 {\n    margin: 0 0 8px;\n    font-size: 1rem;\n}\n.elearn-why-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n.elearn-why-list li {\n    margin-bottom: 6px;\n    display: flex;\n    align-items: flex-start;\n    gap: 5px;\n    font-size: 0.83rem;\n}\n.elearn-why-list span {\n    font-size: 0.8rem;\n    margin-top: 2px;\n}<\/p>\n<p>\/* === CTA final ============================================== *\/\n.elearn-final-cta {\n    margin-top: 10px;\n    padding: 16px 16px 2px;\n    border-radius: 14px;\n    background: #eff6ff;\n    font-size: 0.86rem;\n    color: #1e293b;\n}<\/p>\n<p>\/* === Responsive ============================================= *\/\n@media (max-width: 900px) {\n    .elearn-categories {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n    .elearn-testimonials-wrapper {\n        grid-template-columns: 1fr;\n    }\n}\n@media (max-width: 600px) {\n    .elearn-home-wrapper {\n        padding: 18px 14px 26px;\n    }\n    .elearn-hero-title {\n        font-size: 1.6rem;\n    }\n    .elearn-categories {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n<div class=\"elearn-home-wrapper\">\n<p>    <!-- HERO --><\/p>\n<section class=\"elearn-hero\">\n<div class=\"elearn-hero-text\">\n<h1 class=\"elearn-hero-title\">\n                Plateforme d\u2019e-learning<br \/>Maths, Physique, Informatique &#038; Fran\u00e7ais<br \/>\n            <\/h1>\n<p class=\"elearn-hero-subtitle\">\n                Des cours clairs, des exercices corrig\u00e9s et des projets motivants pour les lyc\u00e9ens, \u00e9tudiants et autodidactes.\n            <\/p>\n<div class=\"elearn-hero-highlights\">\n                <span class=\"elearn-pill\">Cours vid\u00e9o &#038; PDF<\/span><br \/>\n                <span class=\"elearn-pill\">Exercices corrig\u00e9s<\/span><br \/>\n                <span class=\"elearn-pill\">Support par forum<\/span>\n            <\/div>\n<div class=\"elearn-cta-group\">\n                <a href=\"#elearn-categories\" class=\"elearn-btn-primary\">D\u00e9couvrir les parcours<\/a><br \/>\n                <a href=\"#elearn-testimonials\" class=\"elearn-btn-ghost\">Voir les t\u00e9moignages<\/a>\n            <\/div>\n<p class=\"elearn-hero-note\">\n                Aucun engagement. Acc\u00e9dez \u00e0 certains chapitres gratuitement pour tester la plateforme.\n            <\/p>\n<\/p><\/div>\n<div class=\"elearn-hero-image\">\n<div class=\"elearn-hero-photo\">\n<div class=\"elearn-hero-photo-badge\">\u00c9tudiants motiv\u00e9s, ambiance studieuse<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- STATISTIQUES --><\/p>\n<section class=\"elearn-stats\">\n<div class=\"elearn-stat-card\">\n<div class=\"elearn-stat-label\">Cours disponibles<\/div>\n<div class=\"elearn-stat-value\">+120 le\u00e7ons<\/div>\n<\/p><\/div>\n<div class=\"elearn-stat-card\">\n<div class=\"elearn-stat-label\">\u00c9tudiants inscrits<\/div>\n<div class=\"elearn-stat-value\">3 500+<\/div>\n<\/p><\/div>\n<div class=\"elearn-stat-card\">\n<div class=\"elearn-stat-label\">Exercices corrig\u00e9s<\/div>\n<div class=\"elearn-stat-value\">800+<\/div>\n<\/p><\/div>\n<div class=\"elearn-stat-card\">\n<div class=\"elearn-stat-label\">Satisfaction moyenne<\/div>\n<div class=\"elearn-stat-value\">4,8\/5<\/div>\n<\/p><\/div>\n<\/section>\n<p>    <!-- CATEGORIES --><\/p>\n<section id=\"elearn-categories\">\n<h2 class=\"elearn-section-title\">Choisissez votre parcours<\/h2>\n<p class=\"elearn-section-subtitle\">\n            Des formations progressives, organis\u00e9es par niveau et par th\u00e8me, pour vous accompagner toute l\u2019ann\u00e9e.\n        <\/p>\n<div class=\"elearn-categories\">\n            <!-- Math\u00e9matiques --><\/p>\n<article class=\"elearn-category-card\">\n<div class=\"elearn-category-img elearn-cat-math-img\"><\/div>\n<div class=\"elearn-category-body\">\n<div class=\"elearn-category-label\">\n                        <span>&#8734;<\/span> Math\u00e9matiques\n                    <\/div>\n<h3 class=\"elearn-category-title\">Analyse, alg\u00e8bre &#038; probabilit\u00e9s<\/h3>\n<p class=\"elearn-category-text\">\n                        Cours, TD et examens corrig\u00e9s pour le lyc\u00e9e, classes pr\u00e9pa et universit\u00e9.\n                    <\/p>\n<\/p><\/div>\n<\/article>\n<p>            <!-- Physique --><\/p>\n<article class=\"elearn-category-card\">\n<div class=\"elearn-category-img elearn-cat-physics-img\"><\/div>\n<div class=\"elearn-category-body\">\n<div class=\"elearn-category-label\">\n                        <span>&#9889;<\/span> Physique\n                    <\/div>\n<h3 class=\"elearn-category-title\">M\u00e9canique, \u00e9lectricit\u00e9 &#038; optique<\/h3>\n<p class=\"elearn-category-text\">\n                        Explications visuelles, exp\u00e9riences guid\u00e9es et fiches de r\u00e9vision.\n                    <\/p>\n<\/p><\/div>\n<\/article>\n<p>            <!-- Informatique --><\/p>\n<article class=\"elearn-category-card\">\n<div class=\"elearn-category-img elearn-cat-informatics-img\"><\/div>\n<div class=\"elearn-category-body\">\n<div class=\"elearn-category-label\">\n                        <span>&#128187;<\/span> Informatique\n                    <\/div>\n<h3 class=\"elearn-category-title\">Python, algorithmique &#038; d\u00e9veloppement<\/h3>\n<p class=\"elearn-category-text\">\n                        Apprenez \u00e0 coder pas \u00e0 pas, de vos premiers scripts aux projets complets.\n                    <\/p>\n<\/p><\/div>\n<\/article>\n<p>            <!-- Fran\u00e7ais --><\/p>\n<article class=\"elearn-category-card\">\n<div class=\"elearn-category-img elearn-cat-french-img\"><\/div>\n<div class=\"elearn-category-body\">\n<div class=\"elearn-category-label\">\n                        <span>&#9997;<\/span> Fran\u00e7ais\n                    <\/div>\n<h3 class=\"elearn-category-title\">Langue &#038; communication<\/h3>\n<p class=\"elearn-category-text\">\n                        M\u00e9thodologie de r\u00e9daction, grammaire et pr\u00e9paration aux examens.\n                    <\/p>\n<\/p><\/div>\n<\/article><\/div>\n<\/section>\n<p>    <!-- TEMOIGNAGES --><\/p>\n<section id=\"elearn-testimonials\">\n<h2 class=\"elearn-section-title\">Ils apprennent avec nous<\/h2>\n<p class=\"elearn-section-subtitle\">\n            \u00c9tudiants, lyc\u00e9ens et professionnels en reconversion partagent leur exp\u00e9rience.\n        <\/p>\n<div class=\"elearn-testimonials-wrapper\">\n<div class=\"elearn-testimonials-list\">\n                <!-- Sara --><\/p>\n<article class=\"elearn-testimonial-card\">\n<div class=\"elearn-testimonial-avatar\"\n                         style=\"background-image:url('https:\/\/images.pexels.com\/photos\/733872\/pexels-photo-733872.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=400');\">\n                    <\/div>\n<div class=\"elearn-testimonial-content\">\n<div class=\"elearn-testimonial-name\">Sara, 1\u00e8re ann\u00e9e universit\u00e9<\/div>\n<div class=\"elearn-testimonial-role\">Licence Math\u00e9matiques &#038; Informatique<\/div>\n<p class=\"elearn-testimonial-text\">\n                            \u201cLes vid\u00e9os sont tr\u00e8s claires et les exercices corrig\u00e9s m\u2019aident \u00e0 revoir les chapitres<br \/>\n                            difficiles. J\u2019ai enfin pris confiance en moi en maths.\u201d\n                        <\/p>\n<div class=\"elearn-testimonial-rating\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n<\/p><\/div>\n<\/article>\n<p>                <!-- Yassine --><\/p>\n<article class=\"elearn-testimonial-card\">\n<div class=\"elearn-testimonial-avatar\"\n                         style=\"background-image:url('https:\/\/images.pexels.com\/photos\/614810\/pexels-photo-614810.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=400');\">\n                    <\/div>\n<div class=\"elearn-testimonial-content\">\n<div class=\"elearn-testimonial-name\">Yassine, \u00e9l\u00e8ve de Terminale<\/div>\n<div class=\"elearn-testimonial-role\">Pr\u00e9paration Bac Sciences<\/div>\n<p class=\"elearn-testimonial-text\">\n                            \u201cJ\u2019utilise la plateforme pour r\u00e9viser la physique et l\u2019informatique. Les mini-tests \u00e0 la fin<br \/>\n                            de chaque chapitre sont parfaits pour v\u00e9rifier si j\u2019ai bien compris.\u201d\n                        <\/p>\n<div class=\"elearn-testimonial-rating\">&#9733;&#9733;&#9733;&#9733;&#189;<\/div>\n<\/p><\/div>\n<\/article>\n<p>                <!-- Amine --><\/p>\n<article class=\"elearn-testimonial-card\">\n<div class=\"elearn-testimonial-avatar\"\n                         style=\"background-image:url('https:\/\/images.pexels.com\/photos\/1130626\/pexels-photo-1130626.jpeg?auto=compress&#038;cs=tinysrgb&#038;w=400');\">\n                    <\/div>\n<div class=\"elearn-testimonial-content\">\n<div class=\"elearn-testimonial-name\">Amina, enseignante<\/div>\n<div class=\"elearn-testimonial-role\">Professeur de math\u00e9matiques<\/div>\n<p class=\"elearn-testimonial-text\">\n                            \u201cJe recommande cette plateforme \u00e0 mes \u00e9tudiants : les ressources sont structur\u00e9es par<br \/>\n                            niveau et faciles \u00e0 int\u00e9grer dans mes cours.\u201d\n                        <\/p>\n<div class=\"elearn-testimonial-rating\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>            <!-- Bloc Pourquoi nous choisir --><\/p>\n<aside class=\"elearn-why-card\">\n<h3>Pourquoi choisir cette plateforme&nbsp;?<\/h3>\n<ul class=\"elearn-why-list\">\n<li><span>&#10003;<\/span> Contenus r\u00e9dig\u00e9s par des enseignants exp\u00e9riment\u00e9s.<\/li>\n<li><span>&#10003;<\/span> Parcours guid\u00e9s avec progression \u00e9tape par \u00e9tape.<\/li>\n<li><span>&#10003;<\/span> Exercices interactifs et corrig\u00e9s d\u00e9taill\u00e9s.<\/li>\n<li><span>&#10003;<\/span> Acc\u00e8s 24h\/24 depuis ordinateur, tablette ou smartphone.<\/li>\n<li><span>&#10003;<\/span> Mise \u00e0 jour r\u00e9guli\u00e8re des cours et ajout de nouveaux chapitres.<\/li>\n<\/ul>\n<\/aside><\/div>\n<\/section>\n<p>    <!-- CTA FINAL --><\/p>\n<section class=\"elearn-final-cta\">\n<p>\n            Pr\u00eat(e) \u00e0 commencer&nbsp;? Choisissez une cat\u00e9gorie, cr\u00e9ez votre compte et<br \/>\n            d\u00e9marrez votre premier cours d\u00e8s aujourd\u2019hui. Vous pouvez arr\u00eater \u00e0 tout moment,<br \/>\n            mais vous risquez surtout d\u2019aimer apprendre&nbsp;!\n        <\/p>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Plateforme d\u2019e-learningMaths, Physique, Informatique &#038; Fran\u00e7ais Des cours clairs, des exercices corrig\u00e9s et des projets motivants pour les lyc\u00e9ens, \u00e9tudiants [&hellip;]<\/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-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/pages\/30\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/www.crmeforiental.com\/learn\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}