ajout du contenu, photo et trombi
Antoine Ouvrard
@ -221,7 +221,7 @@ input, select, textarea {
|
|||||||
.container {
|
.container {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
width: 1140px;
|
width: 1380px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 1680px) {
|
@media screen and (max-width: 1680px) {
|
||||||
|
|||||||
BIN
images/.DS_Store
vendored
Normal file
BIN
images/Antoine.jpg
Normal file
|
After Width: | Height: | Size: 736 KiB |
BIN
images/Claire.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/Jacques.jpg
Normal file
|
After Width: | Height: | Size: 875 KiB |
BIN
images/Laurence.jpg
Normal file
|
After Width: | Height: | Size: 836 KiB |
BIN
images/Pamphile.jpg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/photos/01.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 201 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/photos/Claire(N&B)_Photo09_13.jpg
Normal file
|
After Width: | Height: | Size: 1003 KiB |
BIN
images/photos/IMG_8417.jpg
Normal file
|
After Width: | Height: | Size: 4.2 MiB |
BIN
images/photos/IMG_8437.jpg
Normal file
|
After Width: | Height: | Size: 3.9 MiB |
BIN
images/photos/IMG_8467.jpg
Normal file
|
After Width: | Height: | Size: 4.2 MiB |
BIN
images/photos/IMG_8502.jpg
Normal file
|
After Width: | Height: | Size: 4.2 MiB |
BIN
images/photos/IMG_8504.jpg
Normal file
|
After Width: | Height: | Size: 4.1 MiB |
BIN
images/photos/IMG_8505.jpg
Normal file
|
After Width: | Height: | Size: 3.9 MiB |
BIN
images/photos/IMG_8571.jpg
Normal file
|
After Width: | Height: | Size: 3.0 MiB |
BIN
images/photos/IMG_8630.jpg
Normal file
|
After Width: | Height: | Size: 5.2 MiB |
BIN
images/photos/Jacques(sax)_P1100593.JPG
Normal file
|
After Width: | Height: | Size: 204 KiB |
BIN
images/photos/Ko_Photo.jpeg
Normal file
|
After Width: | Height: | Size: 186 KiB |
BIN
images/photos/Laurence_DSC_0229.JPG
Normal file
|
After Width: | Height: | Size: 146 KiB |
BIN
images/photos/PA200350.JPG
Normal file
|
After Width: | Height: | Size: 3.3 MiB |
BIN
images/photos/PA200360.JPG
Normal file
|
After Width: | Height: | Size: 3.0 MiB |
BIN
images/photos/PA200363.JPG
Normal file
|
After Width: | Height: | Size: 3.0 MiB |
BIN
images/photos/PA200367.JPG
Normal file
|
After Width: | Height: | Size: 2.9 MiB |
BIN
images/photos/PA200368.JPG
Normal file
|
After Width: | Height: | Size: 3.1 MiB |
BIN
images/photos/Part_IMG_8357.JPG
Normal file
|
After Width: | Height: | Size: 6.3 MiB |
BIN
images/photos/sans titre-0466.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
images/photos/sans titre-0470.jpg
Normal file
|
After Width: | Height: | Size: 715 KiB |
BIN
images/photos/sans titre-0473.jpg
Normal file
|
After Width: | Height: | Size: 934 KiB |
BIN
images/photos/sans titre-0476.jpg
Normal file
|
After Width: | Height: | Size: 882 KiB |
BIN
images/photos/sans titre-0483.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
images/photos/sans titre-0485.jpg
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
images/photos/sans titre-0502.jpg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/photos/sans titre-0510.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
images/photos/sans titre-0516.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/photos/sans titre-0518.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
images/photos/sans titre-0520.jpg
Normal file
|
After Width: | Height: | Size: 816 KiB |
BIN
images/photos/sans titre-0538.jpg
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
images/photos/sans titre-0539.jpg
Normal file
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/photos/sans titre-0546.jpg
Normal file
|
After Width: | Height: | Size: 1021 KiB |
BIN
images/photos/sans titre-0552.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/photos/sans titre-0560.jpg
Normal file
|
After Width: | Height: | Size: 1.2 MiB |
BIN
images/photos/sans titre-0562.jpg
Normal file
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/photos/sans titre-0564.jpg
Normal file
|
After Width: | Height: | Size: 1.5 MiB |
87
index.html
@ -4,7 +4,7 @@
|
|||||||
html5up.net | @ajlkn
|
html5up.net | @ajlkn
|
||||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||||
-->
|
-->
|
||||||
<html>
|
<html lang="fr">
|
||||||
<head>
|
<head>
|
||||||
<title>CharienkO</title>
|
<title>CharienkO</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
@ -16,13 +16,15 @@
|
|||||||
|
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
<section id="header">
|
<section id="header">
|
||||||
<!-- <header>
|
<!--
|
||||||
|
<header>
|
||||||
<h1>CHARIENKO</h1>
|
<h1>CHARIENKO</h1>
|
||||||
<p>Musique du monde</p>
|
<p>Musique du monde</p>
|
||||||
</header> -->
|
</header>
|
||||||
<!-- <footer>
|
<footer>
|
||||||
<a href="#banner" class="button style2 scrolly-middle">Musique du monde</a>
|
<a href="#banner" class="button style2 scrolly-middle">Musique du monde</a>
|
||||||
</footer> -->
|
</footer>
|
||||||
|
-->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<article class="container box style2">
|
<article class="container box style2">
|
||||||
@ -46,39 +48,90 @@
|
|||||||
</section> -->
|
</section> -->
|
||||||
|
|
||||||
<!-- Feature 1 -->
|
<!-- Feature 1 -->
|
||||||
<article id="first" class="container box style1 right">
|
<article id="first" class="container box style1 left">
|
||||||
<a href="#" class="image fit"><img src="images/pic01.jpg" alt="" /></a>
|
<a href="#" class="image fit"><img src="images/Antoine.jpg" alt="" /></a>
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<header>
|
<header>
|
||||||
<h2>Lorem ipsum<br />
|
<h2>Antoine</h2>
|
||||||
dolor sit amet</h2>
|
|
||||||
</header>
|
</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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Feature 2 -->
|
<!-- Feature 2 -->
|
||||||
<article class="container box style1 left">
|
<article class="container box style1 right">
|
||||||
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
|
<a href="#" class="image fit"><img src="images/Claire.jpg" alt="" /></a>
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<header>
|
<header>
|
||||||
<h2>Mollis posuere<br />
|
<h2>Claire</h2>
|
||||||
lectus lacus</h2>
|
|
||||||
</header>
|
</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>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<!-- Portfolio -->
|
<!-- Portfolio -->
|
||||||
<article class="container box style2">
|
<article class="container box style2">
|
||||||
<header>
|
<header>
|
||||||
<h2>Magnis parturient</h2>
|
<h2>Photos</h2>
|
||||||
|
<!--
|
||||||
<p>Justo phasellus et aenean dignissim<br />
|
<p>Justo phasellus et aenean dignissim<br />
|
||||||
placerat cubilia purus lectus.</p>
|
placerat cubilia purus lectus.</p>
|
||||||
|
-->
|
||||||
|
|
||||||
</header>
|
</header>
|
||||||
<div class="inner gallery">
|
<div class="inner gallery">
|
||||||
<div class="row gtr-0">
|
<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/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/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>
|
<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>
|
||||||
|
|||||||