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

53 lines
849 B
HTML
Raw Permalink Normal View History

2024-03-01 17:07:26 +00:00
<!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>
2024-03-15 09:52:34 +00:00
<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>
2024-03-01 17:07:26 +00:00
<style>
body {
margin: 0;
padding: 0;
}
navigation-bar {
width: 100vw;
position: fixed;
bottom: 0;
/* ... */
}
navigation-bar a img {
opacity: 0.3;
2024-03-15 09:52:34 +00:00
height: 100%;
2024-03-01 17:07:26 +00:00
/* ... */
}
</style>
</head>
<body>
</body>
</html>