d2-ui
Version:
50 lines (46 loc) • 1.19 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>D2-UI | HeaderBar component</title>
<!-- All external dependencies are included in the development version, so no extra scripts needed -->
<script defer src="headerbar.js"></script>
<style>
html {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 300;
padding: 0;
margin: 0;
background: #f5f5f5;
}
body {
margin: 0;
margin-top: 48px;
padding: 8px;
}
a {
text-decoration: none;
color: #1E88E5;
}
#placeholder {
position: fixed;
z-index: -100;
top: 0;
left: 0;
right: 0;
height: 24px;
padding: 12px;
color: white;
background: #d0d0d0;
}
</style>
</head>
<body>
<div id="placeholder">Header bar goes here...</div>
<h1><a href="index.html">D2-UI Examples</a>: HeaderBar component</h1>
<hr/>
<div id="header-bar"></div>
<div style="height: 10000px"> </div>
</body>
</html>