FreebieMom.com Giveaway Ends Tonight

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: ‘Nunito’, sans-serif;
background: #fff8f9;
color: #333;
overflow-x: hidden;
}
/* ===== CONFETTI CANVAS ===== */
#confetti-canvas {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
pointer-events: none;
z-index: 9999;
}
/* ===== SITE HEADER ===== */
.site-header {
background: linear-gradient(135deg, #ff4e8a 0%, #ff8c42 50%, #ffcc00 100%);
text-align: center;
padding: 18px 20px 14px;
position: relative;
overflow: hidden;
}
.site-header::before {
content: ”;
position: absolute;
inset: 0;
background: url(“data:image/svg+xml,%3Csvg width=’60’ height=’60’ viewBox=’0 0 60 60′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cg fill=’none’ fill-rule=’evenodd’%3E%3Cg fill=’%23ffffff’ fill-opacity=’0.08’%3E%3Cpath d=’M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z’/%3E%3C/g%3E%3C/g%3E%3C/svg%3E”);
}
.logo-text {
font-family: ‘Fredoka One’, cursive;
font-size: clamp(2rem, 6vw, 3.4rem);
color: #fff;
text-shadow: 3px 3px 0 rgba(0,0,0,0.2);
letter-spacing: 1px;
position: relative;
}
.logo-text span { color: #ffee58; }
/* ===== URGENCY STRIP ===== */
.urgency-strip {
background: #d6006e;
color: #fff;
text-align: center;
padding: 14px 20px;
font-family: ‘Fredoka One’, cursive;
font-size: clamp(0.95rem, 3vw, 1.35rem);
letter-spacing: 1px;
animation: flash-bg 2s ease-in-out infinite;
}
@keyframes flash-bg {
0%, 100% { background: #d6006e; }
50% { background: #ff4e8a; }
}
/* ===== HERO ===== */
.hero {
background: linear-gradient(160deg, #fff0f5 0%, #fff8e1 100%);
text-align: center;
padding: 50px 20px 30px;
position: relative;
overflow: hidden;
}
.hero-badge {
display: inline-block;
background: #ff4e8a;
color: #fff;
font-size: 0.85rem;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 50px;
margin-bottom: 18px;
animation: pulse-badge 1.5s infinite;
}
@keyframes pulse-badge {
0%, 100% { box-shadow: 0 0 0 0 rgba(255,78,138,0.5); }
50% { box-shadow: 0 0 0 10px rgba(255,78,138,0); }
}
.hero h1 {
font-family: ‘Fredoka One’, cursive;
font-size: clamp(2.2rem, 7vw, 4.2rem);
line-height: 1.1;
color: #d6006e;
text-shadow: 2px 2px 0 rgba(0,0,0,0.07);
margin-bottom: 16px;
}
.hero h1 .highlight {
color: #ff8c42;
display: inline-block;
animation: wiggle 2.5s ease-in-out infinite;
}
@keyframes wiggle {
0%, 100% { transform: rotate(-2deg); }
50% { transform: rotate(2deg); }
}
.hero-sub {
font-size: clamp(1rem, 3vw, 1.25rem);
color: #555;
max-width: 680px;
margin: 0 auto 30px;
font-weight: 700;
line-height: 1.6;
}
.hero-sub strong { color: #d6006e; }
/* ===== COUNTDOWN ===== */
.countdown-wrapper {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.countdown-block {
background: #d6006e;
color: #fff;
border-radius: 14px;
padding: 14px 20px;
min-width: 80px;
text-align: center;
box-shadow: 0 6px 20px rgba(214,0,110,0.35);
}
.countdown-block .num {
font-family: ‘Fredoka One’, cursive;
font-size: 2.4rem;
line-height: 1;
display: block;
}
.countdown-block .lbl {
font-size: 0.7rem;
letter-spacing: 1.5px;
text-transform: uppercase;
opacity: 0.85;
}
.countdown-expired {
font-family: ‘Fredoka One’, cursive;
font-size: 1.8rem;
color: #d6006e;
display: none;
margin-bottom: 10px;
}
/* ===== FLOATING STARS ===== */
.stars { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }
.star { position: absolute; font-size: 1.2rem; opacity: 0.55; animation: float-star 6s ease-in-out infinite; }
@keyframes float-star {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-18px) rotate(20deg); }
}
/* ===== AD UNIT ===== */
.ad-unit { width: 100%; }
/* ===== GIVEAWAY IMAGE ===== */
.giveaway-image-section {
background: #fff;
padding: 50px 20px 20px;
text-align: center;
}
.giveaway-image-section h2 {
font-family: ‘Fredoka One’, cursive;
font-size: clamp(1.8rem, 5vw, 2.8rem);
color: #d6006e;
margin-bottom: 8px;
}
.giveaway-image-section p {
color: #777;
font-size: 1rem;
font-weight: 600;
margin-bottom: 30px;
}
.giveaway-img-wrap {
max-width: 560px;
margin: 0 auto;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 16px 50px rgba(214,0,110,0.2);
animation: float-img 4s ease-in-out infinite;
}
@keyframes float-img {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-10px); }
}
.giveaway-img-wrap img {
width: 100%;
height: auto;
display: block;
}
/* ===== OR CASH BANNER ===== */
.cash-banner {
background: linear-gradient(135deg, #43e97b, #38f9d7);
text-align: center;
padding: 36px 20px;
}
.cash-banner h2 {
font-family: ‘Fredoka One’, cursive;
font-size: clamp(1.8rem, 5vw, 3rem);
color: #fff;
text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
margin-bottom: 10px;
}
.cash-banner p {
font-size: 1.1rem;
color: rgba(255,255,255,0.92);
font-weight: 700;
max-width: 560px;
margin: 0 auto;
}
.cash-emoji {
font-size: 3rem;
display: block;
margin-bottom: 10px;
animation: spin-slow 4s linear infinite;
}
@keyframes spin-slow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* ===== HOW TO ENTER ===== */
.how-section {
padding: 60px 20px 50px;
background: linear-gradient(160deg, #fff8f9 0%, #fff0fa 100%);
}
.section-title {
font-family: ‘Fredoka One’, cursive;
font-size: clamp(1.8rem, 5vw, 2.8rem);
text-align: center;
margin-bottom: 8px;
color: #d6006e;
}
.section-sub {
text-align: center;
color: #777;
font-size: 1rem;
margin-bottom: 36px;
font-weight: 600;
}
.steps-wrap {
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
max-width: 900px;
margin: 0 auto;
}
.step-card {
background: #fff;
border-radius: 18px;
padding: 28px 24px;
text-align: center;
flex: 1 1 220px;
max-width: 260px;
box-shadow: 0 6px 24px rgba(0,0,0,0.08);
border-top: 5px solid #ff4e8a;
transition: transform 0.3s;
}
.step-card:nth-child(2) { border-top-color: #ff8c42; }
.step-card:nth-child(3) { border-top-color: #ffcc00; }
.step-card:hover { transform: translateY(-6px); }
.step-num {
font-family: ‘Fredoka One’, cursive;
font-size: 2.8rem;
color: #ff4e8a;
line-height: 1;
margin-bottom: 8px;
}
.step-card:nth-child(2) .step-num { color: #ff8c42; }
.step-card:nth-child(3) .step-num { color: #e6b800; }
.step-title {
font-family: ‘Fredoka One’, cursive;
font-size: 1.2rem;
color: #333;
margin-bottom: 8px;
}
.step-desc { font-size: 0.9rem; color: #666; line-height: 1.5; }
/* ===== WINNERS SECTION ===== */
.winners-section {
padding: 60px 20px;
background: #fff;
text-align: center;
}
.winners-box {
display: inline-block;
background: linear-gradient(135deg, #667eea, #764ba2);
color: #fff;
border-radius: 20px;
padding: 36px 40px;
max-width: 600px;
box-shadow: 0 12px 40px rgba(102,126,234,0.4);
}
.winners-box h2 {
font-family: ‘Fredoka One’, cursive;
font-size: 2rem;
margin-bottom: 12px;
}
.winners-box p {
font-size: 1rem;
line-height: 1.7;
opacity: 0.92;
margin-bottom: 22px;
}
.winners-btn {
display: inline-block;
background: #ffcc00;
color: #333;
font-family: ‘Fredoka One’, cursive;
font-size: 1.1rem;
padding: 14px 32px;
border-radius: 50px;
text-decoration: none;
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
transition: transform 0.2s, box-shadow 0.2s;
}
.winners-btn:hover {
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(0,0,0,0.25);
}
/* ===== ENTER CTA (single, bottom) ===== */
.enter-section {
background: linear-gradient(135deg, #ff4e8a 0%, #ff8c42 100%);
text-align: center;
padding: 60px 20px 70px;
}
.enter-section h2 {
font-family: ‘Fredoka One’, cursive;
font-size: clamp(2rem, 6vw, 3.2rem);
color: #fff;
text-shadow: 2px 2px 0 rgba(0,0,0,0.12);
margin-bottom: 12px;
}
.enter-section p {
font-size: 1.1rem;
color: rgba(255,255,255,0.9);
font-weight: 700;
margin-bottom: 34px;
}
.cta-btn {
display: inline-block;
background: #fff;
color: #d6006e;
font-family: ‘Fredoka One’, cursive;
font-size: 1.5rem;
padding: 20px 52px;
border-radius: 50px;
text-decoration: none;
box-shadow: 0 10px 36px rgba(0,0,0,0.2);
transition: transform 0.2s, box-shadow 0.2s;
animation: bounce-btn 2s ease-in-out infinite;
}
.cta-btn:hover {
transform: translateY(-4px) scale(1.04);
box-shadow: 0 18px 44px rgba(0,0,0,0.28);
}
@keyframes bounce-btn {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}
.cta-note {
font-size: 0.9rem;
color: rgba(255,255,255,0.8);
margin-top: 16px;
}
/* ===== FOOTER ===== */
footer {
background: #222;
color: #aaa;
text-align: center;
padding: 28px 20px;
font-size: 0.85rem;
line-height: 1.7;
}
footer a { color: #ffcc00; text-decoration: none; }
footer a:hover { text-decoration: underline; }
WIN Big with
FreebieΠom!
One lucky winner takes home a Gucci Purse & a Tumbler! πΈ
π How to Enter
It’s quick, easy, and FREE β just 3 simple steps!
Head to the giveaway post on Facebook and give it a like to show some love!
Share the post with your friends and family β spread the freebie love!
Drop a comment on the post β that’s your entry! Winners are chosen from comments.
Ready to Win? π
Like, Share & Comment on the Facebook post β it’s that easy!
π Enter the Giveaway on Facebook!
Ends tonight, March 9 at 10PM Eastern Β· Winners posted by 7AM Eastern the next day
π₯³ Winners Announced!
Winners are posted the next morning around 7AM Eastern β don’t miss it!
π Check the Winners List
After the giveaway closes tonight at 10PM Eastern, we’ll pick our lucky winners and post them on the FreebieΠom Winners List page by 7AM Eastern the next morning. Bookmark it now so you don’t miss your name!
/* —- COUNTDOWN TIMER —- */
(function () {
// March 9, 2026 10:00 PM Eastern (UTC-4 EDT) = March 10 02:00:00 UTC
const deadline = new Date(‘2026-03-10T02:00:00Z’);
function pad(n) { return String(n).padStart(2, ‘0’); }
function tick() {
const diff = deadline – new Date();
if (diff <= 0) {
document.getElementById('countdown-wrapper').style.display = 'none';
document.getElementById('countdown-expired').style.display = 'block';
return;
}
const totalSec = Math.floor(diff / 1000);
document.getElementById('cd-h').textContent = pad(Math.floor(totalSec / 3600));
document.getElementById('cd-m').textContent = pad(Math.floor((totalSec % 3600) / 60));
document.getElementById('cd-s').textContent = pad(totalSec % 60);
}
tick();
setInterval(tick, 1000);
})();
/* —- CONFETTI —- */
(function () {
const canvas = document.getElementById('confetti-canvas');
const ctx = canvas.getContext('2d');
let W, H, particles = [];
function resize() { W = canvas.width = window.innerWidth; H = canvas.height = window.innerHeight; }
resize();
window.addEventListener('resize', resize);
const colors = ['#ff4e8a','#ff8c42','#ffcc00','#43e97b','#667eea','#fff'];
function Particle() {
this.x = Math.random() * W;
this.y = Math.random() * H – H;
this.r = Math.random() * 7 + 4;
this.d = Math.random() * 2 + 1;
this.color = colors[Math.floor(Math.random() * colors.length)];
this.tilt = Math.random() * 10 – 10;
this.tiltAngle = 0;
this.tiltSpeed = Math.random() * 0.1 + 0.05;
}
for (let i = 0; i {
ctx.beginPath();
ctx.lineWidth = p.r;
ctx.strokeStyle = p.color;
ctx.moveTo(p.x + p.tilt + p.r / 4, p.y);
ctx.lineTo(p.x + p.tilt, p.y + p.tilt + p.r / 4);
ctx.stroke();
});
update();
}
function update() {
particles.forEach((p, i) => {
p.tiltAngle += p.tiltSpeed;
p.y += (Math.cos(p.d) + 1 + p.r / 2) * 0.5;
p.x += Math.sin(i) * 0.6;
p.tilt = Math.sin(p.tiltAngle) * 15;
if (p.y > H) { particles[i] = new Particle(); particles[i].y = -10; }
});
}
const start = Date.now();
function loop() {
if (Date.now() – start < 8000) { requestAnimationFrame(loop); draw(); }
else { ctx.clearRect(0, 0, W, H); }
}
loop();
})();
Helpful Freebie Mom Guides
Keep going