<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/all.css"> <link rel="stylesheet" href="css/style.css"> <title>Document</title> </head> <body> <div class="navigation"> <ul> <li class="list active"> <a href="#"> <span class="icon"><ion-icon name="home-outline"></ion-icon></span> <span class="text">Home</span> </a> </li> <li class="list"> <a href="#"> <span class="icon"><ion-icon name="person-outline"></ion-icon></span> <span class="text">Profile</span> </a> </li> <li class="list"> <a href="#"> <span class="icon"><ion-icon name="notifications-outline"></ion-icon></span> <span class="text">Notifications</span> </a> </li> <li class="list"> <a href="#"> <span class="icon"><ion-icon name="mail-outline"></ion-icon></span> <span class="text">Message</span> </a> </li> <li class="list"> <a href="#"> <span class="icon"><ion-icon name="settings-outline"></ion-icon></span> <span class="text">Setting</span> </a> </li> <div class="point"></div> </ul> </div> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> <script src="js/main.js"> </script> </body> </html>