src/pages/index.astro


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

---
import "../scss/style.scss";
import ImageBackground from "../component/ImageBackground.astro";
---

<html lang="fr">
<head>
  <meta charset="utf-8"/>
  <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
  <meta name="viewport" content="width=device-width"/>
  <meta name="generator" content={Astro.generator}/>
  <title>Arnaud Hergès</title>
</head>
<body>
<header>
  <h1>Arnaud Hergès</h1>
  <div class="tags">
    <p class="tag">batteur</p>
    <p class="tag">-</p>
    <p class="tag">compositeur</p>
    <p class="tag">-</p>
    <p class="tag">producteur</p>
    <p class="tag">-</p>
    <p class="tag">références</p>
    <p class="tag">-</p>
    <p class="tag">contact</p>
  </div>
</header>
</body>
<main>
  <article class="batteur">
    <ImageBackground>
      <img src="https://placehold.co/600x400"/>
      <img src="https://placehold.co/500x200"/>
      <img src="https://placehold.co/400x400"/>
      <img src="https://placehold.co/600x400"/>
      <img src="https://placehold.co/800x400"/>
      <img src="https://placehold.co/600x400"/>
      <img src="https://placehold.co/600x400"/>
      <img src="https://placehold.co/600x400"/>
    </ImageBackground>
    <div class="content">
      <div class="content__header">
        <h2>Batteur</h2>
        <h3>Studio & Live</h3>
      </div>
      <p>
        A tous les âges, sur tous les kits et avec toutes les coupes de cheveux, cela fait 40
        ans que la batterie m’accompagne et qu’elle me suit pour agrémenter vos concerts et vos
        séances des meilleures «&thinsp;rythmiques&thinsp;» possibles.
      </p>
      <p>
        Quelque soit le style, sur partition ou sur séquence, sur acoustique, électronique ou de
        mon spd-sx, au clic ou au feeling, ce sont plus de 800 concerts en salles, événements et
        festivals et des dizaines de titres déjà enregistrés en studio.
      </p>
      <p>
        Jamais rassasié, je suis toujours dispo pour de futurs projets, qu’ils soient scéniques
        ou enregistrés. Contactez-moi pour en parler&thinsp;!
      </p>
    </div>
  </article>
</main>
</html>