    <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;Le Monde Primaire&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;Le Monde Primaire&lt;/h1&gt;
&lt;!-------------------- NAV (BOOTSRAP) ------------------------------------------------------------------------------&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;!-------------------- CHOIX EXERCICES ------------------------------------------------------------------------------&gt;
&lt;div class=&quot;background-container&quot;&gt;
    &lt;div class=&quot;content&quot;&gt;
        &lt;h1&gt;Choisissez le niveau de l&#039;exercice d&#039;éveil&lt;/h1&gt;
        &lt;div class=&quot;button-container&quot;&gt;
            &lt;button class=&quot;button-exercice&quot; onclick=&quot;location.href=&#039;eveil_facile.html&#039;&quot;&gt;Facile&lt;/button&gt;
            &lt;button class=&quot;button-exercice&quot; onclick=&quot;location.href=&#039;eveil_moyen.html&#039;&quot;&gt;Moyen&lt;/button&gt;
            &lt;button class=&quot;button-exercice&quot; onclick=&quot;location.href=&#039;eveil_difficile.html&#039;&quot;&gt;Difficile&lt;/button&gt;
        &lt;/div&gt;
&lt;!-------------------- FOOTER ------------------------------------------------------------------------------&gt;

  
&lt;!-------------------- JAVASCRIPT ------------------------------------------------------------------------------&gt;

&lt;!-- Chargement de jQuery --&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.slim.min.js&quot;&gt;&lt;/script&gt;
    &lt;!-- Chargement de Popper.js --&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;!-- Chargement de Bootstrap JS --&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;
&lt;/html&gt;
</code></pre>        </div>
    </div>