100-project-100-days-website/100_projects/6-Glassmorphism Hover Effects with Magic Line Indicator/index.html
2023-02-27 17:12:09 +03:00
Ask

23 lines
969 B
HTML

{746b5f4e6dc7600ab9ba563953e956d3fcf64f4f true 969 index.html 0xc0084b4850}

<!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="style.css">
<title>Document</title>
</head>
<body>
<ul>
<li><a href="#"><ion-icon name="home-outline"></ion-icon></a></li>
<li><a href="#"><ion-icon name="planet-outline"></ion-icon></a></li>
<li class="active"><a href="#"><ion-icon name="chatbox-outline"></ion-icon></a></li>
<li><a href="#"><ion-icon name="person-outline"></ion-icon></a></li>
<li><a href="#"><ion-icon name="settings-outline"></ion-icon></a></li>
<div id="marker"></div>
</ul>
<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="app.js"></script>
</body>
</html>