diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-03-04 00:36:22 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-03-04 00:36:22 +0100 |
| commit | a19e92a310f15a107b214c691758e0da22182460 (patch) | |
| tree | c42db73f931cc29fac2baa9a884fbabe33cfd86c /template.html | |
| parent | 0c81bede2a57ca4d1bb9756057bbeef919e08833 (diff) | |
| parent | bb323265493d7400a2b19b181fe9e1f420f67bd5 (diff) | |
| download | quatuorbellefeuille.com-a19e92a310f15a107b214c691758e0da22182460.tar.xz | |
Merge branch 'menu-mobile'
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"> |