    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-html">&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;fr&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Contact&lt;/title&gt;
    &lt;link href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;
        &lt;div class=&quot;container&quot;&gt;
            &lt;h1&gt;contact&lt;/h1&gt;

&lt;!-------------------- NAV ------------------------------------------------------------------------------&gt;

            &lt;nav class=&quot;navbar navbar-expand-xl navbar-light bg-light&quot;&gt;
                &lt;div class=&quot;container-fluid&quot;&gt;
                  
                  &lt;button class=&quot;navbar-toggler&quot; type=&quot;button&quot; data-bs-toggle=&quot;collapse&quot; data-bs-target=&quot;#navbarWithDropdown&quot; aria-controls=&quot;navbarWithDropdown&quot; aria-expanded=&quot;false&quot; aria-label=&quot;Toggle navigation&quot;&gt;
                    &lt;span class=&quot;navbar-toggler-icon&quot;&gt;&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;div class=&quot;collapse navbar-collapse&quot; id=&quot;navbarWithDropdown&quot;&gt;
                    &lt;ul class=&quot;navbar-nav&quot;&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;
                        &lt;a class=&quot;nav-link active&quot; aria-current=&quot;page&quot; href=&quot;index.html&quot;&gt;Accueil&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class=&quot;nav-item dropdown&quot;&gt;
                        &lt;a class=&quot;nav-link dropdown-toggle&quot; href=&quot;#&quot; id=&quot;navbarDropdownMenuLink&quot; role=&quot;button&quot; data-bs-toggle=&quot;dropdown&quot; aria-expanded=&quot;false&quot;&gt;
                          Exercices
                        &lt;/a&gt;
                        &lt;ul class=&quot;dropdown-menu&quot; aria-labelledby=&quot;navbarDropdownMenuLink&quot;&gt;
                          &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;math_choix.html&quot;&gt;Math&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;eveil_choix.html&quot;&gt;Éveil&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a class=&quot;dropdown-item&quot; href=&quot;francais_choix.html&quot;&gt;Français&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;ressources.html&quot;&gt;Ressources&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class=&quot;nav-item&quot;&gt;
                        &lt;a class=&quot;nav-link&quot; href=&quot;contact.html&quot;&gt;Contact&lt;/a&gt;
                      &lt;/li&gt;
                    &lt;/ul&gt;
                  &lt;/div&gt;
                &lt;/div&gt;
              &lt;/nav&gt;
        &lt;/div&gt;
    &lt;/header&gt;
&lt;main&gt;
&lt;!-------------------- COORDONEES ------------------------------------------------------------------------------&gt;

  &lt;h2&gt;Contactez-nous&lt;/h2&gt;
  &lt;h4&gt;Pour toute question ou information, vous pouvez nous joindre via les moyens suivants :&lt;/h4&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;Adresse :&lt;/strong&gt; 123 Rue de l&#039;Éducation, 1300 Wavre&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;Téléphone :&lt;/strong&gt; +32 1 23 45 67 89&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;Email :&lt;/strong&gt;&lt;a href=&quot;mailto:lemondeprimaire@gmail.com&quot;&gt;lemondeprimaire@gmail.com&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
&lt;!-------------------- FORMULAIRE ------------------------------------------------------------------------------&gt;

  &lt;h4&gt;Nous sommes à l&#039;écoute de vos suggestions. Utilisez le formulaire ci-dessous pour nous les faire parvenir :&lt;/h4&gt;
  &lt;form&gt;
      &lt;label for=&quot;name&quot;&gt;Nom:&lt;/label&gt;
      &lt;input type=&quot;text&quot; id=&quot;name&quot; name=&quot;name&quot;&gt;
      &lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt;
      &lt;input type=&quot;email&quot; id=&quot;email&quot; name=&quot;email&quot;&gt;
      &lt;label for=&quot;message&quot;&gt;Message:&lt;/label&gt;
      &lt;textarea id=&quot;message&quot; name=&quot;message&quot;&gt;&lt;/textarea&gt;
      &lt;button type=&quot;submit&quot;&gt;Envoyer&lt;/button&gt;
  &lt;/form&gt;
&lt;/main&gt;

&lt;!-------------------- FOOTER ------------------------------------------------------------------------------&gt;


    &lt;footer&gt;
        &lt;div class=&quot;container&quot;&gt;
          &lt;p&gt;&amp;copy; 2024 Le Monde Primaire. Tous droits réservés.&lt;/p&gt;
        &lt;/div&gt;
    &lt;/footer&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.slim.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;js/bootstrap.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;</code></pre>        </div>
    </div>