Pages

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Conjugaison Française - Présent</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 30px;
      background-color: #f9f9f9;
    }
    h1 {
      color: #2c3e50;
    }
    .sentence-block {
      margin-bottom: 20px;
      padding: 10px;
      background-color: #ffffff;
      border: 1px solid #ddd;
      border-radius: 5px;
    }
    select {
      margin-left: 10px;
    }
    audio {
      margin-top: 5px;
      display: block;
    }
  </style>
</head>
<body>
  <h1>📝 Complétez les phrases avec le bon verbe conjugué (Présent)</h1>

  <div id="exercise-container">
    <!-- Example sentence block -->
    <div class="sentence-block">
      <label>1. Je ______ au marché tous les samedis.</label>
      <select>
        <option value="">--Choisissez--</option>
        <option value="vais">vais</option>
        <option value="va">va</option>
        <option value="allons">allons</option>
        <option value="allez">allez</option>
      </select>
      <audio controls src="audio/sentence1.mp3"></audio>
    </div>

    <div class="sentence-block">
      <label>2. Nous ______ du piano chaque soir.</label>
      <select>
        <option value="">--Choisissez--</option>
        <option value="jouons">jouons</option>
        <option value="joue">joue</option>
        <option value="jouez">jouez</option>
        <option value="jouent">jouent</option>
      </select>
      <audio controls src="audio/sentence2.mp3"></audio>
    </div>

    <!-- Repeat for 20 sentences -->
    <!-- You can duplicate the block above and change the sentence, verb options, and audio file -->

    <!-- Example 3 -->
    <div class="sentence-block">
      <label>3. Elle ______ très bien le français.</label>
      <select>
        <option value="">--Choisissez--</option>
        <option value="parle">parle</option>
        <option value="parlons">parlons</option>
        <option value="parlez">parlez</option>
        <option value="parlent">parlent</option>
      </select>
      <audio controls src="audio/sentence3.mp3"></audio>
    </div>

    <!-- Continue until sentence 20 -->
  </div>
</body>
</html>

No comments:

Post a Comment

<!DOCTYPE html> <html lang="fr"> <head>   <meta charset="UTF-8">   <title>Conjugaison Fran...