-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
84 lines (72 loc) · 4.36 KB
/
blog.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Gion Arto</title>
<!--Bootstrap CSS-->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<!--FontAwesome-->
<!--link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"-->
<link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<!--Your CSS-->
<link href="blog_css.css" rel="stylesheet" type='text/css'>
<!--Google Web Fonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" class="active" href="blog.html" >Home</a>
</div>
<!--img src= "photos_blog/Gionartologo.png"-->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="photo.html">Photo</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="video.html">Video</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<h1><img width ="250px" text-align="center" src="photos_blog/Gionartologo.png"> </br></h1>
<section>
<h2>Biographie</h2>
<article>
<p>"Elevé aux grincements du folk américain et de la nostalgie de Gainsbourg et Baschung, le personnage de Gion Arto s’accroche aux wagons de cette digne lignée. Soul, folk et blues accoudés à une french touch, s’entrelacent ici dans une harmonie délicieuse. Ecouter Gion Arto, c’est se prêter à une chevauchée mélodique, tour à tour heureuse ou malheureuse.</p>
<p>
D’une voix qui se fait le prolongement d’une cicatrice, la rythmique s’y abandonne et s’y conjugue comme une caresse. Joliment calibrés, la douceur des accords dissonent avec mélancolie du phrasé et poésie désaxée. Un tout qui se construit comme l’écho d’un échappatoire autant pour le public, que pour son interprète.</p>
<p>
Don Juan éconduits, âmes écorchées, Gion Arto conte des personnages souvent épris de solitude. Il aime à passer au crible ces vieux pirates et gangsters, ces mis au ban, ces boiteux de la vie, les dépeindre à coup de grattes, et les animer d’un refrain. Avec une dérision sibylline, Gion Arto jongle habilement avec leurs traits et émaille ces trajectoires insolites. </p>
<p>
Quant à l’inspiration, l'artiste se grippe d’une rythmique charmeuse, d’une jolie tournure, prend la plume et s’embrase. Il y a aux avants postes la guitare grincheuse et la cadence chaloupée, mais l’essence Gion Arto se reconnaît avant tout par une prose fredonnée.</p>
<p>
Dans la longue vue, cet esthète des mots cristallise un style américain en France, à mi chemin entre Dylan et Gainsbourg. Au sommet de son âge de raison, il a déjà égrainé sa folk sur les roads américaines et s’enquiert d’envoûter la foule française."</p>
<p class="citation">par Pauline Ferrero</p>
</article>
</section>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="application.js"></script>
</body>
<footer>
<div class="container">
<div class="row">
<a href="https://www.facebook.com/pages/Gion-Arto/415022181932840" class="col-md-4" > <img src= "photos_blog/facebook.png" width="18px" alt="logo facebook">Facebook </a>
<a href= "https://soundcloud.com/gionarto"class="col-md-4"> <img src= "photos_blog/soundcloud.png" width="18px" alt="logo soundcloud">Soundcloud </a>
<p class="col-md-4"> Gion Arto 2014/Tous droits réservés </p>
</div>
</div>
</footer>
</html>