diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-30 00:45:46 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-30 00:45:46 +0100 |
| commit | 89584ec37c72744ad97563a0e48cc55431753887 (patch) | |
| tree | 7507bf17fd60dd067910fc9824db9921b00f92c2 /ivan.html | |
| parent | fb85192fd4b39ea227e48da9fbdd7975929fcfcc (diff) | |
| download | quatuorbellefeuille.com-89584ec37c72744ad97563a0e48cc55431753887.tar.xz | |
Add individual pages
Diffstat (limited to 'ivan.html')
| -rw-r--r-- | ivan.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/ivan.html b/ivan.html new file mode 100644 index 0000000..cd0084b --- /dev/null +++ b/ivan.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <title>Ivan - Quatuor Camelot</title> + <link rel="stylesheet" href="commun.css"> + <link rel="stylesheet" href="membre.css"> + </head> + <body> + <header class="banner"> + + <div class="brand"> + <a href="index.html"> + <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png" + alt="logo"> + <h1 class="qname">Quatuor Camelot</h1> + </a> + </div> + + <nav> + <ol> + <li class="current"><a href="quatuor.html">Le quatuor</a></li> + <li><a href="actualités.html">Actualités</a></li> + <li><a href="programmes.html">Programmes</a></li> + <li><a href="médias.html">Médias</a></li> + </ol> + </nav> + + <div class="lang"> + EN + </div> + + </header> + + <main> + <div id="bio"> + <h1>Ivan</h1> + <dl> + <dt>Lieu de naissance</dt> + <dd>Contigo</dd> + <dt>Élément</dt> + <dd>Air</dd> + <dt>Classe</dt> + <dd>Éo-sage</dd> + <dt>Armes de prédilection</dt> + <dd>Rapières, bâtons</dd> + </dl> + </div> + <div id="photo"> + <img src="https://v3.goldensun-world.com/img/wallpapers/ivan_l.jpg" style="object-position: 35%"> + </div> + </main> + + <footer class="social"> + <img src="https://upload.wikimedia.org/wikipedia/en/9/9f/Twitter_bird_logo_2012.svg"> + <img src="https://upload.wikimedia.org/wikipedia/commons/c/c2/F_icon.svg"> + <p class="contact"> + <a href="contact.html">Contact</a> + </p> + </footer> + + <footer class="legal"> + <p>Mentions légales - Plan du site</p> + </footer> + </body> +</html> |