140 lines
6.4 KiB
HTML
140 lines
6.4 KiB
HTML
<!DOCTYPE HTML>
|
||
<!--
|
||
Site Web du groupe de musique CHARIENKO
|
||
Basé sur le template Dimension de HTML5 UP ( html5up.net | @ajlkn )
|
||
-->
|
||
<html>
|
||
<head>
|
||
<title>CHARIENKO</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<link rel="icon" href="images/icon.png" type="image/x-icon" />
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
||
</head>
|
||
<body class="is-preload">
|
||
|
||
<!-- Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Header -->
|
||
<header id="header">
|
||
<nav>
|
||
<ul>
|
||
<li><a href="#intro">Intro</a></li>
|
||
<li><a href="#prez">Couplet</a></li>
|
||
<li><a href="#photos">Refrain</a></li>
|
||
<li><a href="#contact">Solo</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<!-- Main -->
|
||
<div id="main">
|
||
|
||
<!-- Intro -->
|
||
<article id="intro">
|
||
<h2 class="major">CHARIENKO</h2>
|
||
<p>
|
||
Charienko, un groupe nantais, imprégné de musique des Balkans, du swing tzigane, </br>
|
||
une énergie gaie et entrainante qui vous fait voyager, en Europe et ailleurs...</br>
|
||
</br>
|
||
Au commencement, un père apprenait le jazz manouche à sa fille - un copain est venu </br>
|
||
taper le rythme avec elle, une clarinettiste affûtée y a mis son grain de sel et un jeune </br>
|
||
accordéoniste, qui en avait déjà fait de belles, a ajouté sa pierre à l'édifice...</br>
|
||
</br>
|
||
</p>
|
||
</article>
|
||
|
||
<!-- Présentation du groupe -->
|
||
<article id="prez">
|
||
<h2 class="major">Le groupe</h2>
|
||
<span class="image main"><img src="images/Antoine.jpg" alt="" /></span>
|
||
<h3>ANTOINE</h3>
|
||
<p>
|
||
Autodidacte et amoureux de la musique, du jazz à l’électronique en passant par le rap et les musiques du monde,
|
||
il fait battre le coeur de ses Komarades en tenant la pulsation. Ses outils ? La guitare, le cajon ou la basse,
|
||
il n’hésite pas non plus à taper du pied et à faire vibrer les cymbalettes.
|
||
</p>
|
||
<span class="image main"><img src="images/Claire.jpg" alt="" /></span>
|
||
<h3>CLAIRE</h3>
|
||
<p>
|
||
Internationaliste de coeur, elle a grandit au son des guitares manouche et flamenca mais a la passion secrète
|
||
des musiques extrêmes. Linguiste et poète, elle voyage. Son moyen de transport préféré ? Le train, là où les
|
||
langues se confondent.
|
||
</p>
|
||
<span class="image main"><img src="images/Jacques.jpg" alt="" /></span>
|
||
<h3>JACQUES</h3>
|
||
<p>
|
||
Un transmetteur du language par lequel il exprime ses émotions depuis plus d’une trentaine d’années déjà. Il a
|
||
écouté Ravi Shankar, chanté du Brassens et du Ferré. Il en a bu des coupes pleines de jazz, s’en est tellement
|
||
enivré qu’il en a fait son métier. Avide de découvertes, il joue volontiers ce que les autres ont à dire.
|
||
</p>
|
||
<span class="image main"><img src="images/Laurence.jpg" alt="" /></span>
|
||
<h3>LAURENCE</h3>
|
||
<p>
|
||
Elle connaît les mystères classico-mélodiques et déchiffre la portée aussi vite que son ombre. Elle a le souci
|
||
du détail mais ne s’interdit pas de belles envolées acrobatiques quand le coeur lui en dit. Un petit pécher mignon ?
|
||
Les jeux ( on se ferait pas une petite partie de ton Galèrapagos ? )
|
||
</p>
|
||
<span class="image main"><img src="images/Pamphile.jpg" alt="" /></span>
|
||
<h3>PAMPHILE</h3>
|
||
<p>
|
||
On a pour habitude de dire qu’il est tombé dans la soupe musicale étant petit, outre le fait qu’il aime bien manger,
|
||
c’est indéniablement un virtuose de l’accordéon. Petite libellule sans cesse en quête de nouvelles inspirations,
|
||
il joue pour le théâtre, crée ses propres courts-métrage, s’adonne au rock celtique, rien ne semble l’arrêter !
|
||
</p>
|
||
</article>
|
||
|
||
<!-- Photos du groupe -->
|
||
<article id="photos">
|
||
<h2 class="major">En concert...</h2>
|
||
<span class="image main"><img src="images/01.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/02.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/03.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/04.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/05.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/06.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/07.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/08.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/09.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/10.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/11.jpg" alt=""/></span>
|
||
<span class="image main"><img src="images/12.jpg" alt=""/></span>
|
||
</article>
|
||
|
||
<!-- Contact -->
|
||
<article id="contact">
|
||
<h2 class="major">Contact</h2>
|
||
<form action="https://formspree.io/f/xpzkbdgd" method="POST">
|
||
<div class="fields">
|
||
<div class="field">
|
||
<label for="message">Message</label>
|
||
<textarea name="message" id="message" rows="4"></textarea>
|
||
</div>
|
||
</div>
|
||
<ul class="actions">
|
||
<li><input type="submit" value="Envoyer Message" class="primary" /></li>
|
||
<li><input type="reset" value="Reset" /></li>
|
||
</ul>
|
||
</form>
|
||
<ul class="icons">
|
||
<li><a href="https://fr-fr.facebook.com/charienko.band" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
|
||
<li><a href="https://soundcloud.com/charienko" class="icon brands fa-soundcloud"><span class="label">Soundcloud</span></a></li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- BG -->
|
||
<div id="bg"></div>
|
||
|
||
<!-- Scripts -->
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/js/browser.min.js"></script>
|
||
<script src="assets/js/breakpoints.min.js"></script>
|
||
<script src="assets/js/util.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
|
||
</body>
|
||
</html> |