diff options
Diffstat (limited to 'quatuor.html')
| -rw-r--r-- | quatuor.html | 170 |
1 files changed, 55 insertions, 115 deletions
diff --git a/quatuor.html b/quatuor.html index b53907f..6d15509 100644 --- a/quatuor.html +++ b/quatuor.html @@ -1,115 +1,55 @@ -<!DOCTYPE html> -<html lang="fr"> - <head> - <meta charset="utf-8"> - <title>Biographie - Quatuor Camelot</title> - <link rel="stylesheet" href="commun.css"> - <link rel="stylesheet" href="quatuor.css"> - <link rel="alternate" type="application/rss+xml" href="feed.xml"> - </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="dropdown current"> - <a href="quatuor.html">Le quatuor</a> - <ul> - <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li> - <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li> - <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li> - <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li> - </ul> - </li> - <li><a href="actualités.html">Actualités</a></li> - <li><a href="programmes.html">Programmes</a></li> - <li><a href="gallerie.html">Gallerie</a></li> - </ol> - </nav> - - <div class="lang"> - EN - </div> - - </header> - - <main> - <div id="photos"> - <a href="vlad.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/vlad_b.jpg"></a> - <a href="garet.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/garet_b.jpg"></a> - <a href="ivan.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/ivan_b.jpg"></a> - <a href="sofia.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/sofia_b.jpg"></a> - </div> - - <div id="bio"> - <h1>Un premier titre</h1> - <p> - Senectus et netus et malesuada fames ac turpis. Ut sem nulla - pharetra diam sit amet nisl suscipit adipiscing. Et netus et - malesuada fames ac. Turpis massa sed elementum tempus egestas - sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis - urna cursus. Fermentum et sollicitudin ac orci - phasellus. Sollicitudin nibh sit amet commodo nulla facilisi - nullam vehicula. Pellentesque adipiscing commodo elit at - imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem - integer vitae justo eget magna fermentum iaculis. Feugiat nisl - pretium fusce id velit. Facilisis gravida neque convallis a cras - semper. Scelerisque eu ultrices vitae auctor eu augue ut - lectus. Aliquam purus sit amet luctus venenatis. - </p> - <p> - Felis imperdiet proin fermentum leo vel orci porta. Imperdiet - massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut - porttitor leo. Morbi tincidunt augue interdum velit euismod in - pellentesque massa. In ornare quam viverra orci sagittis - eu. Elementum integer enim neque volutpat ac. Adipiscing - bibendum est ultricies integer quis. Quisque non tellus orci ac - auctor augue. Dictum fusce ut placerat orci nulla pellentesque - dignissim enim. Vitae congue eu consequat ac felis donec et - odio. Aliquam malesuada bibendum arcu vitae elementum curabitur - vitae nunc sed. - </p> - - <h1>Un second titre</h1> - <p> - Vitae congue eu consequat ac. Nullam ac tortor vitae - purus. Laoreet id donec ultrices tincidunt arcu non sodales - neque sodales. Ut faucibus pulvinar elementum integer enim neque - volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis - in eu. Facilisis magna etiam tempor orci eu lobortis - elementum. Lobortis elementum nibh tellus molestie nunc. Vitae - tortor condimentum lacinia quis vel eros donec. Ut etiam sit - amet nisl purus in mollis nunc sed. Leo in vitae turpis - massa. Nam at lectus urna duis convallis convallis tellus id - interdum. Morbi non arcu risus quis varius quam. Ac turpis - egestas maecenas pharetra convallis posuere morbi leo. Magna - etiam tempor orci eu. - </p> - </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"> - <a href="feed.xml"> - <img src="https://upload.wikimedia.org/wikipedia/en/4/43/Feed-icon.svg"> - </a> - <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> +<main> + <div id="photos"> + <a href="vlad.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/vlad_b.jpg"></a> + <a href="garet.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/garet_b.jpg"></a> + <a href="ivan.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/ivan_b.jpg"></a> + <a href="sofia.html"><img class="portrait" src="https://v3.goldensun-world.com/img/artwork/sofia_b.jpg"></a> + </div> + + <div id="bio"> + <h1>Un premier titre</h1> + <p> + Senectus et netus et malesuada fames ac turpis. Ut sem nulla + pharetra diam sit amet nisl suscipit adipiscing. Et netus et + malesuada fames ac. Turpis massa sed elementum tempus egestas + sed sed. Et netus et malesuada fames ac. Enim sit amet venenatis + urna cursus. Fermentum et sollicitudin ac orci + phasellus. Sollicitudin nibh sit amet commodo nulla facilisi + nullam vehicula. Pellentesque adipiscing commodo elit at + imperdiet. Eget nunc scelerisque viverra mauris in. Eu sem + integer vitae justo eget magna fermentum iaculis. Feugiat nisl + pretium fusce id velit. Facilisis gravida neque convallis a cras + semper. Scelerisque eu ultrices vitae auctor eu augue ut + lectus. Aliquam purus sit amet luctus venenatis. + </p> + <p> + Felis imperdiet proin fermentum leo vel orci porta. Imperdiet + massa tincidunt nunc pulvinar. Porta lorem mollis aliquam ut + porttitor leo. Morbi tincidunt augue interdum velit euismod in + pellentesque massa. In ornare quam viverra orci sagittis + eu. Elementum integer enim neque volutpat ac. Adipiscing + bibendum est ultricies integer quis. Quisque non tellus orci ac + auctor augue. Dictum fusce ut placerat orci nulla pellentesque + dignissim enim. Vitae congue eu consequat ac felis donec et + odio. Aliquam malesuada bibendum arcu vitae elementum curabitur + vitae nunc sed. + </p> + + <h1>Un second titre</h1> + <p> + Vitae congue eu consequat ac. Nullam ac tortor vitae + purus. Laoreet id donec ultrices tincidunt arcu non sodales + neque sodales. Ut faucibus pulvinar elementum integer enim neque + volutpat ac tincidunt. Proin sed libero enim sed faucibus turpis + in eu. Facilisis magna etiam tempor orci eu lobortis + elementum. Lobortis elementum nibh tellus molestie nunc. Vitae + tortor condimentum lacinia quis vel eros donec. Ut etiam sit + amet nisl purus in mollis nunc sed. Leo in vitae turpis + massa. Nam at lectus urna duis convallis convallis tellus id + interdum. Morbi non arcu risus quis varius quam. Ac turpis + egestas maecenas pharetra convallis posuere morbi leo. Magna + etiam tempor orci eu. + </p> + </div> + +</main> |