tricking-akademy/contact.html at master · emdevnet/tricking-akademy · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Contact | Tricking Aka-demy</title>

  <!-- Inclusion des polices de caractère depuis le service "Google Fonts" -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,700,400' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>

  <!-- Inclusion de la librairie Bootstrap -->
  <link rel="stylesheet" href="lib/bootstrap/bootstrap.css">

  <!-- La page web utilise le fichier de style 'main.css' -->
  <link rel="stylesheet" href="sources/styles/main.css">
</head>
<body>

<!-- Section d'entête (menu de la page) -->
<header>
  <nav class="container">
    <ul>
      <li><a href="index.html">Accueil</a></li>
      <li><a href="videos.html">Vidéos</a></li>
      <li><a href="evenements.html">Évènements</a></li>
      <li><a class="active" href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>

<section class="container">
  <div class="inner">

    <h1>Contact</h1>
    <p>Pour nous contacter, remplissez le formulaire suivant :</p>

    <!-- Formulaire de contact -->
    <form action="#">
      <label class="form-group">
        <input class="form-control" type="text" name="nom" id="nom" placeholder="Votre nom complet ..." required>
      </label>
      <label class="form-group">
        <input class="form-control" type="email" name="email" id="email" placeholder="Votre adresse email complète ..." required>
      </label>
      <label class="form-group">
        <textarea class="form-control" name="message" id="message" placeholder="Votre message (50 caractères max) ..." required></textarea>
      </label>
      <div class="actions">
        <input class="btn" type="reset" value="Effacer le formulaire">
        <input class="btn btn-primary" type="submit" value="Envoyer le formulaire">
      </div>
    </form>

  </div>
</section>

<!-- Pied de page -->
<footer>
  <div class="container">
    <p>Le site ci-présent et son contenu sont l'objet d'un travail pratique d'intégration de site web.</p>
    <p>Les sources officielles proviennent majoritairement du site <a href="http://www.trickzfr.com/" target="_blank">www.trickzfr.com</a></p>
  </div>
</footer>

</body>
</html>