zhaw-moba2/Tasks/Task 01/navibar/navibar.html

53 lines
No EOL
849 B
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Navibar Demo</title>
<script src="navibar.js"></script>
<navigation-bar>
<a href="#home">
<img src="./imgs/home.png" />
</a>
<a href="#sitemap">
<img src="./imgs/map.png" />
</a>
<a href="#buy-coffee">
<img src="./imgs/coffee.png" />
</a>
<a href="#settings">
<img src="./imgs/settings.png" />
</a>
</navigation-bar>
<style>
body {
margin: 0;
padding: 0;
}
navigation-bar {
width: 100vw;
position: fixed;
bottom: 0;
/* ... */
}
navigation-bar a img {
opacity: 0.3;
height: 100%;
/* ... */
}
</style>
</head>
<body>
</body>
</html>