Dodawanie ikon

Lekcja 6 z 12 w kursie Dolny pasek nawigacyjny – projekt HTML/CSS w Coddy.

Wyzwanie

Łatwy

W każdym tagu listy <li> dodaj odpowiednią ikonę,

Dodaj do listy Home:
```
 
```
Dodaj do listy User:
```
 
```
Dodaj do listy Dashboard:
```

```

Dodaj do listy Chats:

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

Dodaj do listy Cart:

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

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Dolny pasek nawigacyjny – projekt HTML/CSS

1Pasek nawigacyjny

Konfiguracja kodu kontener główny

Pasek nawigacyjny

Lista nieuporządkowana i tytuł

Elementy listy i tytuły

Dodawanie ikon Lekcja projektowa

2Styl

Selektor uniwersalny

Element body

Stylizacja paska nawigacji

Stylizacja listy nieuporządkowanej

Stylizacja elementów listy

Animacja ikony po najechaniu

Poćwicz samodzielnie: Edytor online Web