Image
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tombola Solidaire - Soutenez notre ONG</title>
<style>
body {
font-family: Arial, sans-serif;
background: #f4f4f4;
margin: 0;
padding: 0;
}
header {
background: #2c3e50;
color: white;
padding: 20px;
text-align: center;
}
section {
padding: 20px;
max-width: 800px;
margin: auto;
background: white;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.cta {
background: #27ae60;
color: white;
padding: 15px 25px;
text-align: center;
font-size: 1.2em;
margin-top: 20px;
text-decoration: none;
display: inline-block;
border-radius: 5px;
}
.cta:hover {
background: #219150;
}
footer {
text-align: center;
padding: 10px;
background: #ecf0f1;
font-size: 0.9em;
}
</style>
</head>
<body>
<header>
<h1>Tombola Solidaire</h1>
<p>Participez et soutenez notre ONG pour un monde meilleur</p>
</header>
<section>
<h2>Pourquoi cette tombola ?</h2>
<p>Les fonds récoltés seront intégralement reversés à notre ONG <strong>[Nom de l'ONG]</strong> pour financer des projets humanitaires, éducatifs et environnementaux.</p>
<h2>Comment participer ?</h2>
<ul>
<li>1 ticket = 5€</li>
<li>3 tickets = 12€</li>
<li>10 tickets = 35€</li>
</ul>
<p>Chaque ticket vous donne une chance de gagner l’un de nos nombreux lots !</p>
<h2>Lots à gagner</h2>
<ul>
<li>1er prix : Un week-end pour deux personnes</li>
<li>2e prix : Une tablette numérique</li>
<li>3e prix : Un panier gourmand bio</li>
<li>Et plein d'autres surprises !</li>
</ul>
<a class="cta" href="https://www.exemple-ongn>
<footer>
© 2025 [Nom de l'ONG] - Tous droits réservés | Contact : contact@exemple-ong.org
</footer>
</body>
</html>
