diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-22 00:45:33 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2020-11-22 00:48:08 +0100 |
| commit | 6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb (patch) | |
| tree | df44a68df600601d1e21dd77afbf5c58d9e4b8af | |
| parent | a8e3996309936c6d0590a1c8a855376318281689 (diff) | |
| download | quatuorbellefeuille.com-6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb.tar.xz | |
Rename events page
Also add the boilerplate.
| -rw-r--r-- | actualités.css (renamed from événements.css) | 0 | ||||
| -rw-r--r-- | actualités.html | 111 | ||||
| -rw-r--r-- | événements.html | 79 |
3 files changed, 111 insertions, 79 deletions
diff --git a/événements.css b/actualités.css index 6a2bd4a..6a2bd4a 100644 --- a/événements.css +++ b/actualités.css diff --git a/actualités.html b/actualités.html new file mode 100644 index 0000000..e1588e8 --- /dev/null +++ b/actualités.html @@ -0,0 +1,111 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <title>Actualités - Quatuor Camelot</title> + <link rel="stylesheet" href="commun.css"> + <link rel="stylesheet" href="actualités.css"> + </head> + <body> + <header class="banner"> + + <div class="brand"> + <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Golden_Sun_icon.png" + alt="logo"> + <h1 class="qname">Quatuor Camelot</h1> + </div> + + <nav> + <ol> + <li>le quatuor</li> + <li>actualités</li> + <li>programmes</li> + <li>médias</li> + </ol> + </nav> + + <div class="lang"> + EN + </div> + + </header> + + <main> + <div class="events"> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #0 !<br>Plein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #1 !<br>Pleein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #2 !<br>Pleeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #3 !<br>Pleeeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #4 !<br>Pleeeeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #5 !<br>Pleeeeeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #6 !<br>Pleeeeeeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #7 !<br>Pleeeeeeeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #8 !<br>Pleeeeeeeeein de détails.</div> + </div> + <div class="event"> + <input type="radio" name="event"> + <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png"> + <p class="summary">Quelque part<br>À un moment</p> + <div class="details">Des détails #9 !<br>Pleeeeeeeeeein de détails.</div> + </div> + </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"> + Contact + </p> + </footer> + + <footer class="legal"> + <p>Mentions légales - Plan du site</p> + </footer> + </body> +</html> diff --git a/événements.html b/événements.html deleted file mode 100644 index 9ac88cc..0000000 --- a/événements.html +++ /dev/null @@ -1,79 +0,0 @@ -<head> - <link rel="stylesheet" href="commun.css"> - <link rel="stylesheet" href="événements.css"> -</head> -<body> - <nav> - <ol> - <li>accueil</li> - <li>artistes</li> - <li>calendrier</li> - <li>contact</li> - </ol> - </nav> - - <div class="main"> - <div class="events"> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #0 !<br>Plein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #1 !<br>Pleein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #2 !<br>Pleeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #3 !<br>Pleeeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #4 !<br>Pleeeeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/0/05/KolimaOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #5 !<br>Pleeeeeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/8/84/Bilibin.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #6 !<br>Pleeeeeeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/7/70/VaultOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #7 !<br>Pleeeeeeeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/6/65/ValeOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #8 !<br>Pleeeeeeeeein de détails.</div> - </div> - <div class="event"> - <input type="radio" name="event"> - <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png"> - <p class="summary">Quelque part<br>À un moment</p> - <div class="details">Des détails #9 !<br>Pleeeeeeeeeein de détails.</div> - </div> - </div> - </div> -</body> |