< !
DOCTYPE html>
<html lang= »fr »>
<head>
<meta charset= »UTF-8 » />
<meta name= »viewport » content= »width=device-width, initial-
scale=1.0 » />
<title>BelleShopping</title>
<style>
{margin : 0 ; padding : 0 ; box-sizing : border-box ;}
Body {
Font-family : ‘Segoe UI’, sans-serif ;
Background : #fdf7f0 ;
Color : #222 ;
Line-height : 1.6 ;
#ad-banner {
Background : #e0e0e0 ;
Text-align : center ;
Font-size : 0.9rem ;
Padding : 5px ;
Position : fixed ;
Top : 0 ;
Width : 100% ;
z-index : 999 ;
#popup {
Position : fixed ;
Top : 0 ; left : 0 ; right : 0 ; bottom : 0 ;
Background : rgba(0,0,0,0.7) ;
Display : flex ;
Align-items : center ;
Justify-content : center ;
z-index : 1000 ;
#popup-content {
Background : #fff ;
Padding : 20px ;
Max-width : 500px ;
Border-radius : 10px ;
Text-align : center ;
#popup label {
Display : block ;
Margin : 15px 0 ;
#popup button {
Background : #222 ;
Color : #fff ;
Padding : 10px 20px ;
Border : none ;
Border-radius : 5px ;
Cursor : pointer ;
Header {
Text-align : center ;
Padding : 80px 20px 20px ;
Header img {
Max-width : 150px ;
Border-radius : 10px ;
Main {
Max-width : 960px ;
Margin : 0 auto ;
Padding : 20px ;
Display : grid ;
Grid-template-columns : repeat(auto-fit, minmax(280px, 1fr)) ;
Gap : 20px ;
.product {
Background : #fff ;
Border-radius : 8px ;
Box-shadow : 0 1px 5px rgba(0,0,0,0.1) ;
Padding : 15px ;
Text-align : center ;
.product img {
Width : 100% ;
Border-radius : 6px ;
.product h2 {
Font-size : 1.2rem ;
Margin : 10px 0 ;
.product p {
Font-size : 0.95rem ;
Margin-bottom : 10px ;
}
.product .price {
Font-weight : bold ;
Margin-bottom : 10px ;
.product a {
Display : inline-block ;
Background : #222 ;
Color : #fff ;
Padding : 10px ;
Border-radius : 5px ;
Text-decoration : none ;
Footer {
Text-align : center ;
Padding : 20px ;
Font-size : 0.85rem ;
Color : #777 ;
</style>
</head>
<body>
<div id= »ad-banner »>
Publicité : <a href= »# » style= »color :#000 ; »>Votre bannière ici</a>
</div>
<div id= »popup »>
<div id= »popup-content »>
<h3>Conditions d’utilisation</h3>
<p>
BelleShopping n’est ni le producteur, ni le vendeur. Nous ne gérons pas
les paiements ni les livraisons. <br />
En cliquant sur « J’accepte », vous confirmez avoir compris et accepté
ces conditions.
</p>
<label>
<input type= »checkbox » id= »accept »> J’ai lu et j’accepte les
conditions
</label>
<button id= »enter-btn » disabled>J’accepte et entrer</button>
</div>
</div>
<header>
<img src= »A_looped_digital_illustration_features_a_young_wom.png »
alt= »BelleShopping Logo »>
<h1>BelleShopping</h1>
<p>Votre sélection chic & ; pratique</p>
</header>
<main>
<div class= »product »>
<img src= »[Link]
2618596_1280.jpg » alt= »Sac à main élégant »>
<h2>Sac à main élégant</h2>
<p>Un sac moderne et pratique, parfait partout.</p>
<div class= »price »>49 €</div>
<a href= »# »>Voir le produit</a>
</div>
<div class= »product »>
<img
src= »[Link]
2923846_1280.jpg » alt= »Écouteurs sans fil »>
<h2>Écouteurs sans fil</h2>
<p>Son clair, autonomie 10h, design compact.</p>
<div class= »price »>29 €</div>
<a href= »# »>Voir le produit</a>
</div>
<div class= »product »>
<img src= »[Link]
1530064_1280.jpg » alt= »Crème hydratante »>
<h2>Crème hydratante visage</h2>
<p>Soin doux pour tous types de peau.</p>
<div class= »price »>19 €</div>
<a href= »# »>Voir le produit</a>
</div>
</main>
<footer>
© ; 2025 BelleShopping – Tous droits réservés.
</footer>
<script>
Const checkbox = [Link](« accept ») ;
Const button = [Link](« enter-btn ») ;
[Link](« change », () => {
[Link] = ![Link] ;
}) ;
[Link](« click », () => {
[Link](« popup »).[Link] = « none » ;
}) ;
</script>
</body>
</html>
Ton site BelleShopping est prêt avec :
✅ Ton logo animé intégré
✅ Une boutique élégante (crème, noir, gris)
✅ Produits fictifs prêts à modifier
✅ Pop-up à cocher obligatoire avant l’accès
✅ Message légal de non-responsabilité
✅ Zone de pub en haut (monétisable)
Tu veux que je t’aide maintenant à :
Le mettre en ligne gratuitement ?
Ajouter ton numéro de compte et tes vrais liens ?
Ajouter plus de produits dans chaque catégorie ?
Dis-moi ce que tu veux faire ensuite 💼🛍️