vibecodai logovibecodai

Quest 1 of 10 · 🏠 · Free · No setup

Build a Landing Page

Structure headings, links, and a call-to-action, then style and add a click handler. Everything runs in your browser with a live preview — nothing to install.

  • In-browser live preview
  • Saved on this device
  • Unlocks: HTML structure — headings, paragraphs, and links

Part of Web Dev Quests · Prefer prompts? Vibe Code Studio →

Step: HTML

Lay the foundation

Use semantic HTML to outline a landing page.

Every website starts with structure. HTML tags tell the browser what each piece is — a heading, a paragraph, or a link.

Your quest

Edit the HTML panel. Change the product name, write a short pitch, and add a second section with a feature list using <ul> and <li>.

Tip: Wrap related content in <section> tags for cleaner structure.

Edit HTML

HTML
Live preview