contact.html

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>CDIN | Projet</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body id="maPage">

    <header>
        <a id="accueilTitreSite" href="index.html"><h1>PrayForMySemestre</h1></a>
        <nav>
            <ul>
                <li><a href="index.html">Accueil</a></li>
                <li><a href="equipe.html">L'Équipe</a></li>
                <li><a href="actualite.html">Actualité</a></li>
                <li><a href="metiers.html">Métiers</a></li>
                <li><a href="interview.html">Interview</a></li>
                <li><a href="faq.html">FAQ</a></li>
            </ul>
        </nav>
    </header>

        <h2>Nous Contacter</h2>
        <form action="fichier.php" method="post">
          <div>
            <label for="name">Nom :</label>
            <input type="text" id="name" name="user_name" placeholder="Nom Prénom">
          </div>

          <div>
            <label for="mail">Mail :</label>
            <input type="email" id="mail" name="user_email" placeholder="exemple@exemple.fr">
          </div>

          <div>
            <label for="sujet">Sujet :</label>
            <input type="text" id="sujet" name="user_sujet" placeholder="Demande d'information">
          </div>

          <div>
            <label for="msg">Message :</label>
            <textarea id="msg" name="user_message" placeholder="Votre message ..."></textarea>
          </div>

          <div class="button">
        <button type="submit">Envoyer</button>
      </div>
    </form>
    <footer class="middle">
      <p>© DreamTeam - 2017 - Tous droits réservés -
      <a href="contact.html">Contact</a> - <a href="mentions_legales.html">Mentions légales</a></p>
    </footer>
  </body>
</html>