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
|
<!DOCTYPE html>
<html lang="fr">
<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, dynamic and sensitive, whose vocation lies in exploring and sharing the richness and diversity of the classical music repertoire. The Bellefeuille quartet has joined the network of Le Dimore del Quartetto and is invited to Musique à Flaine. The quartet consists of Sophie Guille des Buttes, David Forest, Hervé Blandinières and Enguerrand Bontoux.">
<meta name="keywords" content="Bellefeuille quartet, French string quartet, chamber music, classical music, violin, viola, cello">
<link rel="icon" href="../images/favicon.svg">
<link rel="stylesheet" href="../stylesheets/commun.css">
{STYLESHEETS}
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@1,500&display=swap" rel="stylesheet">
<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">
<div class="content">
<img class="button close" src="../images/close.svg">
<header class="banner">
<a href="index.html">
<img src="../images/logo.svg"
alt="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">
</a>
</li>
<li>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/instagram.svg">
</a>
</li>
<li>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/youtube.svg">
</a>
</li>
</ul>
</nav>
</div>
</header>
<header class="banner">
<a href="index.html">
<img src="../images/logo{ICONCOLOR}.svg"
alt="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">
</a>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/instagram{ICONCOLOR}.svg">
</a>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
<img src="../images/social/youtube{ICONCOLOR}.svg">
</a>
<a class="contact" href="contact.html">
Contact
</a>
</footer>
<footer class="legal">
<p>
Legal mentions
- Icons adapted from : <a href="https://feathericons.com">Feather</a> ; <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
- Site map
</p>
</footer>
</body>
</html>
|
