diff options
| author | William Hergès <william@herges.fr> | 2025-08-09 16:04:22 +0200 |
|---|---|---|
| committer | William Hergès <william@herges.fr> | 2025-08-09 16:04:22 +0200 |
| commit | c73e8682e119e8f3f88fb8b5dd401ffc5c72afb0 (patch) | |
| tree | afe5c0b8d47042843189a14042d7fa30c2aaa0db /src/pages | |
| parent | 1c68d9c6e79214d366fa67c8ecbbccbc782b7b5c (diff) | |
feat(batteur): background images
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 112 |
1 files changed, 56 insertions, 56 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro index 1d6dee5..b43b927 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -4,61 +4,61 @@ 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> + <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> - <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 « rythmiques » 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 ! - </p> - </div> - </article> -</main> + </header> + </body> + <main> + <article class="batteur"> + <ImageBackground height="500"> + <img src="/batteur/old.jpg" /> + <img src="/batteur/dark_scene.jpg" /> + <img src="/batteur/mid_rock.jpg" /> + <img src="/batteur/black_and_white.jpg" /> + <img src="/batteur/old2.jpg" /> + <img src="/batteur/mid_outdoor.jpg" /> + <img src="/batteur/mid_rock2.jpg" /> + <img src="/batteur/recent.jpg" /> + </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 « rythmiques » 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 ! + </p> + </div> + </article> + </main> </html> |