Icons hinzufügen

Lektion 6 von 12 im Kurs Untere Navigationsleiste - HTML/CSS Projekt von Coddy.

Aufgabe

Einfach

Füge in jedem Listen-Tag <li> das entsprechende Symbol hinzu:

In der Liste "Home" füge hinzu:
```
 
```
In der Liste "User" füge hinzu:
```
 
```
In der Liste "Dashboard" füge hinzu:
```

```

In der Liste "Chats" füge hinzu:

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

In der Liste "Cart" füge hinzu:

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

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Schreibe hier den HTML-Code -->
        <script src="script.js"></script>
    </body>
</html>

Alle Lektionen in Untere Navigationsleiste - HTML/CSS Projekt

1Navigationsleiste

Code-Setup main-container

Navbar

Ungeordnete Liste & Titel

Listen-Elemente & Titel

Icons hinzufügen Projekt-Lektion

2Das Styling

Universal-Tag

Body

Navbar-Styling

Styling ungeordneter Listen

Listenpunkt-Styling

Hover-Animation für Icons