Project 8: Event Invitation

HTML Masterclass

Builds on these lessons

Multimedia Audio Adding Audio Video Adding Video Iframes Using Iframe Geolocation

Step 1 of 4

Project

Skeleton & Invitation Copy

Start simple: an <h1> with the event name and two paragraphs giving the date and venue. This is the plain-text core of the invitation before any embedded media joins it.

🎯 Your Task

Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Summer Rooftop Party</title>
</head>
<body>
  <h1>Summer Rooftop Party</h1>
  <p>Saturday, July 18th, 2026 — 7:00 PM</p>
  <p>The Elm Street Rooftop, 4th Floor</p>
</body>
</html>

← Previous Next →