Event Invitation Card

Part of the Fundamentals section of Coddy's HTML journey. Lesson 58 of 60.

Challenge

Easy

Recreate a simple event invitation card using only HTML. The card should include a title, a short description, and a table displaying the date and time.

Match the structure and text to the image below:

Try it yourself

All lessons in Fundamentals

1HTML Basics

What is HTML?Basic Structure of an HTML Tags and Elements Nesting and Closing Tags Comments in HTML

4Recipe Card

Project Overview Recipe Title and Description

Ingredients

Steps

7Personal Profile Page

Project Overview Header Section

Profile Picture

About Me Section

Social Links

10Tables

Table Basics Adding Captions Spanning Rows and Columns Recap - Tables

2Text and Formatting

Headings Paragraphs Line Breaks Bold and Italic Text Bold and Italic Again Recap - Formatting

5Adding Content

HTML Attributes Links New Page Links Images Image Attributes

8Forms and Inputs Part 1

Form Basics Text Inputs Input Attributes Password Field Labels for Inputs Recap - Basic Form

11Event Registration Page

Project Overview Header Section

Event Details Section

Registration Form

Footer Section

3Working with Lists

Unordered List Ordered List Nested Lists Recap - Lists

6Page Layout

Divisions Inline Spans Semantic Tags Sections and Articles Recap - Layout

9Forms and Inputs Part 2

Radio Buttons Checkboxes Dropdowns Buttons Buttons in Forms Recap - Forms #1 Recap - Forms #2

12Final Challenges

Simple Profile CardEvent Invitation CardSimple Article Page Favorite Books List

Practice on your own: Web playground