Funmatch détection d'odeur avec Pitou Va Bien

<div style="font-family:Arial, sans-serif; max-width:1100px; margin:auto; color:#1a1a1a; line-height:1.7;">

<style>
.hero{
background:linear-gradient(135deg,#0f766e,#14b8a6);
color:white;
padding:60px 30px;
border-radius:14px;
text-align:center;
margin-bottom:35px;
}

.hero h1{
font-size:42px;
margin-bottom:10px;
}

.hero p{
font-size:20px;
margin:0;
}

.card{
background:#f8f9fa;
padding:25px;
border-radius:12px;
margin-bottom:25px;
box-shadow:0 4px 15px rgba(0,0,0,.08);
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin:30px 0;
}

.info{
background:#ffffff;
padding:25px;
border-radius:12px;
text-align:center;
box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.info h3{
color:#0f766e;
margin-top:10px;
}

.notice{
background:#fff8e8;
border-left:6px solid #f5b400;
padding:22px;
border-radius:10px;
margin-top:30px;
}

.btn{
display:inline-block;
padding:15px 28px;
background:#0f766e;
color:white;
text-decoration:none;
font-weight:bold;
border-radius:10px;
margin-top:20px;
transition:.3s;
}

.btn:hover{
background:#0c5f59;
}

@media(max-width:700px){

.hero h1{
font-size:30px;
}

}
</style>

<!-- HERO -->

<div class="hero">

<h1>👃 Fun Match de Détection d'odeur 🐾</h1>

<p>En collaboration avec Pitou Va Bien</p>

</div>

<!-- INTRO -->

<div class="card">

<h2>Une journée pour mettre le flair de votre chien à l'épreuve!</h2>

<p>
Bêtes Gourmandes est fier de s'associer à <strong>Pitou Va Bien</strong> afin de vous offrir un <strong>Fun Match de Détection d'odeur</strong> qui aura lieu le <strong>8 août</strong>.
</p>

<p>
Que vous soyez débutant ou déjà passionné par ce sport canin, cette journée sera une belle occasion de pratiquer dans une ambiance conviviale, rencontrer d'autres équipes et partager votre passion.
</p>

</div>

<!-- INFORMATIONS -->

<h2 style="text-align:center;">🐶 Informations</h2>

<div class="grid">

<div class="info">
<h3>📅 Date</h3>
<p>8 août</p>
</div>

<div class="info">
<h3>🤝 En collaboration avec</h3>
<p>Pitou Va Bien</p>
</div>

<div class="info">
<h3>🐾 Activité</h3>
<p>Fun Match de Détection d'odeur</p>
</div>

</div>

<!-- INSCRIPTIONS -->

<div class="notice">

<h2>📋 Détails et inscriptions</h2>

<p>
Les détails de l'événement ainsi que le formulaire d'inscription seront dévoilés prochainement.
</p>

<p>
<strong>Restez à l'affût!</strong> Toutes les informations seront annoncées sur nos réseaux sociaux ainsi que sur cette page.
</p>

<center>

<a href="https://www.facebook.com/betesgourmandes" target="_blank" class="btn">
Suivre nos annonces
</a>

</center>

</div>

<!-- CONCLUSION -->

<div style="margin-top:40px; text-align:center;">

<h2>✨ On espère vous y voir en grand nombre!</h2>

<p>
Réservez dès maintenant le <strong>8 août</strong> à votre agenda et revenez bientôt pour connaître tous les détails de cette journée qui promet d'être remplie de plaisir et de flair!
</p>

</div>

</div>