Skip to content

Instantly share code, notes, and snippets.

<!doctype html>
<html lang="vi">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Blow Candle Widget - 2-tier (No icon)</title>
<style>
:root{
--bg:#f6fbff;
--card:#ffffff;
<!doctype html>
<html lang="vi">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Birthday Cake — 2 Tier (Pastel) — 7 Candles</title>
<style>
:root{
--bg:#f6fbff;
--card:#ffffff;
<!doctype html>
<html lang="vi">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<title>Blow Candle Widget - Simple</title>
<style>
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial; background:#fff; margin:0; padding:18px; display:flex; align-items:center; justify-content:center; min-height:100vh;}
.widget{ width:100%; max-width:520px; background:#fff; border-radius:14px; padding:18px; box-shadow:0 10px 30px rgba(50,50,93,.06); text-align:center; position:relative;}
#cake{width:260px; max-width:60%; margin:0 auto 12px; display:block;}