Red velvet #11188
Closed
sumitkumarbanerjee306-hub
started this conversation in
Polls
Red velvet
#11188
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
<!doctype html>
<title>Red Velvet</title> <style> :root{ --velvet-1:#6b0f1a; --velvet-2:#c91f37; --cream:#fff7f8; --accent:#f3c6cc; --shadow: 0 8px 30px rgba(107,15,26,0.35); } html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial} body{ display:grid; place-items:center; background: radial-gradient(1200px 600px at 10% 10%, rgba(201,31,55,0.08), transparent 10%), linear-gradient(135deg,var(--velvet-1),var(--velvet-2)); color:var(--cream); } .card{ width:min(720px,92vw); background: linear-gradient(180deg, rgba(255,247,248,0.06), rgba(255,247,248,0.02)); border-radius:18px; padding:36px; box-shadow:var(--shadow); border: 1px solid rgba(255,255,255,0.06); backdrop-filter: blur(6px); } h1{ margin:0 0 8px 0; font-size:2.2rem; letter-spacing:0.6px; text-shadow: 0 2px 12px rgba(0,0,0,0.25); } p.lead{margin:0 0 20px 0;color:var(--accent)} .btn{ display:inline-block; padding:10px 18px; border-radius:10px; background:linear-gradient(180deg,#ff7f8a,#d4374a); color:#fff; text-decoration:none; font-weight:600; box-shadow: 0 6px 18px rgba(212,59,76,0.28); transition:transform .18s ease, box-shadow .18s ease; } .btn:active{transform:translateY(1px)} .meta{margin-top:18px;color:rgba(255,255,255,0.85);font-size:.95rem;display:flex;gap:12px;align-items:center} .badge{background:rgba(255,255,255,0.06);padding:6px 10px;border-radius:999px;font-weight:600} footer{margin-top:18px;color:rgba(255,255,255,0.5);font-size:.85rem} </style>Red Velvet
A warm, elegant theme inspired by red velvet — perfect for promos, bakeries, or luxe UI accents.
Try the theme--velvet-1and--velvet-2to adapt tones.1 vote ·
Beta Was this translation helpful? Give feedback.
All reactions