blob: 09894a26ff5790ebfdcfedf885829397a5c7ede8 (
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
|
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>{TITLE} - Quatuor Bellefeuille</title>
<meta name="description" content="Bienvenue sur le site internet du quatuor Bellefeuille, jeune quatuor à cordes français dynamique et sensible dont la vocation est d’explorer et partager la richesse et la diversité du répertoire du genre. Depuis 2019, le quatuor Bellefeuille est membre du Dimore del Quartetto. Le quatuor est constitué de Sophie Guille des Buttes, David Forest, Hervé Blandinières et Enguerrand Bontoux.">
<meta name="keywords" content="quatuor à cordes français, musique de chambre, quatuor Bellefeuille">
<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>Quatuor Bellefeuille</h1>
</a>
</header>
<a class="lang" href="en/{TRANSLATION}.html">
EN
</a>
<nav class="menu">
<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="concerts.html">Concerts</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/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>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="concerts.html">Concerts</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">
<a class="lang" href="en/{TRANSLATION}.html">
EN
</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>
Mentions légales
- Icônes adaptées de : <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>
- Plan du site
</p>
</footer>
</body>
</html>
|
