{"id":404,"date":"2026-02-09T11:03:47","date_gmt":"2026-02-09T11:03:47","guid":{"rendered":"https:\/\/www.winfrench.com\/?page_id=404"},"modified":"2026-02-10T05:09:37","modified_gmt":"2026-02-10T05:09:37","slug":"french-tuitions","status":"publish","type":"page","link":"https:\/\/www.winfrench.com\/?page_id=404","title":{"rendered":"French Tuitions"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"404\" class=\"elementor elementor-404\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd00bc e-flex e-con-boxed e-con e-parent\" data-id=\"6fd00bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b18a46 elementor-widget elementor-widget-html\" data-id=\"7b18a46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>French Academy - TEF Canada & DELF Training<\/title>\r\n    <style>\r\n        \/* =====================================================\r\n           FRENCH ACADEMY - COMPLETE CSS\r\n           ===================================================== *\/\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: #f8f9fa;\r\n            color: #333;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .french-academy-page {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n\r\n        \/* ============== HERO SECTION ============== *\/\r\n        .hero-section {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            padding: 80px 40px;\r\n            text-align: center;\r\n            border-radius: 15px;\r\n            margin-bottom: 50px;\r\n            box-shadow: 0 10px 40px rgba(102, 126, 234, 0.3);\r\n        }\r\n\r\n        .hero-section h1 {\r\n            font-size: 3em;\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            letter-spacing: -0.5px;\r\n        }\r\n\r\n        .hero-section .subtitle {\r\n            font-size: 1.3em;\r\n            margin-bottom: 30px;\r\n            opacity: 0.95;\r\n            font-weight: 300;\r\n        }\r\n\r\n        .hero-section .hero-description {\r\n            font-size: 1.1em;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n            opacity: 0.9;\r\n        }\r\n\r\n        \/* ============== SECTION HEADINGS ============== *\/\r\n        .main-section-title {\r\n            color: #2c3e50;\r\n            font-size: 2.5em;\r\n            font-weight: 700;\r\n            margin: 60px 0 35px 0;\r\n            padding-bottom: 20px;\r\n            border-bottom: 4px solid #e74c3c;\r\n            position: relative;\r\n            text-align: center;\r\n        }\r\n\r\n        .main-section-title:after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -4px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 150px;\r\n            height: 4px;\r\n            background: #3498db;\r\n        }\r\n\r\n        .section-title {\r\n            color: #34495e;\r\n            font-size: 2em;\r\n            font-weight: 600;\r\n            margin: 40px 0 25px 0;\r\n            padding-left: 20px;\r\n            border-left: 6px solid #3498db;\r\n        }\r\n\r\n        \/* ============== CONTENT CARDS ============== *\/\r\n        .content-card {\r\n            background: #ffffff;\r\n            border-radius: 15px;\r\n            padding: 40px;\r\n            margin-bottom: 35px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.08);\r\n            transition: all 0.4s ease;\r\n            border: 1px solid #e8e8e8;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .content-card:before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 6px;\r\n            background: linear-gradient(90deg, #3498db, #2ecc71);\r\n        }\r\n\r\n        .content-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 12px 35px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .content-card h3 {\r\n            color: #2980b9;\r\n            font-size: 1.8em;\r\n            margin-bottom: 25px;\r\n            font-weight: 600;\r\n            padding-top: 10px;\r\n        }\r\n\r\n        .content-card h4 {\r\n            color: #555;\r\n            font-size: 1.4em;\r\n            margin: 25px 0 15px 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .content-card h5 {\r\n            color: #666;\r\n            font-size: 1.2em;\r\n            margin: 20px 0 12px 0;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .content-card p {\r\n            color: #555;\r\n            margin-bottom: 18px;\r\n            font-size: 1.05em;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* ============== TEF CANADA STYLING ============== *\/\r\n        .tef-section {\r\n            background: linear-gradient(135deg, #fff5f5 0%, #ffe8e8 100%);\r\n            border-left: 8px solid #c0392b;\r\n        }\r\n\r\n        .tef-section:before {\r\n            background: linear-gradient(90deg, #c0392b, #e74c3c);\r\n        }\r\n\r\n        .tef-section h3 {\r\n            color: #c0392b;\r\n        }\r\n\r\n        .tef-exam-structure {\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            margin: 25px 0;\r\n            border: 2px solid #e74c3c;\r\n        }\r\n\r\n        .tef-exam-structure h4 {\r\n            color: #c0392b;\r\n            text-align: center;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        \/* ============== DELF STYLING ============== *\/\r\n        .delf-section {\r\n            background: linear-gradient(135deg, #e8f4f8 0%, #d4e9f0 100%);\r\n            border-left: 8px solid #2980b9;\r\n        }\r\n\r\n        .delf-section:before {\r\n            background: linear-gradient(90deg, #2980b9, #3498db);\r\n        }\r\n\r\n        .delf-section h3 {\r\n            color: #2980b9;\r\n        }\r\n\r\n        .delf-main-intro {\r\n            background: linear-gradient(135deg, #d5e8f7 0%, #c3ddf5 100%);\r\n            border-left: 8px solid #1a5490;\r\n            padding: 50px 40px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .delf-main-intro:before {\r\n            background: linear-gradient(90deg, #1a5490, #2980b9);\r\n        }\r\n\r\n        .delf-main-intro h3 {\r\n            color: #1a5490;\r\n            font-size: 2em;\r\n        }\r\n\r\n        \/* ============== DELF LEVEL CARDS ============== *\/\r\n        .level-card {\r\n            background: white;\r\n            border-radius: 12px;\r\n            padding: 35px;\r\n            margin: 30px 0;\r\n            border: 3px solid #3498db;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .level-card:before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 8px;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, #3498db, #2ecc71);\r\n        }\r\n\r\n        .level-card h4 {\r\n            color: #2c3e50;\r\n            font-size: 1.7em;\r\n            margin-bottom: 15px;\r\n            padding-left: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .level-card h5 {\r\n            color: #555;\r\n            font-size: 1.3em;\r\n            margin: 20px 0 12px 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .level-card p {\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .level-card ul {\r\n            padding-left: 20px;\r\n        }\r\n\r\n        \/* Level-specific colors *\/\r\n        .level-card.a1 {\r\n            border-color: #2ecc71;\r\n            background: linear-gradient(135deg, #f0fff4 0%, #e8f8f0 100%);\r\n        }\r\n\r\n        .level-card.a1:before {\r\n            background: #2ecc71;\r\n        }\r\n\r\n        .level-card.a1 h4 {\r\n            color: #27ae60;\r\n        }\r\n\r\n        .level-card.a2 {\r\n            border-color: #3498db;\r\n            background: linear-gradient(135deg, #ebf5fb 0%, #d6eaf8 100%);\r\n        }\r\n\r\n        .level-card.a2:before {\r\n            background: #3498db;\r\n        }\r\n\r\n        .level-card.a2 h4 {\r\n            color: #2980b9;\r\n        }\r\n\r\n        .level-card.b1 {\r\n            border-color: #f39c12;\r\n            background: linear-gradient(135deg, #fef5e7 0%, #fdebd0 100%);\r\n        }\r\n\r\n        .level-card.b1:before {\r\n            background: #f39c12;\r\n        }\r\n\r\n        .level-card.b1 h4 {\r\n            color: #e67e22;\r\n        }\r\n\r\n        .level-card.b2 {\r\n            border-color: #e74c3c;\r\n            background: linear-gradient(135deg, #fdedec 0%, #fadbd8 100%);\r\n        }\r\n\r\n        .level-card.b2:before {\r\n            background: #e74c3c;\r\n        }\r\n\r\n        .level-card.b2 h4 {\r\n            color: #c0392b;\r\n        }\r\n\r\n        \/* ============== TUITION CARDS ============== *\/\r\n        .tuition-card {\r\n            background: linear-gradient(135deg, #fff9e6 0%, #fff3cd 100%);\r\n            border-left: 8px solid #d68910;\r\n        }\r\n\r\n        .tuition-card:before {\r\n            background: linear-gradient(90deg, #d68910, #f39c12);\r\n        }\r\n\r\n        .tuition-card h3 {\r\n            color: #d68910;\r\n        }\r\n\r\n        .tuition-main-intro {\r\n            background: linear-gradient(135deg, #fffbf0 0%, #fff5db 100%);\r\n            border-left: 8px solid #c87f0a;\r\n            padding: 50px 40px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .tuition-main-intro:before {\r\n            background: linear-gradient(90deg, #c87f0a, #d68910);\r\n        }\r\n\r\n        .tuition-main-intro h3 {\r\n            color: #c87f0a;\r\n            font-size: 2em;\r\n        }\r\n\r\n        \/* ============== LISTS ============== *\/\r\n        ul {\r\n            list-style: none;\r\n            padding-left: 0;\r\n            margin: 25px 0;\r\n        }\r\n\r\n        ul li {\r\n            padding: 12px 0 12px 45px;\r\n            position: relative;\r\n            font-size: 1.05em;\r\n            color: #555;\r\n            line-height: 1.7;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        ul li:before {\r\n            content: \"\u2713\";\r\n            position: absolute;\r\n            left: 0;\r\n            top: 12px;\r\n            color: #27ae60;\r\n            font-weight: bold;\r\n            width: 28px;\r\n            height: 28px;\r\n            background: #d5f4e6;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1em;\r\n            box-shadow: 0 2px 5px rgba(39, 174, 96, 0.2);\r\n        }\r\n\r\n        .tef-section ul li:before {\r\n            background: #ffe0e0;\r\n            color: #c0392b;\r\n        }\r\n\r\n        .delf-section ul li:before {\r\n            background: #d4e9f0;\r\n            color: #2980b9;\r\n        }\r\n\r\n        .tuition-card ul li:before {\r\n            background: #fff3cd;\r\n            color: #d68910;\r\n        }\r\n\r\n        \/* ============== HIGHLIGHT BOXES ============== *\/\r\n        .highlight-box {\r\n            background: linear-gradient(135deg, #fff3cd 0%, #ffe8a1 100%);\r\n            border-left: 6px solid #ffc107;\r\n            padding: 25px 30px;\r\n            margin: 30px 0;\r\n            border-radius: 8px;\r\n            box-shadow: 0 3px 10px rgba(255, 193, 7, 0.2);\r\n        }\r\n\r\n        .highlight-box strong {\r\n            color: #856404;\r\n            display: block;\r\n            margin-bottom: 10px;\r\n            font-size: 1.2em;\r\n        }\r\n\r\n        .highlight-box p {\r\n            color: #856404;\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        \/* ============== EXAM SKILLS DISPLAY ============== *\/\r\n        .exam-skills {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 20px;\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .skill-box {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            text-align: center;\r\n            font-weight: 600;\r\n            font-size: 1.15em;\r\n            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .skill-box:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);\r\n        }\r\n\r\n        .skill-box .skill-name {\r\n            display: block;\r\n            font-size: 1.1em;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .skill-box .skill-french {\r\n            display: block;\r\n            font-size: 0.9em;\r\n            opacity: 0.9;\r\n            font-weight: 400;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* ============== CTA BUTTONS ============== *\/\r\n        .cta-container {\r\n            text-align: center;\r\n            margin: 40px 0;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);\r\n            color: white;\r\n            padding: 18px 45px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.15em;\r\n            margin: 12px 10px;\r\n            box-shadow: 0 5px 20px rgba(231,76,60,0.4);\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            cursor: pointer;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 30px rgba(231,76,60,0.5);\r\n            background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);\r\n            color: white;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .cta-button.secondary {\r\n            background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);\r\n            box-shadow: 0 5px 20px rgba(52,152,219,0.4);\r\n        }\r\n\r\n        .cta-button.secondary:hover {\r\n            background: linear-gradient(135deg, #2980b9 0%, #21618c 100%);\r\n            box-shadow: 0 8px 30px rgba(52,152,219,0.5);\r\n        }\r\n\r\n        \/* ============== BADGES ============== *\/\r\n        .badge {\r\n            display: inline-block;\r\n            background: #3498db;\r\n            color: white;\r\n            padding: 8px 18px;\r\n            border-radius: 25px;\r\n            font-size: 0.9em;\r\n            font-weight: 600;\r\n            margin: 5px;\r\n            box-shadow: 0 2px 5px rgba(52, 152, 219, 0.3);\r\n        }\r\n\r\n        .badge.mandatory {\r\n            background: #e74c3c;\r\n            box-shadow: 0 2px 5px rgba(231, 76, 60, 0.3);\r\n        }\r\n\r\n        .badge.accepted {\r\n            background: #27ae60;\r\n            box-shadow: 0 2px 5px rgba(39, 174, 96, 0.3);\r\n        }\r\n\r\n        .badge.lifetime {\r\n            background: #f39c12;\r\n            box-shadow: 0 2px 5px rgba(243, 156, 18, 0.3);\r\n        }\r\n\r\n        .badge.official {\r\n            background: #8e44ad;\r\n            box-shadow: 0 2px 5px rgba(142, 68, 173, 0.3);\r\n        }\r\n\r\n        .badge.recognized {\r\n            background: #16a085;\r\n            box-shadow: 0 2px 5px rgba(22, 160, 133, 0.3);\r\n        }\r\n\r\n        \/* ============== CALLOUT BOX ============== *\/\r\n        .callout-box {\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            color: white;\r\n            padding: 40px;\r\n            border-radius: 15px;\r\n            margin: 40px 0;\r\n            text-align: center;\r\n            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3);\r\n        }\r\n\r\n        .callout-box h3 {\r\n            color: white;\r\n            font-size: 2em;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .callout-box p {\r\n            color: white;\r\n            font-size: 1.2em;\r\n            margin-bottom: 25px;\r\n            opacity: 0.95;\r\n        }\r\n\r\n        \/* ============== MODAL STYLING ============== *\/\r\n        .modal-overlay {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0, 0, 0, 0.7);\r\n            z-index: 9999;\r\n            justify-content: center;\r\n            align-items: center;\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .modal-overlay.active {\r\n            display: flex;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .modal-content {\r\n            background: white;\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            max-width: 600px;\r\n            width: 90%;\r\n            max-height: 85vh;\r\n            overflow-y: auto;\r\n            position: relative;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\r\n            animation: slideUp 0.3s ease;\r\n        }\r\n\r\n        @keyframes slideUp {\r\n            from {\r\n                transform: translateY(50px);\r\n                opacity: 0;\r\n            }\r\n            to {\r\n                transform: translateY(0);\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        .modal-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            font-size: 30px;\r\n            color: #999;\r\n            cursor: pointer;\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            transition: all 0.3s ease;\r\n            background: #f5f5f5;\r\n        }\r\n\r\n        .modal-close:hover {\r\n            background: #e74c3c;\r\n            color: white;\r\n            transform: rotate(90deg);\r\n        }\r\n\r\n        .modal-header {\r\n            text-align: center;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .modal-header h2 {\r\n            color: #2c3e50;\r\n            font-size: 2em;\r\n            margin-bottom: 10px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .modal-header p {\r\n            color: #7f8c8d;\r\n            font-size: 1.1em;\r\n        }\r\n\r\n        .service-options {\r\n            display: grid;\r\n            gap: 20px;\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .service-option {\r\n            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n            border: 2px solid #dee2e6;\r\n            border-radius: 15px;\r\n            padding: 25px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .service-option:before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 6px;\r\n            height: 100%;\r\n            background: linear-gradient(to bottom, #3498db, #2ecc71);\r\n            transform: scaleY(0);\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .service-option:hover {\r\n            transform: translateX(10px);\r\n            border-color: #3498db;\r\n            box-shadow: 0 5px 20px rgba(52, 152, 219, 0.2);\r\n        }\r\n\r\n        .service-option:hover:before {\r\n            transform: scaleY(1);\r\n        }\r\n\r\n        .service-option input[type=\"radio\"] {\r\n            display: none;\r\n        }\r\n\r\n        .service-option input[type=\"radio\"]:checked + .service-label {\r\n            color: #2980b9;\r\n        }\r\n\r\n        .service-option input[type=\"radio\"]:checked ~ .service-option {\r\n            border-color: #3498db;\r\n            background: linear-gradient(135deg, #ebf5fb 0%, #d6eaf8 100%);\r\n        }\r\n\r\n        .service-label {\r\n            display: flex;\r\n            align-items: center;\r\n            cursor: pointer;\r\n            font-size: 1.1em;\r\n            font-weight: 600;\r\n            color: #2c3e50;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .service-label:before {\r\n            content: '';\r\n            display: inline-block;\r\n            width: 24px;\r\n            height: 24px;\r\n            border: 2px solid #3498db;\r\n            border-radius: 50%;\r\n            margin-right: 15px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .service-option input[type=\"radio\"]:checked + .service-label:before {\r\n            background: #3498db;\r\n            box-shadow: inset 0 0 0 5px white;\r\n        }\r\n\r\n        .service-description {\r\n            color: #7f8c8d;\r\n            font-size: 0.95em;\r\n            margin-top: 10px;\r\n            margin-left: 39px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .modal-submit {\r\n            width: 100%;\r\n            background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);\r\n            color: white;\r\n            padding: 18px;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-size: 1.15em;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            box-shadow: 0 5px 20px rgba(231,76,60,0.4);\r\n            transition: all 0.3s ease;\r\n            margin-top: 25px;\r\n        }\r\n\r\n        .modal-submit:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 8px 30px rgba(231,76,60,0.5);\r\n            background: linear-gradient(135deg, #c0392b 0%, #a93226 100%);\r\n        }\r\n\r\n        .modal-submit:disabled {\r\n            background: #bdc3c7;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n            box-shadow: none;\r\n        }\r\n\r\n        \/* ============== RESPONSIVE DESIGN ============== *\/\r\n        @media (max-width: 768px) {\r\n            .french-academy-page {\r\n                padding: 10px;\r\n            }\r\n            \r\n            .hero-section {\r\n                padding: 50px 25px;\r\n            }\r\n            \r\n            .hero-section h1 {\r\n                font-size: 1.8em;\r\n            }\r\n            \r\n            .hero-section .subtitle {\r\n                font-size: 1.1em;\r\n            }\r\n            \r\n            .main-section-title {\r\n                font-size: 1.7em;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 1.5em;\r\n            }\r\n            \r\n            .content-card {\r\n                padding: 25px 20px;\r\n                margin-bottom: 25px;\r\n            }\r\n            \r\n            .content-card h3 {\r\n                font-size: 1.5em;\r\n            }\r\n            \r\n            .level-card h4 {\r\n                font-size: 1.4em;\r\n            }\r\n            \r\n            .exam-skills {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .cta-button {\r\n                display: block;\r\n                margin: 15px 0;\r\n                text-align: center;\r\n                padding: 15px 30px;\r\n            }\r\n            \r\n            ul li {\r\n                padding-left: 40px;\r\n                font-size: 1em;\r\n            }\r\n\r\n            .modal-content {\r\n                padding: 30px 20px;\r\n                width: 95%;\r\n            }\r\n\r\n            .modal-header h2 {\r\n                font-size: 1.6em;\r\n            }\r\n\r\n            .service-option {\r\n                padding: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero-section h1 {\r\n                font-size: 1.5em;\r\n            }\r\n            \r\n            .hero-section .subtitle {\r\n                font-size: 1em;\r\n            }\r\n            \r\n            .main-section-title {\r\n                font-size: 1.5em;\r\n            }\r\n            \r\n            .content-card {\r\n                padding: 20px 15px;\r\n            }\r\n\r\n            .modal-header h2 {\r\n                font-size: 1.4em;\r\n            }\r\n\r\n            .service-label {\r\n                font-size: 1em;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"french-academy-page\">\r\n        \r\n        <!-- HERO SECTION -->\r\n        <div class=\"hero-section\">\r\n            <h1>TEF Canada & DELF French Language Training<\/h1>\r\n            <p class=\"subtitle\">Your Gateway to Canadian Immigration & French Certification<\/p>\r\n            <p class=\"hero-description\">Professional French language coaching for TEF Canada, DELF certification, and international curriculum support<\/p>\r\n        <\/div>\r\n\r\n       \r\n\r\n        <!-- FRENCH TUITIONS MAIN -->\r\n        <div class=\"tuition-main-intro content-card\">\r\n            <h3>French Tuitions \u2013 International Curriculum Support<\/h3>\r\n            <p>We offer professional French tuition for students following Canadian, French, and UAE curricula, designed to improve academic performance, language skills, and exam confidence.<\/p>\r\n        <\/div>\r\n\r\n        <!-- CANADIAN CURRICULUM -->\r\n        <div class=\"tuition-card content-card\">\r\n            <h3>French Tuition \u2013 Canadian Curriculum<\/h3>\r\n            <p>Our French tuition supports students studying under the Canadian education system, including core French and French immersion programs.<\/p>\r\n            \r\n            <h4>What We Cover:<\/h4>\r\n            <ul>\r\n                <li>Reading, writing, listening & speaking skills<\/li>\r\n                <li>Grammar, vocabulary & pronunciation<\/li>\r\n                <li>School syllabus\u2013based lessons<\/li>\r\n                <li>Homework & exam preparation<\/li>\r\n                <li>DELF \/ TEF foundation support<\/li>\r\n            <\/ul>\r\n            \r\n            <h4>Ideal For:<\/h4>\r\n            <ul>\r\n                <li>Canadian school students<\/li>\r\n                <li>French Immersion learners<\/li>\r\n                <li>Students preparing for future TEF \/ DELF exams<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- FRANCE CURRICULUM -->\r\n        <div class=\"tuition-card content-card\">\r\n            <h3>French Tuition \u2013 France Curriculum<\/h3>\r\n            <p>We provide structured French tuition aligned with the French national curriculum, focusing on academic excellence and language mastery.<\/p>\r\n            \r\n            <h4>What We Cover:<\/h4>\r\n            <ul>\r\n                <li>School syllabus support<\/li>\r\n                <li>Advanced grammar and writing<\/li>\r\n                <li>Literature comprehension<\/li>\r\n                <li>Oral expression & presentations<\/li>\r\n                <li>Exam and assessment preparation<\/li>\r\n            <\/ul>\r\n            \r\n            <h4>Ideal For:<\/h4>\r\n            <ul>\r\n                <li>Students following French curriculum schools<\/li>\r\n                <li>Learners planning higher studies in France<\/li>\r\n                <li>Native or near-native French learners<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- UAE CURRICULUM -->\r\n        <div class=\"tuition-card content-card\">\r\n            <h3>French Tuition \u2013 UAE Curriculum<\/h3>\r\n            <p>Our French tuition is designed for students studying in UAE-based international schools, following CBSE, British, IB, or French stream with French as a subject.<\/p>\r\n            \r\n            <h4>What We Cover:<\/h4>\r\n            <ul>\r\n                <li>School-specific syllabus support<\/li>\r\n                <li>Grammar, vocabulary & oral skills<\/li>\r\n                <li>Exam-oriented coaching<\/li>\r\n                <li>Speaking confidence & fluency<\/li>\r\n                <li>Assignment and test preparation<\/li>\r\n            <\/ul>\r\n            \r\n            <h4>Ideal For:<\/h4>\r\n            <ul>\r\n                <li>UAE school students<\/li>\r\n                <li>Expat learners<\/li>\r\n                <li>Beginners to advanced French students<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- CALL TO ACTION -->\r\n        <div class=\"callout-box\">\r\n            <h3>Ready to Start Your French Journey?<\/h3>\r\n            <p>Join our expert-led French training programs today!<\/p>\r\n            <div class=\"cta-container\">\r\n                <button class=\"cta-button\" onclick=\"openEnrollModal()\">Enroll Now<\/button>\r\n                <a href=\"tel:+14379709379\" class=\"cta-button secondary\">\ud83d\udcde Contact Us<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ENROLLMENT MODAL -->\r\n    <div class=\"modal-overlay\" id=\"enrollModal\">\r\n        <div class=\"modal-content\">\r\n            <span class=\"modal-close\" onclick=\"closeEnrollModal()\">&times;<\/span>\r\n            \r\n            <div class=\"modal-header\">\r\n                <h2>Choose Your Service<\/h2>\r\n                <p>Select the program that best fits your needs<\/p>\r\n            <\/div>\r\n\r\n            <form id=\"enrollmentForm\">\r\n                <div class=\"service-options\">\r\n                    \r\n                    <div class=\"service-option\">\r\n                        <input type=\"radio\" name=\"service\" id=\"tef-canada\" value=\"TEF Canada\">\r\n                        <label for=\"tef-canada\" class=\"service-label\">\r\n                            TEF Canada Preparation\r\n                        <\/label>\r\n                        <p class=\"service-description\">Comprehensive training for Canadian immigration language requirements<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-option\">\r\n                        <input type=\"radio\" name=\"service\" id=\"delf\" value=\"DELF Certification\">\r\n                        <label for=\"delf\" class=\"service-label\">\r\n                            DELF Certification (A1-B2)\r\n                        <\/label>\r\n                        <p class=\"service-description\">Official French proficiency certification from A1 to B2 levels<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-option\">\r\n                        <input type=\"radio\" name=\"service\" id=\"canadian-curriculum\" value=\"Canadian Curriculum\">\r\n                        <label for=\"canadian-curriculum\" class=\"service-label\">\r\n                            Canadian Curriculum Support\r\n                        <\/label>\r\n                        <p class=\"service-description\">Academic French tuition for Canadian school students<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-option\">\r\n                        <input type=\"radio\" name=\"service\" id=\"france-curriculum\" value=\"France Curriculum\">\r\n                        <label for=\"france-curriculum\" class=\"service-label\">\r\n                            France Curriculum Support\r\n                        <\/label>\r\n                        <p class=\"service-description\">French national curriculum aligned tuition and exam prep<\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"service-option\">\r\n                        <input type=\"radio\" name=\"service\" id=\"uae-curriculum\" value=\"UAE Curriculum\">\r\n                        <label for=\"uae-curriculum\" class=\"service-label\">\r\n                            UAE Curriculum Support\r\n                        <\/label>\r\n                        <p class=\"service-description\">French tuition for UAE international schools (CBSE, British, IB)<\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"modal-submit\" id=\"submitBtn\" disabled>Continue with Selected Service<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Modal Functions\r\n        function openEnrollModal() {\r\n            document.getElementById('enrollModal').classList.add('active');\r\n            document.body.style.overflow = 'hidden'; \/\/ Prevent background scrolling\r\n        }\r\n\r\n        function closeEnrollModal() {\r\n            document.getElementById('enrollModal').classList.remove('active');\r\n            document.body.style.overflow = 'auto'; \/\/ Restore scrolling\r\n            document.getElementById('enrollmentForm').reset();\r\n            document.getElementById('submitBtn').disabled = true;\r\n        }\r\n\r\n        \/\/ Close modal when clicking outside\r\n        document.getElementById('enrollModal').addEventListener('click', function(e) {\r\n            if (e.target === this) {\r\n                closeEnrollModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Close modal with Escape key\r\n        document.addEventListener('keydown', function(e) {\r\n            if (e.key === 'Escape') {\r\n                closeEnrollModal();\r\n            }\r\n        });\r\n\r\n        \/\/ Enable submit button when service is selected\r\n        const serviceRadios = document.querySelectorAll('input[name=\"service\"]');\r\n        const submitBtn = document.getElementById('submitBtn');\r\n\r\n        serviceRadios.forEach(radio => {\r\n            radio.addEventListener('change', function() {\r\n                submitBtn.disabled = false;\r\n            });\r\n        });\r\n\r\n        \/\/ Handle form submission\r\n        document.getElementById('enrollmentForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            const selectedService = document.querySelector('input[name=\"service\"]:checked');\r\n            \r\n            if (selectedService) {\r\n                const serviceName = selectedService.value;\r\n                const phoneNumber = '+14379709379';\r\n                const message = `Hi, I would like to enroll in ${serviceName}. Please provide more details.`;\r\n                \r\n                \/\/ Create WhatsApp link with pre-filled message\r\n                const whatsappURL = `https:\/\/wa.me\/${phoneNumber}?text=${encodeURIComponent(message)}`;\r\n                \r\n                \/\/ Open WhatsApp\r\n                window.open(whatsappURL, '_blank');\r\n                \r\n                \/\/ Close modal\r\n                closeEnrollModal();\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>French Academy &#8211; TEF Canada &#038; DELF Training TEF Canada &#038; DELF French Language Training Your Gateway to Canadian Immigration &#038; French Certification Professional French language coaching for TEF Canada, DELF certification, and international curriculum support French Tuitions \u2013 International Curriculum Support We offer professional French tuition for students following Canadian, French, and UAE curricula, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-404","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.winfrench.com\/index.php?rest_route=\/wp\/v2\/pages\/404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.winfrench.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.winfrench.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.winfrench.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.winfrench.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=404"}],"version-history":[{"count":10,"href":"https:\/\/www.winfrench.com\/index.php?rest_route=\/wp\/v2\/pages\/404\/revisions"}],"predecessor-version":[{"id":439,"href":"https:\/\/www.winfrench.com\/index.php?rest_route=\/wp\/v2\/pages\/404\/revisions\/439"}],"wp:attachment":[{"href":"https:\/\/www.winfrench.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}