It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://9rayti.online/

  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.    <!-- Google tag (gtag.js) -->
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=G-TZE3HY2HGR"></script>
  6. <script>
  7.  window.dataLayer = window.dataLayer || [];
  8.  function gtag(){dataLayer.push(arguments);}
  9.  gtag('js', new Date());
  10.  
  11.  gtag('config', 'G-TZE3HY2HGR');
  12. </script>
  13.   <meta charset="UTF-8">
  14.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15.  
  16.    <!-- Enhanced Title Tag (60 characters max for optimal display) -->
  17.    <title>9rayti.online - Cours en Ligne Gratuits pour Étudiants Marocains</title>
  18.  
  19.    <!-- Enhanced Meta Description (155-160 characters for optimal display) -->
  20.    <meta name="description" content="Plateforme éducative marocaine gratuite : cours vidéo, exercices corrigés, QCM, bibliothèque PDF pour lycée et collège. Réussissez votre Bac avec 9rayti!">
  21.  
  22.    <!-- Updated Keywords (focus on long-tail and specific terms) -->
  23.    <meta name="keywords" content="9rayti, cours en ligne maroc, education gratuite maroc, cours bac maroc, exercices corrigés, QCM en ligne, cours lycée maroc, cours collège maroc, préparation bac, revision bac, cours gratuits pdf, دروس مغربية">
  24.  
  25.    <!-- Robots Meta Tag -->
  26.    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
  27.    <meta name="googlebot" content="index, follow">
  28.  
  29.    <!-- Language and Regional Targeting -->
  30.    <meta http-equiv="content-language" content="fr-MA">
  31.    <meta name="geo.region" content="MA">
  32.    <meta name="geo.placename" content="Morocco">
  33.  
  34.    <!-- Author and Publisher -->
  35.    <meta name="author" content="9rayti">
  36.    <meta name="publisher" content="9rayti.online">
  37.  
  38.    <!-- Canonical URL (should point to homepage, not logo) -->
  39.    <link rel="canonical" href="https://www.9rayti.online/">
  40.  
  41.    <!-- Favicon Configuration -->
  42.    <link rel="icon" type="image/png" sizes="32x32" href="https://www.9rayti.online/assets/logo.png">
  43.    <link rel="icon" type="image/png" sizes="16x16" href="https://www.9rayti.online/assets/logo.png">
  44.    <link rel="apple-touch-icon" sizes="180x180" href="https://www.9rayti.online/assets/logo.png">
  45.  
  46.    <!-- Enhanced Open Graph Meta Tags -->
  47.    <meta property="og:title" content="9rayti.online - Cours en Ligne Gratuits pour Étudiants Marocains">
  48.    <meta property="og:description" content="Plateforme éducative marocaine : cours vidéo, exercices, QCM et bibliothèque PDF. Préparez votre Bac gratuitement!">
  49.    <meta property="og:image" content="https://www.9rayti.online/ressources/images/school_svg.svg">
  50.    <meta property="og:image:width" content="1200">
  51.    <meta property="og:image:height" content="630">
  52.    <meta property="og:image:alt" content="9rayti - Plateforme éducative marocaine">
  53.    <meta property="og:url" content="https://www.9rayti.online/">
  54.    <meta property="og:type" content="website">
  55.    <meta property="og:site_name" content="9rayti">
  56.    <meta property="og:locale" content="fr_MA">
  57.    <meta property="og:locale:alternate" content="ar_MA">
  58.  
  59.    <!-- Enhanced Twitter Card -->
  60.    <meta name="twitter:card" content="summary_large_image">
  61.    <meta name="twitter:title" content="9rayti.online - Excellence Académique pour Étudiants Marocains">
  62.    <meta name="twitter:description" content="Cours vidéo gratuits, exercices corrigés, QCM et bibliothèque PDF pour réussir votre Bac au Maroc">
  63.    <meta name="twitter:image" content="https://www.9rayti.online/assets/logo.png">
  64.    <meta name="twitter:image:alt" content="9rayti - Plateforme éducative">
  65.    <meta name="twitter:site" content="@9rayti">
  66.    <meta name="twitter:creator" content="@9rayti">
  67.  
  68.    <!-- Enhanced Structured Data (Fixed JSON syntax) -->
  69.    <script type="application/ld+json">
  70.    {
  71.    "@context": "https://schema.org",
  72.    "@type": "EducationalOrganization",
  73.    "name": "9rayti",
  74.    "alternateName": "9rayti.online",
  75.    "url": "https://www.9rayti.online",
  76.    "logo": {
  77.        "@type": "ImageObject",
  78.        "url": "https://www.9rayti.online/assets/logo.png",
  79.        "width": 250,
  80.        "height": 60
  81.    },
  82.    "image": "https://www.9rayti.online/assets/logo.png",
  83.    "description": "Plateforme éducative marocaine offrant des cours vidéo, exercices corrigés, examens QCM et bibliothèque numérique pour collégiens et lycéens",
  84.    "telephone": "+212606563050",
  85.    "address": {
  86.        "@type": "PostalAddress",
  87.        "addressCountry": "MA"
  88.    },
  89.    "sameAs": [
  90.        "https://www.facebook.com/9rayti.online",
  91.        "https://www.instagram.com/9rayti.online",
  92.        "https://www.youtube.com/@9rayti.online"
  93.    ],
  94.    "areaServed": {
  95.        "@type": "Country",
  96.        "name": "Morocco"
  97.    },
  98.    "availableLanguage": ["fr", "ar"],
  99.    "offers": {
  100.        "@type": "Offer",
  101.        "price": "0",
  102.        "priceCurrency": "MAD",
  103.        "availability": "https://schema.org/InStock"
  104.    }
  105.    }
  106.    </script>
  107.  
  108.    <!-- Breadcrumb Structured Data (Add this if you have breadcrumb navigation) -->
  109.    <script type="application/ld+json">
  110.    {
  111.    "@context": "https://schema.org",
  112.    "@type": "BreadcrumbList",
  113.    "itemListElement": [{
  114.        "@type": "ListItem",
  115.        "position": 1,
  116.        "name": "Accueil",
  117.        "item": "https://www.9rayti.online/"
  118.    }]
  119.    }
  120.    </script>
  121.  
  122.    <!-- Website Structured Data -->
  123.    <script type="application/ld+json">
  124.    {
  125.    "@context": "https://schema.org",
  126.    "@type": "WebSite",
  127.    "name": "9rayti",
  128.    "url": "https://www.9rayti.online",
  129.    "potentialAction": {
  130.        "@type": "SearchAction",
  131.        "target": "https://www.9rayti.online/search?q={search_term_string}",
  132.        "query-input": "required name=search_term_string"
  133.    }
  134.    }
  135.    </script>
  136.    <meta name="google-site-verification" content="kYl1_DlhqhAPV18GQDbH13m8rd-bpYYh6rbt0HHjP5s" />
  137.    <link rel="stylesheet" href="styles.css">
  138.    <!-- Google Tag Manager -->
  139. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  140. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  141. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  142. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  143. })(window,document,'script','dataLayer','GTM-T2ZJSTRJ');</script>
  144. <!-- End Google Tag Manager -->
  145. </head>
  146. <body>
  147.    <!-- Google Tag Manager (noscript) -->
  148. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2ZJSTRJ"
  149. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  150. <!-- End Google Tag Manager (noscript) -->
  151.    <header class="header" id="header">
  152.        <nav class="nav container">
  153.            <a href="index.html" class="nav-logo">
  154.                <img src="assets/logo.png" alt="9rayti.online Logo" class="logo-img">
  155.                <span class="logo-text">9rayti.online</span>
  156.            </a>
  157.            
  158.            <div class="nav-menu" id="nav-menu">
  159.                <ul class="nav-list">
  160.                    <li class="nav-item"><a href="#" class="nav-link active">Accueil</a></li>
  161.                    <li class="nav-item"><a href="./e-school/index.php" class="nav-link">E-School</a></li>
  162.                    <li class="nav-item"><a href="./library/index.php" class="nav-link">E-Library</a></li>
  163.                    <li class="nav-item"><a href="about.html" class="nav-link">À Propos</a></li>
  164.                    <li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
  165.                </ul>
  166.              
  167.            </div>
  168.  
  169.            <button class="nav-toggle" id="nav-toggle" aria-label="Toggle navigation" aria-expanded="false">
  170.                <span class="toggle-bar"></span>
  171.                <span class="toggle-bar"></span>
  172.                <span class="toggle-bar"></span>
  173.            </button>
  174.        </nav>
  175.    </header>
  176.  
  177.    <main class="main">
  178.        <section class="hero section" style="padding-top: 2rem;" id="home">
  179.            <div class="hero-container container">
  180.                <div class="hero-content">
  181.                    <div class="hero-badge">
  182.                        <span class="badge-icon">✨</span>
  183.                        <span class="badge-text">Votre succès commence ici</span>
  184.                    </div>
  185.                    <h1 class="hero-title">
  186.                        Excellence Académique Pour Tous Les Étudiants <span class="highlight">Marocains</span>
  187.                    </h1>
  188.                    <p class="hero-description">
  189.                        Accédez à des cours vidéo de qualité • Supports PDF téléchargeables • Exercices interactifs • Examens QCM mensuels • Bibliothèque numérique complète
  190.                    </p>
  191.                    <div class="hero-buttons">
  192.                        <a href="https://9rayti.online/e-school/" class="btn btn-primary btn-pulse">
  193.                            <span class="btn-text">Commencer Maintenant</span>
  194.                            <span class="btn-icon">→</span>
  195.                        </a>
  196.                        <a href="#features" class="btn btn-secondary">
  197.                            <span class="btn-text">Découvrir Plus</span>
  198.                        </a>
  199.                    </div>
  200.                    <div class="hero-stats">
  201.                        <div class="stat-item">
  202.                            <span class="stat-number">15,000+</span>
  203.                            <span class="stat-label">Étudiants</span>
  204.                        </div>
  205.                        <div class="stat-divider"></div>
  206.                        <div class="stat-item">
  207.                            <span class="stat-number">500+</span>
  208.                            <span class="stat-label">Cours Vidéo</span>
  209.                        </div>
  210.                        <div class="stat-divider"></div>
  211.                        <div class="stat-item">
  212.                            <span class="stat-number">95%</span>
  213.                            <span class="stat-label">Taux de Réussite</span>
  214.                        </div>
  215.                    </div>
  216.                </div>
  217.                <div class="hero-image">
  218.                    <div class="hero-img-wrapper">
  219.                        <div class="moroccan-pattern pattern-1"></div>
  220.                        <div class="moroccan-pattern pattern-2"></div>
  221.                        <svg class="hero-illustration" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
  222.                            <defs>
  223.                                <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
  224.                                    <stop offset="0%" style="stop-color:#f54d3d;stop-opacity:1" />
  225.                                    <stop offset="100%" style="stop-color:#602b27;stop-opacity:1" />
  226.                                </linearGradient>
  227.                                <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
  228.                                    <stop offset="0%" style="stop-color:#f3695d;stop-opacity:1" />
  229.                                    <stop offset="100%" style="stop-color:#f54d3d;stop-opacity:1" />
  230.                                </linearGradient>
  231.                            </defs>
  232.                            <circle cx="200" cy="200" r="180" fill="url(#grad1)" opacity="0.1"/>
  233.                            <circle cx="200" cy="200" r="140" fill="url(#grad1)" opacity="0.2"/>
  234.                            <g transform="translate(100, 100)">
  235.                                <path d="M100 20 L180 120 L20 120 Z" fill="url(#grad1)" opacity="0.8"/>
  236.                                <circle cx="100" cy="160" r="40" fill="url(#grad2)"/>
  237.                                <rect x="60" y="80" width="80" height="100" rx="10" fill="#fff" opacity="0.9"/>
  238.                                <line x1="70" y1="100" x2="130" y2="100" stroke="url(#grad1)" stroke-width="3"/>
  239.                                <line x1="70" y1="120" x2="130" y2="120" stroke="url(#grad1)" stroke-width="3"/>
  240.                                <line x1="70" y1="140" x2="110" y2="140" stroke="url(#grad1)" stroke-width="3"/>
  241.                            </g>
  242.                        </svg>
  243.                    </div>
  244.                </div>
  245.            </div>
  246.        </section>
  247.  
  248.        <section class="features section" id="features">
  249.            <div class="container">
  250.                <div class="section-header">
  251.                    <span class="section-subtitle">Nos Services</span>
  252.                    <h2 class="section-title">Tout Ce Dont Vous Avez Besoin Pour Réussir</h2>
  253.                    <p class="section-description">
  254.                        Une plateforme complète conçue pour accompagner chaque étudiant dans son parcours académique
  255.                    </p>
  256.                </div>
  257.  
  258.                <div class="features-grid">
  259.                    <div class="feature-card" data-animate>
  260.                        <div class="feature-icon">
  261.                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  262.                                <path d="M21 12V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V17C3 18.1046 3.89543 19 5 19H12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
  263.                                <path d="M7 15L10 12L12 14L17 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  264.                                <circle cx="17" cy="17" r="4" stroke="currentColor" stroke-width="2"/>
  265.                                <path d="M15.5 17L16.5 18L18.5 16" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  266.                            </svg>
  267.                        </div>
  268.                        <h3 class="feature-title">Cours Vidéo</h3>
  269.                        <p class="feature-description">
  270.                            Des cours vidéo de haute qualité disponibles à la demande, enseignés par des professeurs expérimentés
  271.                        </p>
  272.                    </div>
  273.  
  274.                    <div class="feature-card" data-animate>
  275.                        <div class="feature-icon">
  276.                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  277.                                <path d="M7 18H17V16H7V18Z" fill="currentColor"/>
  278.                                <path d="M17 14H7V12H17V14Z" fill="currentColor"/>
  279.                                <path d="M7 10H11V8H7V10Z" fill="currentColor"/>
  280.                                <path d="M3 22L3 2L15 2L21 8V22H3Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
  281.                                <path d="M15 2V8H21" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
  282.                            </svg>
  283.                        </div>
  284.                        <h3 class="feature-title">Supports PDF</h3>
  285.                        <p class="feature-description">
  286.                            Téléchargez vos supports de cours en PDF et étudiez hors ligne, à votre propre rythme
  287.                        </p>
  288.                    </div>
  289.  
  290.                    <div class="feature-card" data-animate>
  291.                        <div class="feature-icon">
  292.                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  293.                                <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
  294.                                <path d="M12 6V12L16 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
  295.                                <path d="M8 2H16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
  296.                            </svg>
  297.                        </div>
  298.                        <h3 class="feature-title">Exercices Interactifs</h3>
  299.                        <p class="feature-description">
  300.                            Pratiquez avec des exercices interactifs pour renforcer votre compréhension
  301.                        </p>
  302.                    </div>
  303.  
  304.                    <div class="feature-card" data-animate>
  305.                        <div class="feature-icon">
  306.                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  307.                                <path d="M9 11L12 14L22 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  308.                                <path d="M21 12V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H16" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
  309.                            </svg>
  310.                        </div>
  311.                        <h3 class="feature-title">Examens QCM Mensuels</h3>
  312.                        <p class="feature-description">
  313.                            Évaluez vos performances avec des examens QCM mensuels et suivez votre progression
  314.                        </p>
  315.                    </div>
  316.  
  317.                    <div class="feature-card" data-animate>
  318.                        <div class="feature-icon">
  319.                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  320.                                <path d="M4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  321.                                <path d="M6.5 2H20V22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2V2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  322.                            </svg>
  323.                        </div>
  324.                        <h3 class="feature-title">Bibliothèque Numérique</h3>
  325.                        <p class="feature-description">
  326.                            Accédez à une vaste bibliothèque de livres couvrant toutes les branches académiques
  327.                        </p>
  328.                    </div>
  329.  
  330.                    <div class="feature-card" data-animate>
  331.                        <div class="feature-icon">
  332.                            <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  333.                                <path d="M3 3V21H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  334.                                <path d="M7 16L12 11L15 14L21 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  335.                                <circle cx="7" cy="16" r="1.5" fill="currentColor"/>
  336.                                <circle cx="12" cy="11" r="1.5" fill="currentColor"/>
  337.                                <circle cx="15" cy="14" r="1.5" fill="currentColor"/>
  338.                                <circle cx="21" cy="8" r="1.5" fill="currentColor"/>
  339.                            </svg>
  340.                        </div>
  341.                        <h3 class="feature-title">Suivi de Progression</h3>
  342.                        <p class="feature-description">
  343.                            Surveillez votre amélioration avec des tableaux de bord détaillés et des analyses
  344.                        </p>
  345.                    </div>
  346.                </div>
  347.            </div>
  348.        </section>
  349.  
  350.        <section class="benefits section section-alt">
  351.            <div class="container">
  352.                <div class="benefits-content">
  353.                    <div class="benefits-text">
  354.                        <span class="section-subtitle">Pourquoi Nous Choisir</span>
  355.                        <h2 class="section-title">Votre Partenaire Pour L'Excellence Académique</h2>
  356.                        <div class="benefits-list">
  357.                            <div class="benefit-item" data-animate>
  358.                                <div class="benefit-icon">📈</div>
  359.                                <div class="benefit-text">
  360.                                    <h3 class="benefit-title">Amélioration Garantie</h3>
  361.                                    <p class="benefit-description">95% de nos étudiants améliorent leurs notes dans les 3 mois</p>
  362.                                </div>
  363.                            </div>
  364.                            <div class="benefit-item" data-animate>
  365.                                <div class="benefit-icon">🎓</div>
  366.                                <div class="benefit-text">
  367.                                    <h3 class="benefit-title">Professeurs Qualifiés</h3>
  368.                                    <p class="benefit-description">Enseignants expérimentés et certifiés par le ministère</p>
  369.                                </div>
  370.                            </div>
  371.                            <div class="benefit-item" data-animate>
  372.                                <div class="benefit-icon">⏰</div>
  373.                                <div class="benefit-text">
  374.                                    <h3 class="benefit-title">Apprentissage Flexible</h3>
  375.                                    <p class="benefit-description">Étudiez à votre rythme, 24h/24, 7j/7, en ligne ou hors ligne</p>
  376.                                </div>
  377.                            </div>
  378.                            <div class="benefit-item" data-animate>
  379.                                <div class="benefit-icon">💰</div>
  380.                                <div class="benefit-text">
  381.                                    <h3 class="benefit-title">Excellent Rapport Qualité-Prix</h3>
  382.                                    <p class="benefit-description">Des cours de qualité supérieure à des prix accessibles</p>
  383.                                </div>
  384.                            </div>
  385.                        </div>
  386.                    </div>
  387.                    <div class="benefits-stats">
  388.                        <div class="stat-card" data-animate>
  389.                            <div class="stat-card-number">15,000+</div>
  390.                            <div class="stat-card-label">Étudiants Actifs</div>
  391.                            <div class="stat-card-bar"></div>
  392.                        </div>
  393.                        <div class="stat-card" data-animate>
  394.                            <div class="stat-card-number">500+</div>
  395.                            <div class="stat-card-label">Heures de Contenu</div>
  396.                            <div class="stat-card-bar"></div>
  397.                        </div>
  398.                        <div class="stat-card" data-animate>
  399.                            <div class="stat-card-number">95%</div>
  400.                            <div class="stat-card-label">Satisfaction</div>
  401.                            <div class="stat-card-bar"></div>
  402.                        </div>
  403.                    </div>
  404.                </div>
  405.            </div>
  406.        </section>
  407.  
  408.        <section class="testimonials section">
  409.            <div class="container">
  410.                <div class="section-header">
  411.                    <span class="section-subtitle">Témoignages</span>
  412.                    <h2 class="section-title">Ce Que Disent Nos Étudiants</h2>
  413.                </div>
  414.                <div class="testimonials-grid">
  415.                    <div class="testimonial-card" data-animate>
  416.                        <div class="testimonial-stars">⭐⭐⭐⭐⭐</div>
  417.                        <p class="testimonial-text">
  418.                            "Grâce à 9rayti.online, j'ai amélioré mes notes de 3 points en mathématiques. Les cours vidéo sont clairs et les exercices m'ont vraiment aidé."
  419.                        </p>
  420.                        <div class="testimonial-author">
  421.                            <div class="author-avatar">Y</div>
  422.                            <div class="author-info">
  423.                                <div class="author-name">Youssef M.</div>
  424.                                <div class="author-title">Lycée, Casablanca</div>
  425.                            </div>
  426.                        </div>
  427.                    </div>
  428.                    <div class="testimonial-card" data-animate>
  429.                        <div class="testimonial-stars">⭐⭐⭐⭐⭐</div>
  430.                        <p class="testimonial-text">
  431.                            "En tant que parent, je suis rassuré de voir les progrès de ma fille. La plateforme est facile à utiliser et les professeurs sont excellents."
  432.                        </p>
  433.                        <div class="testimonial-author">
  434.                            <div class="author-avatar">F</div>
  435.                            <div class="author-info">
  436.                                <div class="author-name">Fatima K.</div>
  437.                                <div class="author-title">Parent, Rabat</div>
  438.                            </div>
  439.                        </div>
  440.                    </div>
  441.                    <div class="testimonial-card" data-animate>
  442.                        <div class="testimonial-stars">⭐⭐⭐⭐⭐</div>
  443.                        <p class="testimonial-text">
  444.                            "Les examens QCM mensuels m'ont permis de m'auto-évaluer. J'ai pu identifier mes points faibles et les améliorer rapidement."
  445.                        </p>
  446.                        <div class="testimonial-author">
  447.                            <div class="author-avatar">S</div>
  448.                            <div class="author-info">
  449.                                <div class="author-name">Salma B.</div>
  450.                                <div class="author-title">Université, Marrakech</div>
  451.                            </div>
  452.                        </div>
  453.                    </div>
  454.                </div>
  455.            </div>
  456.        </section>
  457.  
  458.        <section class="cta section">
  459.            <div class="container">
  460.                <div class="cta-content" data-animate>
  461.                    <div class="moroccan-pattern pattern-cta-1"></div>
  462.                    <div class="moroccan-pattern pattern-cta-2"></div>
  463.                    <h2 class="cta-title">Prêt à Transformer Votre Parcours Académique ?</h2>
  464.                    <p class="cta-description">
  465.                        Rejoignez des milliers d'étudiants qui ont déjà choisi l'excellence avec 9rayti.online
  466.                    </p>
  467.                    <a href="https://9rayti.online/e-school/" class="btn btn-primary btn-large btn-pulse">
  468.                        <span class="btn-text">Commencer Gratuitement</span>
  469.                        <span class="btn-icon">→</span>
  470.                    </a>
  471.                    <p class="cta-note">Essai gratuit de 30 jours • Aucune carte bancaire requise</p>
  472.                </div>
  473.            </div>
  474.        </section>
  475.    </main>
  476.  
  477.    <footer class="footer">
  478.        <div class="container">
  479.            <div class="footer-content">
  480.                <div class="footer-section">
  481.                    <a href="index.html" class="footer-logo">
  482.                        <img src="assets/logo.png" alt="9rayti.online Logo" class="footer-logo-img">
  483.                        <span class="footer-logo-text">9rayti.online</span>
  484.                    </a>
  485.                    <p class="footer-description">
  486.                        Votre plateforme éducative de confiance pour la réussite académique au Maroc.
  487.                    </p>
  488.                    <div class="footer-social">
  489.                        <a href="#" class="social-link" aria-label="Facebook">
  490.                            <svg viewBox="0 0 24 24" fill="currentColor">
  491.                                <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/>
  492.                            </svg>
  493.                        </a>
  494.                        <a href="#" class="social-link" aria-label="Instagram">
  495.                            <svg viewBox="0 0 24 24" fill="currentColor">
  496.                                <rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
  497.                                <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" fill="white"/>
  498.                                <circle cx="17.5" cy="6.5" r="1.5" fill="white"/>
  499.                            </svg>
  500.                        </a>
  501.                        <a href="#" class="social-link" aria-label="LinkedIn">
  502.                            <svg viewBox="0 0 24 24" fill="currentColor">
  503.                                <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/>
  504.                                <rect x="2" y="9" width="4" height="12"/>
  505.                                <circle cx="4" cy="4" r="2"/>
  506.                            </svg>
  507.                        </a>
  508.                        <a href="#" class="social-link" aria-label="YouTube">
  509.                            <svg viewBox="0 0 24 24" fill="currentColor">
  510.                                <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"/>
  511.                                <polygon points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02" fill="white"/>
  512.                            </svg>
  513.                        </a>
  514.                    </div>
  515.                </div>
  516.  
  517.                <div class="footer-section">
  518.                    <h3 class="footer-title">Navigation</h3>
  519.                    <ul class="footer-links">
  520.                        <li><a href="index.html">Accueil</a></li>
  521.                        <li><a href="about.html">À Propos</a></li>
  522.                        <li><a href="contact.html">Contact</a></li>
  523.                        <li><a href="./e-school/">Cours</a></li>
  524.                        <li><a href="./library/">Bibliothèque</a></li>
  525.                    </ul>
  526.                </div>
  527.  
  528.                <div class="footer-section">
  529.                    <h3 class="footer-title">Légal</h3>
  530.                    <ul class="footer-links">
  531.                        <li><a href="#">Conditions d'utilisation</a></li>
  532.                        <li><a href="#">Politique de confidentialité</a></li>
  533.                        <li><a href="#">Mentions légales</a></li>
  534.                        <li><a href="#">FAQ</a></li>
  535.                    </ul>
  536.                </div>
  537.  
  538.                <div class="footer-section">
  539.                    <h3 class="footer-title">Newsletter</h3>
  540.                    <p class="footer-newsletter-text">
  541.                        Restez informé de nos dernières ressources et offres
  542.                    </p>
  543.                    <form class="footer-newsletter-form" id="newsletter-form">
  544.                        <input
  545.                            type="email"
  546.                            placeholder="Votre email"
  547.                            class="newsletter-input"
  548.                            required
  549.                            aria-label="Email pour la newsletter"
  550.                        >
  551.                        <button type="submit" class="newsletter-btn" aria-label="S'inscrire">
  552.                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
  553.                                <line x1="22" y1="2" x2="11" y2="13"/>
  554.                                <polygon points="22 2 15 22 11 13 2 9 22 2"/>
  555.                            </svg>
  556.                        </button>
  557.                    </form>
  558.                    <div class="footer-contact">
  559.                        <p>📧 contact@9rayti.online</p>
  560.                        <p>📱 +212 606-563050</p>
  561.                    </div>
  562.                </div>
  563.            </div>
  564.  
  565.            <div class="footer-bottom">
  566.                <p class="footer-copyright">
  567.                     &copy; 2025 <a href="https://st-art.site" style="color: var(--primary-color);">St{art}</a>. Tous droits réservés.
  568.                </p>
  569.                <p class="footer-made">
  570.                    Fait avec ❤️ pour les étudiants marocains
  571.                </p>
  572.            </div>
  573.        </div>
  574.    </footer>
  575.  
  576.    <script src="script.js"></script>
  577. </body>
  578. </html>
  579.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda