Add Icons

Lesson 6 of 12 in Coddy's Bottom Navigation Bar - HTML/CSS Project course.

Challenge

Easy

Inside each list tag <li> add the respective icon,

In home list add:
```
 
```
In User list add:
```
 
```
In Dashboard list add:
```

```

In Chats list add:

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

In Cart list add:

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

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in Bottom Navigation Bar - HTML/CSS Project

1Navigation Bar

Code Set up main-container

Navbar

Unordered list & title

List items & titles

Add Icons

2The Style

Universal tag

Body

Navbar styling

Unordered list styling

Item list styling

Animation on hover Icon