135 lines
5.9 KiB
HTML
135 lines
5.9 KiB
HTML
<!DOCTYPE HTML>
|
||
<!--
|
||
Dimension by HTML5 UP
|
||
html5up.net | @ajlkn
|
||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
-->
|
||
<html>
|
||
<head>
|
||
<title>CHARIENKO</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<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="#work">Couplet</a></li>
|
||
<li><a href="#about">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>
|
||
Groupe de musique du monde</br>
|
||
Produit des bonnes ondes de musique tzigane dans la région nantaise.
|
||
</p>
|
||
</article>
|
||
|
||
<!-- Work -->
|
||
<article id="work">
|
||
<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>
|
||
|
||
<!-- About -->
|
||
<article id="about">
|
||
<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> |