Adicionar Ícones

Lição 6 de 12 do curso Barra de Navegação Inferior - Projeto HTML/CSS da Coddy.

Desafio

Fácil

Dentro de cada tag de lista <li> adicione o respectivo ícone,

Na lista home adicione:
```
 
```
Na lista User adicione:
```
 
```
Na lista Dashboard adicione:
```

```

Na lista Chats adicione:

<i class="fa-solid fa-people-group"></i>

Na lista Cart adicione:

<i class="fa-solid fa-cart-shopping"></i>

Experimente você mesmo

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Escreva o código HTML aqui -->
        <script src="script.js"></script>
    </body>
</html>

Todas as lições de Barra de Navegação Inferior - Projeto HTML/CSS

1Barra de Navegação

Configuração do Código main-container

Navbar

Lista não ordenada e título

Itens da lista e títulos

Adicionar Ícones Lição de projeto

2O Estilo

Tag universal

Body

Estilização da Navbar

Estilização de lista não ordenada

Estilização de itens da lista

Animação de hover no ícone