Workshop › My business card › Step 9 of 12

Add your links

What we are doing

A card says how to reach you. We add a list of links: e-mail and a website.

```html
<ul>
  <li><a href="mailto:ada@example.com">E-mail</a></li>
  <li><a href="https://github.com/">GitHub</a></li>
</ul>
```

What it means

• <ul> is a list; each <li> is one item.
• <a href="...">text</a> is a link: href is where it goes, the text is what you click.
• mailto: opens an e-mail to that address.

Your turn

Write the list inside the card, under the paragraph.

Skills: HTML structure

← Color your name Links in a row →

All steps

1. Your name as a heading
2. A line about you
3. Put them in a box
4. Your first CSS
5. Make the box look like a card
6. Center the card
7. A soft shadow
8. Color your name
9. Add your links
10. Links in a row
11. Links that react
12. Build it yourself: a card that reacts