antoine/sitecharienko
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ajout du contenu, photo et trombi

Browse Source
This commit is contained in:
Antoine Ouvrard
2021-04-12 10:16:41 +02:00
parent b0afdbb4f2
commit 694a771ee9
47 changed files with 72 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
index.html
View File

@ -4,7 +4,7 @@
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<html lang="fr">
<head>
<title>CharienkO</title>
<meta charset="utf-8" />
@ -16,13 +16,15 @@
<!-- Header -->
<section id="header">
<!-- <header>
<!--
<header>
<h1>CHARIENKO</h1>
<p>Musique du monde</p>
</header> -->
<!-- <footer>
</header>
<footer>
<a href="#banner" class="button style2 scrolly-middle">Musique du monde</a>
</footer> -->
</footer>
-->
</section>
<article class="container box style2">
@ -46,39 +48,90 @@
</section> -->
<!-- Feature 1 -->
<article id="first" class="container box style1 right">
<a href="#" class="image fit"><img src="images/pic01.jpg" alt="" /></a>
<article id="first" class="container box style1 left">
<a href="#" class="image fit"><img src="images/Antoine.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Lorem ipsum<br />
dolor sit amet</h2>
<h2>Antoine</h2>
</header>
<p>Tortor faucibus ullamcorper nec tempus purus sed penatibus. Lacinia pellentesque eleifend vitae est elit tristique velit tempus etiam.</p>
<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>
</div>
</article>
<!-- Feature 2 -->
<article class="container box style1 left">
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
<article class="container box style1 right">
<a href="#" class="image fit"><img src="images/Claire.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Mollis posuere<br />
lectus lacus</h2>
<h2>Claire</h2>
</header>
<p>Rhoncus mattis egestas sed fusce sodales rutrum et etiam ullamcorper. Etiam egestas scelerisque ac duis magna lorem ipsum dolor.</p>
<p>
Internationaliste de coeur, elle a grandit au son des guitares manouche et flamenca mais à 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>
</div>
</article>
<article class="container box style1 left">
<a href="#" class="image fit"><img src="images/Jacques.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Jacques</h2>
</header>
<p>
Un transmetteur du langage par lequel il exprime ses émotions depuis plus d’une trentaine d’année déjà. Il a
écouté les Beatles, chanté du Brassens et du Ferré. Il en a bu des coupes pleine 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>
</div>
</article>
<article class="container box style1 right">
<a href="#" class="image fit"><img src="images/Laurence.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Laurence</h2>
</header>
<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>
</div>
</article>
<article class="container box style1 left">
<a href="#" class="image fit"><img src="images/Pamphile.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Pamphile</h2>
</header>
<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éer ses propres courts-métrage, s’adonne au rock celtique, rien ne semble l’arrêter !
</p>
</div>
</article>
<!-- Portfolio -->
<article class="container box style2">
<header>
<h2>Magnis parturient</h2>
<p>Justo phasellus et aenean dignissim<br />
<h2>Photos</h2>
<!--
<p>Justo phasellus et aenean dignissim<br />
placerat cubilia purus lectus.</p>
-->
</header>
<div class="inner gallery">
<div class="row gtr-0">
<div class="col-3 col-12-mobile"><a href="images/fulls/01.jpg" class="image fit"><img src="images/thumbs/01.jpg" alt="" title="Ad infinitum" /></a></div>
<div class="col-3 col-12-mobile"><a href="images/photos/01.jpg" class="image fit"><img src="images/photos/01.jpg" alt="" title="Concert chez l'habitant" /></a></div>
<div class="col-3 col-12-mobile"><a href="images/fulls/02.jpg" class="image fit"><img src="images/thumbs/02.jpg" alt="" title="Dressed in Clarity" /></a></div>
<div class="col-3 col-12-mobile"><a href="images/fulls/03.jpg" class="image fit"><img src="images/thumbs/03.jpg" alt="" title="Raven" /></a></div>
<div class="col-3 col-12-mobile"><a href="images/fulls/04.jpg" class="image fit"><img src="images/thumbs/04.jpg" alt="" title="I'll have a cup of Disneyland, please" /></a></div>