Untitled

<!DOCTYPE html>
<html lang="fr">
      <head>
        <meta charset="utf-8">
        <meta name="description" content="Bienvenue sur le site de Soron. Il est à la recherche des personnes ayant volé son anneau. Si vous souhaitez aider à la quête, vous êtes le ou la bienvenue">
        <meta name="author" content="Laetitia Gcv">
        <title> Velut inpendio </title>
      </head>
      <body>

        <header class="page-header">
            <h1>Velut inpendio </h1>
          </header>

        <!--barre de navigation-->

        <div class="nav">
            <ul>
                <li><a href="#">exaggerantium</a></li>
                <li><a href="#">velut eius</a></li>
            </ul>
        </div>

        <!--slide images-->
        <div id="slider">
            <div id="slides">
                <figure id="slide1">
                    <img src="https://via.placeholder.com/728x90.png" alt="premiere image">
                    <figcaption>Premiere image</figcaption>
                </figure>
                <figure id="slide2">
                    <img src="https://via.placeholder.com/728x90.png" alt="deuxieme image">
                </figure>
            </div>
        </div>

        <!--photo des 3 WANTED-->
        <section>
          <h2>Pertinent alia ad quod ne.</h2>
          <p>Visus praecentor qui ad est.</p>
        </section>
        <h3>Premier wanted</h3>
          <a href="https://via.placeholder.com/300/09f/fff.png"><img src="https://via.placeholder.com/300/09f/fff.png" alt=" Personne wanted numero 1"></a>
          <h3>Wanted mort</h3>
          <a href="https://via.placeholder.com/300/09f/fff.png"><img src="https://via.placeholder.com/300/09f/fff.png" alt="Personne wanted qui est mort"></a>
          <h3>Troisième wanted</h3>
          <a href="https://via.placeholder.com/300/09f/fff.png"><img src="https://via.placeholder.com/300/09f/fff.png" alt="Personne wanted numero 3"></a>


          <!--formulaire de contact-->

          <form method="post" action="traitement.php">
            <label for="prenom">Entrez votre prénom</label>
            <input type="text" id="prenom" name="prenom">

            <label for="mail">Entrez votre mail</label>
            <input type="text" id="mail" name="entrez votre mail">

            <label for="prez">Message</label>
            <textarea id="prez" name="message"></textarea>

            <input type="submit" value="Envoyer">
             </form>

             <!--bas de page-->
             <footer>
                <p>
                    Nino vetere-dictum-clementer dictum
                </p>
             </footer>
      </body>
</html>