diff options
Diffstat (limited to 'template.html')
| -rw-r--r-- | template.html | 120 |
1 files changed, 82 insertions, 38 deletions
diff --git a/template.html b/template.html index 0e2fe48..91dea2f 100644 --- a/template.html +++ b/template.html @@ -13,21 +13,22 @@ <link rel="alternate" type="application/rss+xml" href="feed.xml"> </head> <body> - <header class="banner"> - <a href="index.html"> - <img src="images/logo.svg" - alt="logo"> - <h1>Quatuor Bellefeuille</h1> - </a> - </header> - - <header class="menu togglable"> - <input type="checkbox" class="toggle" id="menu"> + <header class="slidingmenu"> + <input type="checkbox"> <img class="button open" src="images/menu.svg"> - <img class="button close" src="images/close.svg"> - <label for="menu">Menu</label> <div class="content"> - <nav> + <img class="button close" src="images/close.svg"> + <header class="banner"> + <a href="index.html"> + <img src="images/logo.svg" + alt="logo"> + <h1>Quatuor Bellefeuille</h1> + </a> + </header> + <a class="lang" href=""> + EN + </a> + <nav class="menu"> <ol> <li class="dropdown"><a href="quatuor.html">le quatuor</a> <ul> @@ -40,38 +41,81 @@ <li><a href="actualités.html">actualités</a></li> <li><a href="programmes.html">programmes</a></li> <li><a href="galerie.html">galerie</a></li> + <li><a href="contact.html">contact</a></li> </ol> </nav> + <nav class="social"> + <ul> + <li> + <a href="https://www.facebook.com/quatuorbellefeuille/" + target="_blank" rel="noreferrer noopener"> + <img src="images/facebook-logo.svg"> + </a> + </li> + <li> + <a href="https://www.instagram.com/quatuor.bellefeuille/" + target="_blank" rel="noreferrer noopener"> + <img src="images/instagram-logo.svg"> + </a> + </li> + <li> + <a href="" + target="_blank" rel="noreferrer noopener"> + <img src="images/youtube-logo.svg"> + </a> + </li> + </ul> + </nav> </div> </header> + <header class="banner"> + <a href="index.html"> + <img src="images/logo.svg" + alt="logo"> + <h1>Quatuor Bellefeuille</h1> + </a> + </header> + + <header class="menu"> + <nav> + <ol> + <li class="dropdown"><a href="quatuor.html">le quatuor</a> + <ul> + <li><a href="sophie.html">Sophie</a></li> + <li><a href="david.html">David</a></li> + <li><a href="hervé.html">Hervé</a></li> + <li><a href="enguerrand.html">Enguerrand</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="galerie.html">galerie</a></li> + </ol> + </nav> + </header> + {MAIN} - <footer class="social togglable"> - <input type="checkbox" class="toggle" id="social"> - <img class="button open" src="images/share.svg"> - <img class="button close" src="images/close.svg"> - <label for="social">Nous contacter</label> - <div class="content"> - <a class="lang" href=""> - EN - </a> - <a href="https://www.facebook.com/quatuorbellefeuille/" - target="_blank" rel="noreferrer noopener"> - <img src="images/facebook-logo.svg"> - </a> - <a href="https://www.instagram.com/quatuor.bellefeuille/" - target="_blank" rel="noreferrer noopener"> - <img src="images/instagram-logo.svg"> - </a> - <a href="" - target="_blank" rel="noreferrer noopener"> - <img src="images/youtube-logo.svg"> - </a> - <a class="contact" href="contact.html"> - contact - </a> - </div> + <footer class="social"> + <a class="lang" href=""> + EN + </a> + <a href="https://www.facebook.com/quatuorbellefeuille/" + target="_blank" rel="noreferrer noopener"> + <img src="images/facebook-logo.svg"> + </a> + <a href="https://www.instagram.com/quatuor.bellefeuille/" + target="_blank" rel="noreferrer noopener"> + <img src="images/instagram-logo.svg"> + </a> + <a href="" + target="_blank" rel="noreferrer noopener"> + <img src="images/youtube-logo.svg"> + </a> + <a class="contact" href="contact.html"> + contact + </a> </footer> <footer class="legal"> |