blob: bb112b070196cf783bfd3de57b5f0e1d6eef8b17 (
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="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 du quatuor Bellefeuille, jeune quatuor à cordes français dynamique dont la vocation est de partager la richesse du répertoire.">
<meta name="keywords" content="quatuor à cordes français, musique de chambre, quatuor Bellefeuille, musique classique, violon, alto, violoncelle">
<!-- OpenGraph metadata -->
<meta property="og:url" content="https://{DOMAIN}/{URI}">
<meta property="og:type" content="website">
<meta property="og:title" content="{TITLE} — Quatuor Bellefeuille">
<meta property="og:description" content="Bienvenue sur le site du quatuor Bellefeuille !">
<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="Ouvrir le menu">
<div class="content">
<img class="button close" src="images/close.svg" alt="Fermer le menu">
<header class="banner">
<a href="index.html">
<img src="images/logo.svg" alt="Logo du quatuor">
<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" alt="Visiter notre page Facebook">
</a>
</li>
<li>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="images/social/instagram.svg" alt="Visiter notre galerie Instagram">
</a>
</li>
<li>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
<img src="images/social/youtube.svg" alt="Visiter notre playlist YouTube">
</a>
</li>
</ul>
</nav>
</div>
</header>
<header class="banner">
<a href="index.html">
<img src="images/logo{ICONCOLOR}.svg" alt="Logo du quatuor">
<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" alt="Visiter notre page Facebook">
</a>
<a href="https://www.instagram.com/quatuor.bellefeuille/"
target="_blank" rel="noreferrer noopener">
<img src="images/social/instagram{ICONCOLOR}.svg" alt="Visiter notre galerie Instagram">
</a>
<a href="https://www.youtube.com/playlist?list=PLtRSY8N4Fwcmh7e5lVPzQIqTukRRwHfts"
target="_blank" rel="noreferrer noopener">
<img src="images/social/youtube{ICONCOLOR}.svg" alt="Visiter notre playlist YouTube">
</a>
<a class="contact" href="contact.html">
Contact
</a>
</footer>
<footer class="legal">
<p>
<a href="légal.html">Mentions légales</a> — <a href="plan.html">Plan du site</a>
</p>
</footer>
</body>
</html>
|
