193 lines
7.2 KiB
HTML
193 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Laurel & Vow. Magazine.</title>
|
|
<meta name="description" content="Studio de photographie de mariage a Paris. Variante magazine.">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="magazine.css">
|
|
<link rel="stylesheet" href="switcher.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="site-header">
|
|
<a class="wordmark" href="#top">Laurel<span>&</span>Vow</a>
|
|
<nav><ul>
|
|
<li><a href="#portfolio">Portfolio</a></li>
|
|
<li><a href="#tarifs">Tarifs</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul></nav>
|
|
</header>
|
|
|
|
<main id="top">
|
|
|
|
<!-- HERO : split 6/6, image carre centree -->
|
|
<section class="hero">
|
|
<div class="hero__copy">
|
|
<p class="tag">Studio. Paris. Etabli en 2018.</p>
|
|
<h1 class="hero__title">
|
|
Photographie<br>
|
|
de mariage<br>
|
|
<span class="hero__title-accent">editoriale.</span>
|
|
</h1>
|
|
<p class="hero__lede">
|
|
Une dizaine d'unions par an, captees avec retenue.
|
|
Approche documentaire, livraison rapide, archives prises au serieux.
|
|
</p>
|
|
<div class="hero__actions">
|
|
<a class="btn btn--primary" href="#portfolio">Voir le portfolio</a>
|
|
<a class="btn btn--ghost" href="#contact">Nous ecrire</a>
|
|
</div>
|
|
</div>
|
|
<figure class="hero__media">
|
|
<img src="https://picsum.photos/seed/laurel-magazine-hero-square-modern/1200/1200"
|
|
alt="Portrait au format carre d'une mariee en interieur, lumiere naturelle."
|
|
width="1200" height="1200" loading="eager" fetchpriority="high">
|
|
<figcaption>Inès et Mathieu, Paris, 09/2025</figcaption>
|
|
</figure>
|
|
</section>
|
|
|
|
<!-- STAT STRIP : trois chiffres simples -->
|
|
<section class="stats">
|
|
<div><strong>~10</strong><span>mariages par an</span></div>
|
|
<div><strong>48h</strong><span>delai de reponse</span></div>
|
|
<div><strong>4 sem.</strong><span>livraison post-mariage</span></div>
|
|
</section>
|
|
|
|
<!-- ABOUT : prose simple, bullet manifeste -->
|
|
<section class="about">
|
|
<div class="about__head">
|
|
<p class="tag">Manifeste</p>
|
|
<h2 class="about__title">Moins de poses, plus de regards.</h2>
|
|
</div>
|
|
<div class="about__cols">
|
|
<p>Nous photographions les mariages intimistes a Paris et ailleurs en France. Notre approche est documentaire : la journee se passe, nous l'enregistrons.</p>
|
|
<p>Pas de mise en scene appuyee. Peu d'interruptions. Beaucoup d'attention aux gens et aux details qu'on oublie souvent.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- PORTFOLIO : bento 1 grande + 2 empilees -->
|
|
<section class="portfolio" id="portfolio">
|
|
<header class="section-head">
|
|
<p class="tag">Selection 2024 et 2025</p>
|
|
<h2 class="section-head__title">Series recentes</h2>
|
|
</header>
|
|
|
|
<div class="bento">
|
|
<article class="bento__cell bento__cell--feature">
|
|
<figure>
|
|
<img src="https://picsum.photos/seed/laurel-magazine-bourgogne-large/1200/1500"
|
|
alt="Treille de vignes au coucher du soleil." width="1200" height="1500" loading="lazy">
|
|
</figure>
|
|
<div class="bento__meta">
|
|
<p class="tag">Bourgogne / 05.2026</p>
|
|
<h3>Hortense et Jules</h3>
|
|
<p>80 invites. Domaine familial. Ceremonie laique en plein air.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="bento__cell">
|
|
<figure>
|
|
<img src="https://picsum.photos/seed/laurel-magazine-paris-small/900/700"
|
|
alt="Cour parisienne en cocktail." width="900" height="700" loading="lazy">
|
|
</figure>
|
|
<div class="bento__meta">
|
|
<p class="tag">Paris 14e / 09.2025</p>
|
|
<h3>Ines et Mathieu</h3>
|
|
<p>55 invites. Mairie puis restaurant intime.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="bento__cell">
|
|
<figure>
|
|
<img src="https://picsum.photos/seed/laurel-magazine-provence-small/900/700"
|
|
alt="Oliviers en Provence." width="900" height="700" loading="lazy">
|
|
</figure>
|
|
<div class="bento__meta">
|
|
<p class="tag">Luberon / 07.2024</p>
|
|
<h3>Camille et Antoine</h3>
|
|
<p>120 invites. Bastide en pierre seche.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- PRICING : tableau comparatif sobre -->
|
|
<section class="pricing" id="tarifs">
|
|
<header class="section-head">
|
|
<p class="tag">Formules 2026</p>
|
|
<h2 class="section-head__title">Trois facons de travailler</h2>
|
|
</header>
|
|
|
|
<div class="plans" role="list">
|
|
<article class="plan" role="listitem">
|
|
<header>
|
|
<p class="tag">01</p>
|
|
<h3>Demi-journee</h3>
|
|
<p class="plan__price">1 800 €</p>
|
|
</header>
|
|
<ul class="plan__includes">
|
|
<li>5 heures de couverture</li>
|
|
<li>Ceremonie + cocktail + debut soiree</li>
|
|
<li>~250 photos retouchees</li>
|
|
<li>Livraison sous 4 semaines</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="plan plan--featured" role="listitem">
|
|
<header>
|
|
<p class="tag">02 / Le plus choisi</p>
|
|
<h3>Journee complete</h3>
|
|
<p class="plan__price">3 200 €</p>
|
|
</header>
|
|
<ul class="plan__includes">
|
|
<li>Preparation jusqu'au bal</li>
|
|
<li>Couverture continue</li>
|
|
<li>~600 photos retouchees</li>
|
|
<li>Un tirage papier offert (30x40)</li>
|
|
<li>Galerie privee 12 mois</li>
|
|
</ul>
|
|
</article>
|
|
|
|
<article class="plan" role="listitem">
|
|
<header>
|
|
<p class="tag">03</p>
|
|
<h3>Sur-mesure</h3>
|
|
<p class="plan__price">Sur devis</p>
|
|
</header>
|
|
<ul class="plan__includes">
|
|
<li>Multi-jours ou destination</li>
|
|
<li>Film argentique en option</li>
|
|
<li>Tirage editorial</li>
|
|
<li>Brief sur-mesure</li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CONTACT : carte simple alignee a gauche -->
|
|
<section class="contact" id="contact">
|
|
<p class="tag">Contact</p>
|
|
<h2 class="contact__title">Un mariage en vue ?</h2>
|
|
<p class="contact__body">
|
|
Envoie-nous date, lieu approximatif, nombre d'invites. Reponse sous 48 heures.
|
|
</p>
|
|
<a class="btn btn--primary btn--large" href="mailto:hello@laurelvow.fr?subject=Demande%20d%27information%20mariage">
|
|
hello@laurelvow.fr
|
|
</a>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<p class="footer__brand">Laurel<span>&</span>Vow</p>
|
|
<p>Studio de photographie. Paris, France.</p>
|
|
<p><a href="#top">Haut de page</a> · © 2026</p>
|
|
</footer>
|
|
|
|
<script src="switcher.js" defer></script>
|
|
</body>
|
|
</html>
|