// embeds

copy. paste. ship.

Each card below is a self-contained HTML snippet. Click copy, then in Google Sites: Insert → Embed → Embed code, paste, set the dimensions, done.

// 01 — hero

hero banner

Full-bleed page header with animated background, gradient headline, dual CTA, and a stat strip. Drop this at the top of a Google Sites page.

1100 × 700
// 02 — section-header

section header

Mono tag + huge gradient title. Use to start each Google Sites page section so they share a rhythm.

1100 × 220
// 03 — stat-row

stat row

Four-column metric strip. Great as a divider between two Sites sections.

1100 × 160
// 04 — card-grid

three-card grid

Glass cards with gradient pill tags. Use to summarize three skills, services, or steps.

1100 × 420
// 05 — code-window

code window

A mac-style window with a tiny HTML sample. Use this in a 'what is code' explainer section.

800 × 320
// 06 — cta

cta strip

Short call-to-action bar with one gradient pill. Drop near the bottom of a page.

1100 × 160