blob: 02408a762b0cd24c9407d1503dc53d977feb6c0d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>{TITLE} — Bellefeuille Quartet</title>
<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.">
<meta name="keywords" content="Bellefeuille quartet, French string quartet, chamber music, classical music, violin, viola, cello">
<!-- OpenGraph metadata -->
<meta property="og:url" content="https://{DOMAIN}/{URI}">
<meta property="og:type" content="website">
<meta property="og:title" content="{TITLE} — Bellefeuille Quartet">
<meta property="og:description" content="Welcome to the website of the Bellefeuille quartet!">
<meta property="og:image" content="https://{DOMAIN}/images/photos/PierreVaillant1.jpg">
<!-- Twitter metadata -->
<!-- Favicon, stylesheets, fonts -->
<link rel="icon" href="../images/favicon.svg">
<link rel="stylesheet" href="../stylesheets/commun.css">
<link rel="stylesheet" href="../stylesheets/fonts.css">
{STYLESHEETS}
<link rel="alternate" type="application/rss+xml" href="feed.xml">
</head>
<body>
<header class="slidingmenu">
<input type="checkbox">
<img class="button open" src="../images/menu{ICONCOLOR}.svg" alt="Open menu">
<div class="content">
<img class="button close" src="../images/close.svg" alt="Close menu">
<header class="banner">
<a href="index.html">
<img src="../images/logo.svg" alt="Quartet logo">
<h1>Bellefeuille Quartet</h1>
</a>
</header>
<a class="lang" href="../{TRANSLATION}.html">
FR
</a>
<nav class="menu">
<ol>
<li class="dropdown"><a href="quartet.html">The quartet</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="concerts.html">Concerts</a></li>
<li><a href="programs.html">Programs</a></li>
<li><a href="gallery.html">Gallery</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/social/facebook.svg" alt="Visit our Facebook page">
</a>
</li>
<li>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/instagram.svg" alt="Visit our Instagram gallery">
</a>
</li>
<li>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/youtube.svg" alt="Visit our YouTube playlist">
</a>
</li>
</ul>
</nav>
</div>
</header>
<header class="banner">
<a href="index.html">
<img src="../images/logo{ICONCOLOR}.svg" alt="Quartet logo">
<h1>Bellefeuille Quartet</h1>
</a>
</header>
<header class="menu">
<nav>
<ol>
<li class="dropdown"><a href="quartet.html">The quartet</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="concerts.html">Concerts</a></li>
<li><a href="programs.html">Programs</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ol>
</nav>
</header>
{MAIN}
<footer class="social">
<a class="lang" href="../{TRANSLATION}.html">
FR
</a>
<a href="https://www.facebook.com/quatuorbellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/facebook{ICONCOLOR}.svg" alt="Visit our Facebook page">
</a>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/instagram{ICONCOLOR}.svg" alt="Visit our Instagram gallery">
</a>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/youtube{ICONCOLOR}.svg" alt="Visit our YouTube playlist">
</a>
<a class="contact" href="contact.html">
Contact
</a>
</footer>
<footer class="legal">
<p>
<a href="legal.html">Legal notice</a> — <a href="sitemap.html">Site map</a>
</p>
</footer>
</body>
</html>
|
