124 lines
4.8 KiB
HTML
124 lines
4.8 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. Mocha.</title>
|
|
<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=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;1,6..72,300;1,6..72,400&family=Geist:wght@300;400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="mocha.css">
|
|
<link rel="stylesheet" href="switcher.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="site-header">
|
|
<a class="wordmark" href="#top">Laurel<i>&</i>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">
|
|
|
|
<section class="hero">
|
|
<div class="hero__copy">
|
|
<p class="kicker">Studio · Paris · depuis 2018</p>
|
|
<h1>
|
|
<span>Laurel</span>
|
|
<span class="italic">et Vow.</span>
|
|
</h1>
|
|
<p class="lede">Photographie de mariage editoriale et documentaire. Quelques unions par an, choisies avec soin.</p>
|
|
<p><a class="cta" href="#portfolio">Voir les series <span aria-hidden="true">→</span></a></p>
|
|
</div>
|
|
<figure class="hero__photo">
|
|
<img src="https://picsum.photos/seed/laurel-mocha-hero-cozy-evening/1400/1700"
|
|
alt="Portrait de mariee a la lumiere d'une bougie." loading="eager">
|
|
</figure>
|
|
</section>
|
|
|
|
<section class="manifesto">
|
|
<p class="kicker kicker--center">Manifeste</p>
|
|
<p class="manifesto__line"><i>Moins de poses,</i> plus de regards.</p>
|
|
<div class="manifesto__body">
|
|
<p>Nous photographions les mariages intimistes a Paris et ailleurs en France. La journee se passe, nous l'enregistrons. Peu d'interruptions, beaucoup d'attention aux gens.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="series" id="portfolio">
|
|
<header class="head">
|
|
<p class="kicker">Selection 2024 et 2025</p>
|
|
<h2><i>Series</i> recentes</h2>
|
|
</header>
|
|
<div class="series__grid">
|
|
<article class="card">
|
|
<figure><img src="https://picsum.photos/seed/laurel-mocha-bourgogne-vineyard/1000/750" alt="Couple sous les vignes." loading="lazy"></figure>
|
|
<div class="card__meta">
|
|
<p class="kicker">Serie 01 / Bourgogne</p>
|
|
<h3>Hortense et Jules</h3>
|
|
<p>Mai 2026. 80 invites.</p>
|
|
</div>
|
|
</article>
|
|
<article class="card">
|
|
<figure><img src="https://picsum.photos/seed/laurel-mocha-paris-night/1000/750" alt="Cour parisienne nocturne." loading="lazy"></figure>
|
|
<div class="card__meta">
|
|
<p class="kicker">Serie 02 / Paris 14e</p>
|
|
<h3>Ines et Mathieu</h3>
|
|
<p>Septembre 2025. 55 invites.</p>
|
|
</div>
|
|
</article>
|
|
<article class="card">
|
|
<figure><img src="https://picsum.photos/seed/laurel-mocha-luberon-olive/1000/750" alt="Oliviers en Provence." loading="lazy"></figure>
|
|
<div class="card__meta">
|
|
<p class="kicker">Serie 03 / Luberon</p>
|
|
<h3>Camille et Antoine</h3>
|
|
<p>Juillet 2024. 120 invites.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pricing" id="tarifs">
|
|
<header class="head">
|
|
<p class="kicker">Formules 2026</p>
|
|
<h2>Trois <i>facons</i> de travailler</h2>
|
|
</header>
|
|
<ol class="plans">
|
|
<li class="plan">
|
|
<h3>Demi-journee</h3>
|
|
<p class="plan__price">1 800<i>€</i></p>
|
|
<p>5h de couverture. Ceremonie, cocktail. ~250 photos retouchees.</p>
|
|
</li>
|
|
<li class="plan plan--mid">
|
|
<h3>Journee complete</h3>
|
|
<p class="plan__price">3 200<i>€</i></p>
|
|
<p>Preparation jusqu'au bal. ~600 photos retouchees. Tirage offert.</p>
|
|
</li>
|
|
<li class="plan">
|
|
<h3>Sur-mesure</h3>
|
|
<p class="plan__price">Sur devis</p>
|
|
<p>Multi-jours, film argentique, tirage editorial. Parlons-en.</p>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section class="contact" id="contact">
|
|
<p class="kicker kicker--center">Contact</p>
|
|
<p class="contact__title"><i>Un mariage</i> en vue ?</p>
|
|
<p>Envoie-nous date, lieu approximatif, nombre d'invites. Reponse sous 48h.</p>
|
|
<p><a class="mail" href="mailto:hello@laurelvow.fr">hello@laurelvow.fr</a></p>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<p class="footer__brand">Laurel<i>&</i>Vow</p>
|
|
<p>Studio de photographie. Paris.</p>
|
|
<p><a href="#top">Haut</a> · © 2026</p>
|
|
</footer>
|
|
|
|
<script src="switcher.js" defer></script>
|
|
</body>
|
|
</html>
|