💥conseils de vie + motivation 💥
Open in Telegram
💥Découvrer dans cette chaine des conseil de vie et des vidéos de motivation qui transforment 💪
Show more225
Subscribers
-124 hours
-27 days
-630 days
Posts Archive
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pub Ebook – Revenu en Ligne Sans Argent</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Outfit:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--gold: #D4A017;
--gold-light: #F5C842;
--dark: #0A0A0A;
--charcoal: #1C1C1C;
--white: #FFFFFF;
--red-promo: #E8321A;
}
body {
background: var(--dark);
font-family: 'Outfit', sans-serif;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.ad-card {
width: 100%;
max-width: 520px;
background: var(--charcoal);
border-radius: 20px;
border: 1px solid rgba(212,160,23,0.25);
overflow: hidden;
position: relative;
box-shadow: 0 30px 80px rgba(0,0,0,0.7);
animation: fadeUp 0.7s ease both;
}
@keyframes fadeUp {
from { opacity:0; transform: translateY(40px); }
to { opacity:1; transform: translateY(0); }
}
.badge-promo {
position: absolute;
top: 18px; right: 18px;
background: var(--red-promo);
color: #fff;
font-weight: 700;
font-size: 13px;
letter-spacing: 1px;
padding: 6px 14px;
border-radius: 50px;
z-index: 10;
box-shadow: 0 4px 14px rgba(232,50,26,0.5);
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.06); }
}
.hero {
position: relative;
height: 260px;
background: linear-gradient(135deg, #1a1200 0%, #2d1f00 40%, #1a1200 100%);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(ellipse at 60% 50%, rgba(212,160,23,0.18) 0%, transparent 65%);
}
.circle {
position: absolute;
border-radius: 50%;
border: 1px solid rgba(212,160,23,0.15);
}
.c1 { width: 320px; height: 320px; top: -60px; right: -80px; }
.c2 { width: 200px; height: 200px; bottom: -60px; left: -50px; border-color: rgba(212,160,23,0.08); }
.laptop-wrap {
position: relative; z-index: 2;
animation: float 4s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.laptop-wrap svg { width: 200px; height: auto; }
.coin {
position: absolute;
font-size: 22px;
animation: coinFloat linear infinite;
opacity: 0.85;
z-index: 3;
filter: drop-shadow(0 2px 6px rgba(212,160,23,0.6));
}
.coin:nth-child(1) { top: 30px; left: 55px; animation-duration: 5s; animation-delay: 0s; }
.coin:nth-child(2) { top: 60px; right: 60px; animation-duration: 4.2s; animation-delay: 0.8s; }
.coin:nth-child(3) { bottom: 50px; left: 80px; animation-duration: 6s; animation-delay: 1.5s; }
.coin:nth-child(4) { top: 20px; right: 120px; animation-duration: 3.8s; animation-delay: 0.3s; }
.coin:nth-child(5) { bottom: 30px; right: 70px; animation-duration: 5.5s; animation-delay: 1s; }
@keyframes coinFloat {
0% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-18px) rotate(12deg); }
100% { transform: translateY(0) rotate(0deg); }
}
.hero-label {
position: absolute;
bottom: 14px; left: 0; right: 0;
text-align: center;
font-size: 10px;
letter-spacing: 3px;
color: var(--gold);
text-transform: uppercase;
font-weight: 600;
z-index: 4;
}
.card-body { padding: 28px 28px 32px; }
.tag-guide {
display: inline-block;
background: rgba(212,160,23,0.12);
color: var(--gold-light);
font-size: 10px;
letter-spacing: 2.5px;
text-transform: uppercase;
font-weight: 700;
padding: 5px 12px;
border-radius: 4px;
border: 1px solid rgba(212,160,23,0.25);
margin-bottom: 14px;
}
Bonjour à tous!👋👋
Si les contenus vous plaisent n'hésitez pas a aime, commenter et vous abonner a chaîne pour ne rien rater des prochaines vidéo.
https://youtu.be/JcMyK7cxEQo?si=n2NR8bpkViHaV6hJ
