add top nav bar
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
915450b0b0
commit
c2046113a6
@ -63,3 +63,23 @@ p {
|
|||||||
.btn-group button:hover {
|
.btn-group button:hover {
|
||||||
background-color: #008800;
|
background-color: #008800;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
background-color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
float: left;
|
||||||
|
color: #00ff00;
|
||||||
|
text-align: center;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover {
|
||||||
|
background-color: #008800;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a.active {
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
}
|
@ -8,6 +8,12 @@
|
|||||||
<script src="scripts/index.js" type="module"></script>
|
<script src="scripts/index.js" type="module"></script>
|
||||||
<script src="scripts/elements.js" type="module"></script>
|
<script src="scripts/elements.js" type="module"></script>
|
||||||
</head>
|
</head>
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<a class="active" href="index.html">Instances</a>
|
||||||
|
<a>Logout</a>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
<body>
|
<body>
|
||||||
<div id="instance-container" class="center-div"></div>
|
<div id="instance-container" class="center-div"></div>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
Reference in New Issue
Block a user