template.html (5254B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width"> 6 <title>{TITLE} — Bellefeuille Quartet</title> 7 <meta name="description" content="Welcome to the website of the Bellefeuille quartet, a young French string quartet whose vocation lies in sharing the richness of the repertoire."> 8 <meta name="keywords" content="Bellefeuille quartet, French string quartet, chamber music, classical music, violin, viola, cello"> 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} — Bellefeuille Quartet"> 13 <meta property="og:description" content="Welcome to the website of the Bellefeuille quartet!"> 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="Open menu"> 27 <div class="content"> 28 <img class="button close" src="../images/close.svg" alt="Close menu"> 29 <header class="banner"> 30 <a href="index.html"> 31 <img src="../images/logo.svg" alt="Quartet logo"> 32 <h1>Bellefeuille Quartet</h1> 33 </a> 34 </header> 35 <a class="lang" href="../{TRANSLATION}.html"> 36 FR 37 </a> 38 <nav class="menu"> 39 <ol> 40 <li class="dropdown"><a href="quartet.html">The quartet</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="programs.html">Programs</a></li> 50 <li><a href="gallery.html">Gallery</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="Visit our Facebook page"> 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="Visit our Instagram gallery"> 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="Visit our YouTube playlist"> 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="Quartet logo"> 82 <h1>Bellefeuille Quartet</h1> 83 </a> 84 </header> 85 86 <header class="menu"> 87 <nav> 88 <ol> 89 <li class="dropdown"><a href="quartet.html">The quartet</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="programs.html">Programs</a></li> 99 <li><a href="gallery.html">Gallery</a></li> 100 </ol> 101 </nav> 102 </header> 103 104 {MAIN} 105 106 <footer class="social"> 107 <a class="lang" href="../{TRANSLATION}.html"> 108 FR 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="Visit our Facebook page"> 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="Visit our Instagram gallery"> 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="Visit our YouTube playlist"> 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="legal.html">Legal notice</a> — <a href="sitemap.html">Site map</a> 130 </p> 131 </footer> 132 </body> 133 </html>