Compare commits
3 Commits
34b36f654e
...
babcbba69c
| Author | SHA1 | Date | |
|---|---|---|---|
| babcbba69c | |||
| 67b1805244 | |||
| aba000b62a |
2
.gitignore
vendored
2
.gitignore
vendored
@@ -1,4 +1,4 @@
|
||||
screenshots/
|
||||
/screenshots/
|
||||
.DS_Store
|
||||
*.swp
|
||||
*.swo
|
||||
|
||||
110
marketing/01-facebook-post-claim.html
Normal file
110
marketing/01-facebook-post-claim.html
Normal file
@@ -0,0 +1,110 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=1080">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 1080px; height: 1080px; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; background: #faf9f6; }
|
||||
.card {
|
||||
width: 1080px; height: 1080px; position: relative; overflow: hidden;
|
||||
background: linear-gradient(160deg, #fff8ee 0%, #faf9f6 40%, #f0fbfc 100%);
|
||||
}
|
||||
/* Decorative tiles */
|
||||
.tile-grid {
|
||||
position: absolute; top: 0; right: 0; width: 420px; height: 420px;
|
||||
display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 12px;
|
||||
opacity: 0.15;
|
||||
}
|
||||
.tile { border-radius: 16px; }
|
||||
.t1 { background: #c98d1d; }
|
||||
.t2 { background: #2dbad2; }
|
||||
.t3 { background: #f472b6; }
|
||||
.t4 { background: #a78bfa; }
|
||||
.t5 { background: #c98d1d; opacity: 0.5; }
|
||||
.t6 { background: #2dbad2; opacity: 0.5; }
|
||||
.t7 { background: #fbbf24; }
|
||||
.t8 { background: #34d399; }
|
||||
.t9 { background: #c98d1d; opacity: 0.3; }
|
||||
/* Badge */
|
||||
.badge {
|
||||
position: absolute; top: 64px; left: 64px;
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 8px 20px; background: #d0eef3; border: 1.5px solid rgba(45,186,210,0.3);
|
||||
border-radius: 999px; font-size: 13px; font-weight: 700; color: #1a7d8e;
|
||||
letter-spacing: 0.04em;
|
||||
}
|
||||
.badge-dot { width: 8px; height: 8px; border-radius: 50%; background: #2dbad2; }
|
||||
/* Content */
|
||||
.content { position: absolute; bottom: 0; left: 0; right: 0; padding: 64px; }
|
||||
.section-label {
|
||||
font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: #c98d1d; margin-bottom: 20px; display: block;
|
||||
}
|
||||
h1 {
|
||||
font-family: 'Instrument Serif', serif; font-size: 56px; font-weight: 400;
|
||||
line-height: 1.08; color: #1a1816; margin-bottom: 24px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
h1 em { font-style: italic; color: #c98d1d; }
|
||||
.subtitle {
|
||||
font-size: 18px; color: #6b665e; line-height: 1.6; margin-bottom: 40px;
|
||||
max-width: 560px;
|
||||
}
|
||||
/* Trust pills */
|
||||
.trust-row { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
|
||||
.pill {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 10px 18px; background: #fff; border: 1px solid rgba(205,201,194,0.5);
|
||||
border-radius: 12px; font-size: 14px; font-weight: 600; color: #1a1816;
|
||||
}
|
||||
.pill-icon { font-size: 16px; }
|
||||
/* CTA */
|
||||
.cta-row { display: flex; align-items: center; gap: 16px; }
|
||||
.cta-primary {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 16px 36px; background: #c98d1d; color: #fff;
|
||||
border-radius: 14px; font-size: 16px; font-weight: 700; text-decoration: none;
|
||||
box-shadow: 0 4px 16px rgba(201,141,29,0.3);
|
||||
}
|
||||
.cta-secondary {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 16px 28px; background: transparent; color: #1a1816;
|
||||
border: 1.5px solid #cdc9c2; border-radius: 14px; font-size: 16px; font-weight: 600;
|
||||
}
|
||||
/* Watermark */
|
||||
.watermark {
|
||||
position: absolute; bottom: 24px; right: 36px;
|
||||
font-size: 11px; font-weight: 600; color: #a9a49c; letter-spacing: 0.04em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="tile-grid">
|
||||
<div class="tile t1"></div><div class="tile t2"></div><div class="tile t3"></div>
|
||||
<div class="tile t4"></div><div class="tile t5"></div><div class="tile t6"></div>
|
||||
<div class="tile t7"></div><div class="tile t8"></div><div class="tile t9"></div>
|
||||
</div>
|
||||
<div class="badge"><div class="badge-dot"></div>GeBIZ / VCG Registered Vendor</div>
|
||||
<div class="content">
|
||||
<span class="section-label">For Singapore Schools</span>
|
||||
<h1>STEM toys schools can<br/><em>actually claim</em> from government.</h1>
|
||||
<p class="subtitle">Authentic PicassoTiles & Play-Doh with proper tax invoices. Claim from Edusave, PGS, ECDA, MOE funds.</p>
|
||||
<div class="trust-row">
|
||||
<span class="pill"><span class="pill-icon">✓</span> Tax Invoice + UEN</span>
|
||||
<span class="pill"><span class="pill-icon">✓</span> 15+ School Partners</span>
|
||||
<span class="pill"><span class="pill-icon">✓</span> 100% Authentic</span>
|
||||
</div>
|
||||
<div class="cta-row">
|
||||
<span class="cta-primary">novizun.com →</span>
|
||||
<span class="cta-secondary">Get a Quote</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="watermark">NOVIZUN · Singapore</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
123
marketing/02-instagram-story-schools.html
Normal file
123
marketing/02-instagram-story-schools.html
Normal file
@@ -0,0 +1,123 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=1080">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 1080px; height: 1920px; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
|
||||
.card { width: 1080px; height: 1920px; position: relative; overflow: hidden; background: #faf9f6; }
|
||||
/* Top gradient */
|
||||
.top-gradient {
|
||||
position: absolute; top: 0; left: 0; right: 0; height: 600px;
|
||||
background: linear-gradient(180deg, #fff8ee 0%, #faf9f6 100%);
|
||||
}
|
||||
/* Decorative tiles */
|
||||
.tiles { position: absolute; top: 40px; right: 40px; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; opacity: 0.1; }
|
||||
.tiles div { width: 56px; height: 56px; border-radius: 14px; }
|
||||
.tiles div:nth-child(1) { background: #c98d1d; }
|
||||
.tiles div:nth-child(2) { background: #2dbad2; }
|
||||
.tiles div:nth-child(3) { background: #f472b6; }
|
||||
.tiles div:nth-child(4) { background: #a78bfa; }
|
||||
.tiles div:nth-child(5) { background: #fbbf24; }
|
||||
.tiles div:nth-child(6) { background: #34d399; }
|
||||
.tiles div:nth-child(7) { background: #c98d1d; opacity: 0.5; }
|
||||
.tiles div:nth-child(8) { background: #2dbad2; opacity: 0.5; }
|
||||
/* Content */
|
||||
.content { position: relative; z-index: 2; padding: 80px 64px; }
|
||||
.badge-row { display: flex; gap: 12px; margin-bottom: 48px; flex-wrap: wrap; }
|
||||
.badge {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: 8px 16px; border-radius: 999px; font-size: 12px; font-weight: 700;
|
||||
}
|
||||
.badge--teal { background: #d0eef3; color: #1a7d8e; border: 1px solid rgba(45,186,210,0.25); }
|
||||
.badge--amber { background: #f3e8d0; color: #8a5c0f; border: 1px solid rgba(201,141,29,0.25); }
|
||||
.badge-dot { width: 6px; height: 6px; border-radius: 50%; }
|
||||
.badge-dot--teal { background: #2dbad2; }
|
||||
.badge-dot--amber { background: #c98d1d; }
|
||||
h1 {
|
||||
font-family: 'Instrument Serif', serif; font-size: 64px; font-weight: 400;
|
||||
line-height: 1.06; color: #1a1816; margin-bottom: 40px;
|
||||
}
|
||||
h1 em { font-style: italic; color: #c98d1d; }
|
||||
.subtitle { font-size: 18px; color: #6b665e; line-height: 1.6; margin-bottom: 64px; max-width: 720px; }
|
||||
/* 5 Reasons */
|
||||
.reasons-title { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: #c98d1d; margin-bottom: 32px; }
|
||||
.reasons { display: flex; flex-direction: column; gap: 24px; }
|
||||
.reason {
|
||||
display: flex; gap: 20px; align-items: flex-start;
|
||||
background: #fff; border: 1px solid rgba(205,201,194,0.4);
|
||||
border-radius: 20px; padding: 28px 28px;
|
||||
}
|
||||
.reason-num {
|
||||
flex-shrink: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
|
||||
border-radius: 14px; font-size: 18px; font-weight: 800; color: #fff;
|
||||
}
|
||||
.reason-num--amber { background: #c98d1d; }
|
||||
.reason-num--teal { background: #2dbad2; }
|
||||
.reason h3 { font-size: 17px; font-weight: 700; color: #1a1816; margin-bottom: 6px; }
|
||||
.reason p { font-size: 14px; color: #6b665e; line-height: 1.55; }
|
||||
/* Bottom CTA */
|
||||
.bottom-cta {
|
||||
position: absolute; bottom: 0; left: 0; right: 0;
|
||||
padding: 48px 64px; text-align: center;
|
||||
background: #fff; border-top: 1px solid rgba(205,201,194,0.4);
|
||||
}
|
||||
.bottom-cta h2 { font-family: 'Instrument Serif', serif; font-size: 28px; margin-bottom: 8px; color: #1a1816; }
|
||||
.bottom-cta p { font-size: 14px; color: #6b665e; margin-bottom: 24px; }
|
||||
.cta-btn {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 18px 48px; background: #c98d1d; color: #fff;
|
||||
border-radius: 16px; font-size: 17px; font-weight: 700;
|
||||
box-shadow: 0 4px 20px rgba(201,141,29,0.3);
|
||||
}
|
||||
.watermark { position: absolute; top: 48px; left: 64px; font-size: 11px; font-weight: 600; color: #a9a49c; letter-spacing: 0.08em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="top-gradient"></div>
|
||||
<div class="tiles"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
|
||||
<span class="watermark">NOVIZUN</span>
|
||||
<div class="content">
|
||||
<div class="badge-row">
|
||||
<span class="badge badge--teal"><span class="badge-dot badge-dot--teal"></span>GeBIZ Registered</span>
|
||||
<span class="badge badge--amber"><span class="badge-dot badge-dot--amber"></span>4.9★ Shopee</span>
|
||||
</div>
|
||||
<h1>5 reasons Singapore schools<br/>choose <em>Novizun</em></h1>
|
||||
<p class="subtitle">We make it easy for schools to purchase, receive, and claim STEM learning materials from government funds.</p>
|
||||
<div class="reasons-title">Why schools trust us</div>
|
||||
<div class="reasons">
|
||||
<div class="reason">
|
||||
<div class="reason-num reason-num--amber">1</div>
|
||||
<div><h3>Claim-ready tax invoices</h3><p>Every order includes a proper tax invoice with our UEN — ready for Edusave, PGS, ECDA, and MOE claims.</p></div>
|
||||
</div>
|
||||
<div class="reason">
|
||||
<div class="reason-num reason-num--teal">2</div>
|
||||
<div><h3>GeBIZ / VCG registered</h3><p>Purchase through official government procurement channels with full transparency and compliance.</p></div>
|
||||
</div>
|
||||
<div class="reason">
|
||||
<div class="reason-num reason-num--amber">3</div>
|
||||
<div><h3>Bulk pricing for institutions</h3><p>Special rates for schools, kindergartens, childcare centres, and enrichment providers.</p></div>
|
||||
</div>
|
||||
<div class="reason">
|
||||
<div class="reason-num reason-num--teal">4</div>
|
||||
<div><h3>100% authentic & safe</h3><p>USA-sourced PicassoTiles and Play-Doh with international safety certifications. No knock-offs.</p></div>
|
||||
</div>
|
||||
<div class="reason">
|
||||
<div class="reason-num reason-num--amber">5</div>
|
||||
<div><h3>1–3 day school delivery</h3><p>We deliver directly to schools during business hours with protective packaging for classroom use.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom-cta">
|
||||
<h2>Ready to equip your classroom?</h2>
|
||||
<p>Email us for a quote — we respond within 24 hours</p>
|
||||
<span class="cta-btn">novizun.com →</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
89
marketing/03-whatsapp-promo.html
Normal file
89
marketing/03-whatsapp-promo.html
Normal file
@@ -0,0 +1,89 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=1200">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 1200px; height: 628px; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
|
||||
.card {
|
||||
width: 1200px; height: 628px; position: relative; overflow: hidden;
|
||||
background: linear-gradient(135deg, #1a1816 0%, #2a2622 100%);
|
||||
display: flex;
|
||||
}
|
||||
/* Left content */
|
||||
.left { flex: 1; padding: 56px 0 56px 64px; display: flex; flex-direction: column; justify-content: center; }
|
||||
.urgency {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: 6px 14px; background: rgba(201,141,29,0.2); border-radius: 999px;
|
||||
font-size: 12px; font-weight: 700; color: #e6b04c; margin-bottom: 20px; width: fit-content;
|
||||
}
|
||||
.urgency-pulse { width: 6px; height: 6px; border-radius: 50%; background: #e6b04c; }
|
||||
h1 { font-size: 42px; font-weight: 800; color: #faf9f6; line-height: 1.12; margin-bottom: 16px; letter-spacing: -0.02em; }
|
||||
.highlight { color: #e6b04c; }
|
||||
.desc { font-size: 16px; color: #a9a49c; line-height: 1.5; margin-bottom: 28px; max-width: 400px; }
|
||||
.price-row { display: flex; align-items: baseline; gap: 12px; margin-bottom: 8px; }
|
||||
.price { font-size: 48px; font-weight: 800; color: #e6b04c; }
|
||||
.price-old { font-size: 20px; color: #6b665e; text-decoration: line-through; }
|
||||
.shop-btn {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 14px 32px; background: #e6b04c; color: #1a1816;
|
||||
border-radius: 12px; font-size: 16px; font-weight: 700; width: fit-content;
|
||||
}
|
||||
/* Right — product tiles */
|
||||
.right {
|
||||
width: 500px; position: relative; overflow: hidden;
|
||||
display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; padding: 56px 64px 56px 32px;
|
||||
align-content: center;
|
||||
}
|
||||
.product-tile {
|
||||
aspect-ratio: 1; border-radius: 24px; position: relative;
|
||||
}
|
||||
.pt1 { background: linear-gradient(135deg, #c98d1d 0%, #a87214 100%); }
|
||||
.pt2 { background: linear-gradient(135deg, #2dbad2 0%, #1a7d8e 100%); }
|
||||
.pt3 { background: linear-gradient(135deg, #f472b6 0%, #c44f8e 100%); }
|
||||
.pt4 { background: linear-gradient(135deg, #a78bfa 0%, #7c5fcf 100%); }
|
||||
.product-tile span {
|
||||
position: absolute; bottom: 16px; left: 16px;
|
||||
font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.85);
|
||||
background: rgba(0,0,0,0.25); backdrop-filter: blur(8px);
|
||||
padding: 4px 10px; border-radius: 6px;
|
||||
}
|
||||
.stars { position: absolute; bottom: 20px; right: 64px; display: flex; gap: 4px; }
|
||||
.star { color: #e6b04c; font-size: 18px; font-weight: 700; }
|
||||
.rating-text { font-size: 14px; color: #a9a49c; font-weight: 600; }
|
||||
/* Floating shapes */
|
||||
.shape { position: absolute; border-radius: 50%; }
|
||||
.shape-1 { width: 200px; height: 200px; background: #c98d1d; opacity: 0.08; top: -40px; right: 200px; }
|
||||
.shape-2 { width: 120px; height: 120px; background: #2dbad2; opacity: 0.06; bottom: -30px; right: 100px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="shape shape-1"></div>
|
||||
<div class="shape shape-2"></div>
|
||||
<div class="left">
|
||||
<div class="urgency"><div class="urgency-pulse"></div>NEW ARRIVAL</div>
|
||||
<h1>PicassoTiles 102pc<br/>Ninja Set <span class="highlight">$89.90</span></h1>
|
||||
<p class="desc">102-piece magnetic building set with 8 characters. Perfect for STEM learning at home or school.</p>
|
||||
<div class="price-row">
|
||||
<span class="price">$89.90</span>
|
||||
</div>
|
||||
<div class="shop-btn">Shop on Shopee →</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="product-tile pt1"><span>Ninja Set</span></div>
|
||||
<div class="product-tile pt2"><span>Ice Castle</span></div>
|
||||
<div class="product-tile pt3"><span>Character Set</span></div>
|
||||
<div class="product-tile pt4"><span>Construction</span></div>
|
||||
</div>
|
||||
<div class="stars">
|
||||
<span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span><span class="star">★</span>
|
||||
<span class="rating-text">4.9/5</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
198
marketing/04-school-flyer.html
Normal file
198
marketing/04-school-flyer.html
Normal file
@@ -0,0 +1,198 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=2480">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 2480px; height: 3508px; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; background: #fff; }
|
||||
.flyer { width: 2480px; height: 3508px; position: relative; overflow: hidden; }
|
||||
/* Header bar */
|
||||
.header {
|
||||
position: relative; height: 320px; overflow: hidden;
|
||||
background: linear-gradient(135deg, #c98d1d 0%, #a87214 100%);
|
||||
display: flex; align-items: center; justify-content: space-between;
|
||||
padding: 0 120px;
|
||||
}
|
||||
.header-logo { display: flex; align-items: center; gap: 16px; }
|
||||
.logo-icon {
|
||||
display: grid; grid-template-columns: 1fr 1fr; gap: 4px; width: 72px; height: 72px;
|
||||
}
|
||||
.logo-icon div { border-radius: 10px; }
|
||||
.li1 { background: rgba(255,255,255,0.9); }
|
||||
.li2 { background: rgba(255,255,255,0.7); }
|
||||
.li3 { background: rgba(255,255,255,0.5); }
|
||||
.li4 { background: rgba(255,255,255,0.85); }
|
||||
.logo-text { font-family: 'Instrument Serif', serif; font-size: 48px; color: #fff; }
|
||||
.header-right { text-align: right; color: rgba(255,255,255,0.9); }
|
||||
.header-right big { font-size: 20px; font-weight: 700; }
|
||||
.header-right small { font-size: 14px; }
|
||||
.header-tiles { position: absolute; right: 0; top: 0; display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; opacity: 0.15; }
|
||||
.ht { width: 80px; height: 80px; border-radius: 0; }
|
||||
.ht:nth-child(odd) { background: #fff; }
|
||||
.ht:nth-child(even) { background: transparent; }
|
||||
/* Hero */
|
||||
.hero { padding: 80px 120px 60px; }
|
||||
.hero-badge {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 8px 20px; background: #f3e8d0; border-radius: 999px;
|
||||
font-size: 14px; font-weight: 700; color: #8a5c0f; margin-bottom: 28px;
|
||||
}
|
||||
.hero h1 {
|
||||
font-family: 'Instrument Serif', serif; font-size: 80px; font-weight: 400;
|
||||
line-height: 1.08; color: #1a1816; margin-bottom: 32px; max-width: 1800px;
|
||||
}
|
||||
.hero h1 em { font-style: italic; color: #c98d1d; }
|
||||
.hero p { font-size: 22px; color: #6b665e; line-height: 1.6; max-width: 1400px; }
|
||||
/* Schemes section */
|
||||
.schemes { padding: 60px 120px; background: #faf9f6; margin: 0 120px; border-radius: 32px; }
|
||||
.schemes-title {
|
||||
font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em;
|
||||
color: #c98d1d; margin-bottom: 40px;
|
||||
}
|
||||
.schemes-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
|
||||
.scheme-card {
|
||||
background: #fff; border: 1.5px solid rgba(205,201,194,0.5);
|
||||
border-radius: 24px; padding: 36px;
|
||||
}
|
||||
.scheme-badge {
|
||||
display: inline-block; font-size: 12px; font-weight: 800; text-transform: uppercase;
|
||||
letter-spacing: 0.08em; padding: 4px 12px; border-radius: 8px; margin-bottom: 12px;
|
||||
}
|
||||
.scheme-badge--moe { background: #f3e8d0; color: #8a5c0f; }
|
||||
.scheme-badge--ecda { background: #d0eef3; color: #1a7d8e; }
|
||||
.scheme-card h3 { font-size: 22px; font-weight: 700; color: #1a1816; margin-bottom: 8px; }
|
||||
.scheme-card p { font-size: 16px; color: #6b665e; line-height: 1.5; }
|
||||
.scheme-audience { font-size: 13px; font-weight: 600; color: #a9a49c; margin-top: 12px; }
|
||||
/* Products */
|
||||
.products { padding: 60px 120px; }
|
||||
.products-title {
|
||||
font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em;
|
||||
color: #c98d1d; margin-bottom: 40px;
|
||||
}
|
||||
.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
|
||||
.product-card {
|
||||
border: 1.5px solid rgba(205,201,194,0.5); border-radius: 24px;
|
||||
overflow: hidden; background: #fff;
|
||||
}
|
||||
.product-img { height: 260px; display: flex; align-items: center; justify-content: center; }
|
||||
.pi1 { background: linear-gradient(135deg, #c98d1d22, #2dbad222); }
|
||||
.pi2 { background: linear-gradient(135deg, #ef444422, #3b82f622); }
|
||||
.pi3 { background: linear-gradient(135deg, #c98d1d22, #a78bfa22); }
|
||||
.pi4 { background: linear-gradient(135deg, #2dbad222, #fbbf2422); }
|
||||
.pi5 { background: linear-gradient(135deg, #f472b622, #34d39922); }
|
||||
.pi6 { background: linear-gradient(135deg, #a78bfa22, #fbbf2422); }
|
||||
.product-img span { font-size: 16px; font-weight: 700; color: #1a1816; background: rgba(255,255,255,0.8); padding: 8px 16px; border-radius: 12px; }
|
||||
.product-info { padding: 24px; }
|
||||
.product-info h3 { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
|
||||
.product-info p { font-size: 14px; color: #6b665e; line-height: 1.5; margin-bottom: 12px; }
|
||||
.product-price { font-family: 'Instrument Serif', serif; font-size: 32px; color: #c98d1d; }
|
||||
/* Process */
|
||||
.process { padding: 60px 120px; background: #faf9f6; margin: 0 120px; border-radius: 32px; }
|
||||
.process-title {
|
||||
font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em;
|
||||
color: #2dbad2; margin-bottom: 40px;
|
||||
}
|
||||
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
|
||||
.step { text-align: center; }
|
||||
.step-num {
|
||||
width: 64px; height: 64px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
|
||||
font-size: 24px; font-weight: 800; color: #fff; margin: 0 auto 20px;
|
||||
}
|
||||
.sn1 { background: #c98d1d; } .sn2 { background: #2dbad2; }
|
||||
.sn3 { background: #c98d1d; } .sn4 { background: #2dbad2; }
|
||||
.step h4 { font-size: 18px; font-weight: 700; margin-bottom: 8px; color: #1a1816; }
|
||||
.step p { font-size: 14px; color: #6b665e; line-height: 1.5; }
|
||||
/* Testimonial */
|
||||
.testimonial {
|
||||
margin: 0 120px; padding: 48px; background: #fff; border: 1.5px solid rgba(205,201,194,0.5);
|
||||
border-radius: 24px; border-left: 6px solid #c98d1d;
|
||||
}
|
||||
.testimonial p { font-size: 20px; color: #1a1816; font-style: italic; line-height: 1.6; margin-bottom: 20px; }
|
||||
.testimonial footer { font-size: 15px; color: #6b665e; }
|
||||
.testimonial footer strong { display: block; margin-bottom: 4px; }
|
||||
/* Footer CTA */
|
||||
.footer-cta {
|
||||
margin: 60px 120px 0; padding: 60px; text-align: center;
|
||||
background: #1a1816; border-radius: 32px;
|
||||
}
|
||||
.footer-cta h2 {
|
||||
font-family: 'Instrument Serif', serif; font-size: 40px; color: #faf9f6; margin-bottom: 16px;
|
||||
}
|
||||
.footer-cta p { font-size: 18px; color: #a9a49c; margin-bottom: 32px; }
|
||||
.footer-btn {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 18px 56px; background: #e6b04c; color: #1a1816;
|
||||
border-radius: 16px; font-size: 20px; font-weight: 700;
|
||||
}
|
||||
.footer-contact {
|
||||
margin-top: 28px; font-size: 16px; color: #6b665e;
|
||||
}
|
||||
.footer-contact a { color: #e6b04c; text-decoration: none; font-weight: 600; }
|
||||
.watermark {
|
||||
position: absolute; bottom: 48px; left: 50%; transform: translateX(-50%);
|
||||
font-size: 12px; color: #a9a49c; font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="flyer">
|
||||
<div class="header">
|
||||
<div class="header-logo">
|
||||
<div class="logo-icon"><div class="li1"></div><div class="li2"></div><div class="li3"></div><div class="li4"></div></div>
|
||||
<span class="logo-text">Novizun</span>
|
||||
</div>
|
||||
<div class="header-right"><big>GeBIZ Registered Vendor</big><small>Authentic STEM Toys · Singapore</small></div>
|
||||
<div class="header-tiles"><div class="ht"></div><div class="ht"></div><div class="ht"></div><div class="ht"></div><div class="ht"></div><div class="ht"></div></div>
|
||||
</div>
|
||||
<div class="hero">
|
||||
<div class="hero-badge">✓ Government-Approved STEM Toy Vendor</div>
|
||||
<h1>Authentic STEM toys your school can<br/><em>claim from government funds</em></h1>
|
||||
<p>GeBIZ-registered vendor with valid UEN. PicassoTiles magnetic tiles and Play-Doh — with proper tax invoices for Edusave, PGS, ECDA, and MOE claims. Trusted by 15+ Singapore schools.</p>
|
||||
</div>
|
||||
<div class="schemes">
|
||||
<div class="schemes-title">Claim under these government schemes</div>
|
||||
<div class="schemes-grid">
|
||||
<div class="scheme-card"><span class="scheme-badge scheme-badge--moe">MOE</span><h3>Edusave</h3><p>For primary and secondary school enrichment programmes. Purchase STEM learning materials with Edusave funds.</p><span class="scheme-audience">Primary & Secondary Schools</span></div>
|
||||
<div class="scheme-card"><span class="scheme-badge scheme-badge--ecda">ECDA</span><h3>PGS — Preschool Grant</h3><p>For kindergartens and childcare centres to enhance learning environments with quality educational resources.</p><span class="scheme-audience">Kindergartens & Childcare</span></div>
|
||||
<div class="scheme-card"><span class="scheme-badge scheme-badge--ecda">ECDA</span><h3>KidSTART Grants</h3><p>ECDA funding for centres supporting lower-income families with developmental learning tools.</p><span class="scheme-audience">Early Childhood Centres</span></div>
|
||||
<div class="scheme-card"><span class="scheme-badge scheme-badge--moe">MOE</span><h3>School Funds</h3><p>General procurement budgets for classroom resources, STEM corners, and hands-on learning materials.</p><span class="scheme-audience">All MOE Schools</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="products">
|
||||
<div class="products-title">Our products</div>
|
||||
<div class="products-grid">
|
||||
<div class="product-card"><div class="product-img pi1"><span>$29.90</span></div><div class="product-info"><h3>Character Playset</h3><p>Magnetic action figures for creative role-play. Works with all tile brands.</p><span class="product-price">$29.90</span></div></div>
|
||||
<div class="product-card"><div class="product-img pi2"><span>65 colours</span></div><div class="product-info"><h3>Play-Doh 65 Pack</h3><p>65 cans with 60 different colours. Non-toxic, perfect for classroom use.</p><span class="product-price">$49.90</span></div></div>
|
||||
<div class="product-card"><div class="product-img pi3"><span>$89.90</span></div><div class="product-info"><h3>102pc Ninja Set</h3><p>102 pieces with 8 characters. 2-in-1 storytelling and construction.</p><span class="product-price">$89.90</span></div></div>
|
||||
<div class="product-card"><div class="product-img pi4"><span>$79.90</span></div><div class="product-info"><h3>72pc Ice Castle</h3><p>Winter castle set with translucent blocks. Promotes STEM learning.</p><span class="product-price">$79.90</span></div></div>
|
||||
<div class="product-card"><div class="product-img pi5"><span>$69.90</span></div><div class="product-info"><h3>Construction Set</h3><p>Construction-themed with 8 characters. Building + pretend play.</p><span class="product-price">$69.90</span></div></div>
|
||||
<div class="product-card"><div class="product-img pi6"><span>$29.90</span></div><div class="product-info"><h3>8-Piece Characters</h3><p>King, Queen, Athletes, Cowboy & more. Interactive storytelling.</p><span class="product-price">$29.90</span></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="process">
|
||||
<div class="process-title">How school orders work</div>
|
||||
<div class="process-grid">
|
||||
<div class="step"><div class="step-num sn1">1</div><h4>Send requirements</h4><p>Email us with products, quantities, and delivery address. We'll quote within 24 hours.</p></div>
|
||||
<div class="step"><div class="step-num sn2">2</div><h4>We deliver</h4><p>1–3 business day delivery across Singapore with protective packaging.</p></div>
|
||||
<div class="step"><div class="step-num sn3">3</div><h4>Receive invoice</h4><p>Tax invoice with UEN — ready for your finance team.</p></div>
|
||||
<div class="step"><div class="step-num sn4">4</div><h4>Claim funds</h4><p>Submit the invoice under Edusave, PGS, ECDA, or MOE schemes.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="testimonial">
|
||||
<p>"PicassoTiles transformed our STEM programme. Students look forward to every hands-on lesson and collaborate much more confidently."</p>
|
||||
<footer><strong>K Sarata, Admin Manager</strong>New Town Primary School</footer>
|
||||
</div>
|
||||
<div class="footer-cta">
|
||||
<h2>Ready to equip your classroom?</h2>
|
||||
<p>Email us for a bulk quote — special pricing for schools</p>
|
||||
<span class="footer-btn">novizun@gmail.com →</span>
|
||||
<p class="footer-contact">novizun@gmail.com · <a href="#">novizun.com</a> · <a href="#">shopee.sg/novizun</a></p>
|
||||
</div>
|
||||
<div class="watermark">© 2025 Novizun · Singapore's Trusted STEM Toy Vendor</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
78
marketing/05-shopee-banner.html
Normal file
78
marketing/05-shopee-banner.html
Normal file
@@ -0,0 +1,78 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=1500">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 1500px; height: 400px; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
|
||||
.banner {
|
||||
width: 1500px; height: 400px; position: relative; overflow: hidden;
|
||||
background: linear-gradient(135deg, #1a1816 0%, #2d2a26 60%, #1a1816 100%);
|
||||
display: flex; align-items: center;
|
||||
}
|
||||
/* Tile decorations */
|
||||
.tiles { position: absolute; right: 0; top: 0; bottom: 0; display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; padding: 12px; opacity: 0.08; }
|
||||
.tiles div { border-radius: 12px; }
|
||||
.tiles div:nth-child(1) { background: #c98d1d; } .tiles div:nth-child(2) { background: #2dbad2; }
|
||||
.tiles div:nth-child(3) { background: #f472b6; } .tiles div:nth-child(4) { background: #a78bfa; }
|
||||
.tiles div:nth-child(5) { background: #fbbf24; } .tiles div:nth-child(6) { background: #34d399; }
|
||||
.tiles div:nth-child(7) { background: #c98d1d; } .tiles div:nth-child(8) { background: #2dbad2; }
|
||||
.tiles div:nth-child(9) { background: #f472b6; } .tiles div:nth-child(10) { background: #a78bfa; }
|
||||
/* Content */
|
||||
.content { position: relative; z-index: 2; padding: 0 80px; display: flex; align-items: center; gap: 64px; width: 100%; }
|
||||
.logo { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
|
||||
.logo-icon { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; width: 48px; height: 48px; }
|
||||
.logo-icon div { border-radius: 8px; }
|
||||
.li1 { background: rgba(230,176,76,0.9); } .li2 { background: rgba(45,186,210,0.7); }
|
||||
.li3 { background: rgba(230,176,76,0.5); } .li4 { background: rgba(45,186,210,0.8); }
|
||||
.logo-text { font-size: 28px; font-weight: 700; color: #faf9f6; white-space: nowrap; }
|
||||
.divider { width: 1px; height: 64px; background: rgba(255,255,255,0.15); flex-shrink: 0; }
|
||||
.tagline { flex: 1; }
|
||||
.tagline h2 { font-size: 20px; font-weight: 600; color: #faf9f6; margin-bottom: 4px; }
|
||||
.tagline p { font-size: 14px; color: #918c84; }
|
||||
.badges { display: flex; gap: 10px; flex-shrink: 0; }
|
||||
.sm-badge {
|
||||
padding: 6px 14px; border-radius: 8px; font-size: 12px; font-weight: 700;
|
||||
border: 1px solid rgba(255,255,255,0.15);
|
||||
}
|
||||
.sm-badge--amber { background: rgba(201,141,29,0.2); color: #e6b04c; }
|
||||
.sm-badge--teal { background: rgba(45,186,210,0.2); color: #6ccee0; }
|
||||
.sm-badge--white { background: rgba(255,255,255,0.08); color: #dcd9d5; }
|
||||
/* CTA */
|
||||
.shop-btn {
|
||||
padding: 12px 28px; background: #e6b04c; color: #1a1816;
|
||||
border-radius: 10px; font-size: 14px; font-weight: 700; white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="banner">
|
||||
<div class="tiles">
|
||||
<div></div><div></div><div></div><div></div><div></div>
|
||||
<div></div><div></div><div></div><div></div><div></div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="logo">
|
||||
<div class="logo-icon"><div class="li1"></div><div class="li2"></div><div class="li3"></div><div class="li4"></div></div>
|
||||
<span class="logo-text">Novizun</span>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="tagline">
|
||||
<h2>Singapore's trusted STEM toy vendor — authentic PicassoTiles & Play-Doh</h2>
|
||||
<p>GeBIZ registered · Tax invoices with UEN · 100% authentic</p>
|
||||
</div>
|
||||
<div class="badges">
|
||||
<span class="sm-badge sm-badge--amber">4.9★ Shopee</span>
|
||||
<span class="sm-badge sm-badge--teal">15+ Schools</span>
|
||||
<span class="sm-badge sm-badge--white">MOE Claims</span>
|
||||
</div>
|
||||
<span class="shop-btn">Shop Now →</span>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
170
marketing/06-facebook-cover.html
Normal file
170
marketing/06-facebook-cover.html
Normal file
@@ -0,0 +1,170 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=1640">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body { width: 1640px; height: 856px; overflow: hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
|
||||
.card {
|
||||
width: 1640px; height: 856px; position: relative; overflow: hidden;
|
||||
background: linear-gradient(150deg, #fff8ee 0%, #faf9f6 30%, #f0fbfc 70%, #e8f8fb 100%);
|
||||
}
|
||||
|
||||
/* Decorative tile clusters */
|
||||
.tile-cluster {
|
||||
position: absolute; display: grid; gap: 10px; opacity: 0.12;
|
||||
}
|
||||
.cluster-1 { top: -20px; right: 120px; grid-template-columns: repeat(4, 80px); grid-template-rows: repeat(3, 80px); }
|
||||
.cluster-2 { bottom: -30px; right: 400px; grid-template-columns: repeat(3, 60px); grid-template-rows: repeat(2, 60px); opacity: 0.08; }
|
||||
.tile { border-radius: 14px; }
|
||||
.tc1 { background: #c98d1d; }
|
||||
.tc2 { background: #2dbad2; }
|
||||
.tc3 { background: #f472b6; }
|
||||
.tc4 { background: #a78bfa; }
|
||||
.tc5 { background: #fbbf24; }
|
||||
.tc6 { background: #34d399; }
|
||||
|
||||
/* Warm blob */
|
||||
.blob {
|
||||
position: absolute; border-radius: 50%; filter: blur(100px);
|
||||
}
|
||||
.blob-1 { width: 500px; height: 500px; background: rgba(201,141,29,0.1); top: -150px; left: -100px; }
|
||||
.blob-2 { width: 400px; height: 400px; background: rgba(45,186,210,0.08); bottom: -100px; right: 200px; }
|
||||
|
||||
/* Main content — left aligned */
|
||||
.content {
|
||||
position: absolute; top: 50%; left: 100px;
|
||||
transform: translateY(-50%);
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
/* Vendor badge */
|
||||
.vendor-badge {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 8px 20px; background: #d0eef3; border: 1.5px solid rgba(45,186,210,0.3);
|
||||
border-radius: 999px; font-size: 13px; font-weight: 700; color: #1a7d8e;
|
||||
letter-spacing: 0.04em; margin-bottom: 28px;
|
||||
}
|
||||
.badge-dot { width: 8px; height: 8px; border-radius: 50%; background: #2dbad2; }
|
||||
|
||||
/* Headline */
|
||||
.section-label {
|
||||
font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: #c98d1d; margin-bottom: 16px; display: block;
|
||||
}
|
||||
h1 {
|
||||
font-family: 'Instrument Serif', serif; font-size: 72px; font-weight: 400;
|
||||
line-height: 1.05; color: #1a1816; margin-bottom: 20px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
h1 em { font-style: italic; color: #c98d1d; }
|
||||
|
||||
.tagline {
|
||||
font-size: 20px; color: #6b665e; line-height: 1.5; margin-bottom: 36px;
|
||||
max-width: 620px;
|
||||
}
|
||||
|
||||
/* Trust pills row */
|
||||
.trust-row { display: flex; gap: 14px; flex-wrap: wrap; }
|
||||
.pill {
|
||||
display: inline-flex; align-items: center; gap: 8px;
|
||||
padding: 10px 18px; background: #fff; border: 1px solid rgba(205,201,194,0.5);
|
||||
border-radius: 12px; font-size: 14px; font-weight: 600; color: #1a1816;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
|
||||
}
|
||||
.pill-icon { font-size: 15px; }
|
||||
.pill-icon.amber { color: #c98d1d; }
|
||||
.pill-icon.teal { color: #2dbad2; }
|
||||
|
||||
/* Right side — product showcase */
|
||||
.products {
|
||||
position: absolute; top: 50%; right: 80px;
|
||||
transform: translateY(-50%);
|
||||
display: grid; grid-template-columns: repeat(2, 180px); gap: 16px;
|
||||
}
|
||||
.product-tile {
|
||||
width: 180px; height: 180px; border-radius: 24px; position: relative;
|
||||
box-shadow: 0 8px 32px rgba(0,0,0,0.08);
|
||||
}
|
||||
.pt1 { background: linear-gradient(135deg, #c98d1d 0%, #a87214 100%); }
|
||||
.pt2 { background: linear-gradient(135deg, #2dbad2 0%, #1a7d8e 100%); }
|
||||
.pt3 { background: linear-gradient(135deg, #f472b6 0%, #c44f8e 100%); }
|
||||
.pt4 { background: linear-gradient(135deg, #a78bfa 0%, #7c5fcf 100%); }
|
||||
.product-tile span {
|
||||
position: absolute; bottom: 14px; left: 14px;
|
||||
font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.9);
|
||||
background: rgba(0,0,0,0.2); backdrop-filter: blur(8px);
|
||||
padding: 4px 10px; border-radius: 6px;
|
||||
}
|
||||
|
||||
/* Logo / brand mark */
|
||||
.brand {
|
||||
position: absolute; bottom: 40px; left: 100px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
}
|
||||
.brand-logo {
|
||||
width: 40px; height: 40px; border-radius: 10px;
|
||||
background: #c98d1d; display: flex; align-items: center; justify-content: center;
|
||||
font-family: 'Instrument Serif', serif; font-size: 22px; color: #fff;
|
||||
}
|
||||
.brand-name { font-size: 18px; font-weight: 700; color: #1a1816; letter-spacing: -0.01em; }
|
||||
.brand-tagline { font-size: 12px; color: #a9a49c; font-weight: 500; }
|
||||
|
||||
/* URL */
|
||||
.url {
|
||||
position: absolute; bottom: 44px; right: 80px;
|
||||
font-size: 14px; font-weight: 600; color: #2dbad2;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="blob blob-1"></div>
|
||||
<div class="blob blob-2"></div>
|
||||
|
||||
<div class="tile-cluster cluster-1">
|
||||
<div class="tile tc1"></div><div class="tile tc2"></div><div class="tile tc3"></div><div class="tile tc5"></div>
|
||||
<div class="tile tc4"></div><div class="tile tc1"></div><div class="tile tc6"></div><div class="tile tc2"></div>
|
||||
<div class="tile tc3"></div><div class="tile tc4"></div><div class="tile tc1"></div><div class="tile tc5"></div>
|
||||
</div>
|
||||
<div class="tile-cluster cluster-2">
|
||||
<div class="tile tc2"></div><div class="tile tc5"></div><div class="tile tc3"></div>
|
||||
<div class="tile tc1"></div><div class="tile tc6"></div><div class="tile tc4"></div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<div class="vendor-badge"><div class="badge-dot"></div>GeBIZ / VCG Registered Vendor</div>
|
||||
<span class="section-label">Authentic STEM Toys · Singapore</span>
|
||||
<h1>Where schools find<br/><em>claim-ready</em> STEM toys.</h1>
|
||||
<p class="tagline">PicassoTiles & Play-Doh with proper tax invoices and UEN. Claim from Edusave, PGS, ECDA & MOE funds.</p>
|
||||
<div class="trust-row">
|
||||
<span class="pill"><span class="pill-icon amber">✓</span> Tax Invoice + UEN</span>
|
||||
<span class="pill"><span class="pill-icon teal">✓</span> GeBIZ Approved</span>
|
||||
<span class="pill"><span class="pill-icon amber">✓</span> 15+ School Partners</span>
|
||||
<span class="pill"><span class="pill-icon teal">✓</span> Bulk Discounts</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="products">
|
||||
<div class="product-tile pt1"><span>PicassoTiles</span></div>
|
||||
<div class="product-tile pt2"><span>Play-Doh</span></div>
|
||||
<div class="product-tile pt3"><span>Ninja Set</span></div>
|
||||
<div class="product-tile pt4"><span>Ice Castle</span></div>
|
||||
</div>
|
||||
|
||||
<div class="brand">
|
||||
<div class="brand-logo">N</div>
|
||||
<div>
|
||||
<div class="brand-name">Novizun</div>
|
||||
<div class="brand-tagline">STEM Toys for Schools & Homes</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="url">novizun.com</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
marketing/screenshots/01-facebook-post-claim.png
Normal file
BIN
marketing/screenshots/01-facebook-post-claim.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 266 KiB |
BIN
marketing/screenshots/02-instagram-story-schools.png
Normal file
BIN
marketing/screenshots/02-instagram-story-schools.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
marketing/screenshots/03-whatsapp-promo.png
Normal file
BIN
marketing/screenshots/03-whatsapp-promo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 289 KiB |
BIN
marketing/screenshots/04-school-flyer.png
Normal file
BIN
marketing/screenshots/04-school-flyer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 922 KiB |
BIN
marketing/screenshots/05-shopee-banner.png
Normal file
BIN
marketing/screenshots/05-shopee-banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
BIN
marketing/screenshots/06-facebook-cover.png
Normal file
BIN
marketing/screenshots/06-facebook-cover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 529 KiB |
Reference in New Issue
Block a user