template.html (5289B)
1 <!DOCTYPE html> 2 <html lang="fr"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>{TITLE} — Quatuor Bellefeuille</title> 7 <meta name="description" content="Bienvenue sur le site du quatuor Bellefeuille, jeune quatuor à cordes français dynamique dont la vocation est de partager la richesse du répertoire."> 8 <meta name="keywords" content="quatuor à cordes français, musique de chambre, quatuor Bellefeuille, musique classique, violon, alto, violoncelle"> 9 <!-- OpenGraph metadata --> 10 <meta property="og:url" content="https://{DOMAIN}/{URI}"> 11 <meta property="og:type" content="website"> 12 <meta property="og:title" content="{TITLE} — Quatuor Bellefeuille"> 13 <meta property="og:description" content="Bienvenue sur le site du quatuor Bellefeuille !"> 14 <meta property="og:image" content="https://{DOMAIN}/images/photos/PierreVaillant1.jpg"> 15 <!-- Twitter metadata --> 16 <!-- Favicon, stylesheets, fonts --> 17 <link rel="icon" href="images/favicon.svg"> 18 <link rel="stylesheet" href="stylesheets/commun.css"> 19 <link rel="stylesheet" href="stylesheets/fonts.css"> 20 {STYLESHEETS} 21 <link rel="alternate" type="application/rss+xml" href="feed.xml"> 22 </head> 23 <body> 24 <header class="slidingmenu"> 25 <input type="checkbox"> 26 <img class="button open" src="images/menu{ICONCOLOR}.svg" alt="Ouvrir le menu"> 27 <div class="content"> 28 <img class="button close" src="images/close.svg" alt="Fermer le menu"> 29 <header class="banner"> 30 <a href="index.html"> 31 <img src="images/logo.svg" alt="Logo du quatuor"> 32 <h1>Quatuor Bellefeuille</h1> 33 </a> 34 </header> 35 <a class="lang" href="en/{TRANSLATION}.html"> 36 EN 37 </a> 38 <nav class="menu"> 39 <ol> 40 <li class="dropdown"><a href="quatuor.html">Le quatuor</a> 41 <ul> 42 <li><a href="sophie.html">Sophie</a></li> 43 <li><a href="david.html">David</a></li> 44 <li><a href="hervé.html">Hervé</a></li> 45 <li><a href="enguerrand.html">Enguerrand</a></li> 46 </ul> 47 </li> 48 <li><a href="concerts.html">Concerts</a></li> 49 <li><a href="programmes.html">Programmes</a></li> 50 <li><a href="galerie.html">Galerie</a></li> 51 <li><a href="contact.html">Contact</a></li> 52 </ol> 53 </nav> 54 <nav class="social"> 55 <ul> 56 <li> 57 <a href="https://www.facebook.com/quatuorbellefeuille/" 58 target="_blank" rel="noreferrer noopener"> 59 <img src="images/social/facebook.svg" alt="Visiter notre page Facebook"> 60 </a> 61 </li> 62 <li> 63 <a href="https://www.instagram.com/quatuor.bellefeuille/" 64 target="_blank" rel="noreferrer noopener"> 65 <img src="images/social/instagram.svg" alt="Visiter notre galerie Instagram"> 66 </a> 67 </li> 68 <li> 69 <a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts" 70 target="_blank" rel="noreferrer noopener"> 71 <img src="images/social/youtube.svg" alt="Visiter notre playlist YouTube"> 72 </a> 73 </li> 74 </ul> 75 </nav> 76 </div> 77 </header> 78 79 <header class="banner"> 80 <a href="index.html"> 81 <img src="images/logo{ICONCOLOR}.svg" alt="Logo du quatuor"> 82 <h1>Quatuor Bellefeuille</h1> 83 </a> 84 </header> 85 86 <header class="menu"> 87 <nav> 88 <ol> 89 <li class="dropdown"><a href="quatuor.html">Le quatuor</a> 90 <ul> 91 <li><a href="sophie.html">Sophie</a></li> 92 <li><a href="david.html">David</a></li> 93 <li><a href="hervé.html">Hervé</a></li> 94 <li><a href="enguerrand.html">Enguerrand</a></li> 95 </ul> 96 </li> 97 <li><a href="concerts.html">Concerts</a></li> 98 <li><a href="programmes.html">Programmes</a></li> 99 <li><a href="galerie.html">Galerie</a></li> 100 </ol> 101 </nav> 102 </header> 103 104 {MAIN} 105 106 <footer class="social"> 107 <a class="lang" href="en/{TRANSLATION}.html"> 108 EN 109 </a> 110 <a href="https://www.facebook.com/quatuorbellefeuille/" 111 target="_blank" rel="noreferrer noopener"> 112 <img src="images/social/facebook{ICONCOLOR}.svg" alt="Visiter notre page Facebook"> 113 </a> 114 <a href="https://www.instagram.com/quatuor.bellefeuille/" 115 target="_blank" rel="noreferrer noopener"> 116 <img src="images/social/instagram{ICONCOLOR}.svg" alt="Visiter notre galerie Instagram"> 117 </a> 118 <a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts" 119 target="_blank" rel="noreferrer noopener"> 120 <img src="images/social/youtube{ICONCOLOR}.svg" alt="Visiter notre playlist YouTube"> 121 </a> 122 <a class="contact" href="contact.html"> 123 Contact 124 </a> 125 </footer> 126 127 <footer class="legal"> 128 <p> 129 <a href="légal.html">Mentions légales</a> — <a href="plan.html">Plan du site</a> 130 </p> 131 </footer> 132 </body> 133 </html>