Workshop › My business card › Step 1 of 12

My business card: Your name as a heading

Build your own business card page with HTML and CSS: a heading, a card with rounded corners and a shadow, and your links. The page updates as you type.

What we are doing

We are making a business card web page. A web page is written in HTML: text wrapped in tags that say what each part is. The first thing on a card is your name, as the page's main heading.

```html
<h1>Ada Lovelace</h1>
```

What it means

<h1> opens a level-1 heading, the most important title on the page; </h1> (with a slash) closes it.
Whatever is between them is the heading's text: write your own name.
Everything visible goes inside <body>.

Your turn

Write the line with your own name on the empty line inside <body>. The page on the right updates as you type.

Skills: HTML structure

A line about you →

All steps

Your name as a heading
A line about you
Put them in a box
Your first CSS
Make the box look like a card
Center the card
A soft shadow
Color your name
Add your links
Links in a row
Links that react
Build it yourself: a card that reacts