55 lines
1.3 KiB
HTML
55 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<style>
|
|
body {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items:flex-start;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.navbar {
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: rgb(113, 177, 216);
|
|
padding: 1px;
|
|
max-width: 64em;
|
|
list-style-type: none; /* Remove the dot */
|
|
margin: 0;
|
|
}
|
|
.navbar a {
|
|
flex: 5;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: #f2f2f2;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
padding: 5px;
|
|
transition: background-color 0.3s;
|
|
font-weight: bold;
|
|
font-family: Tahoma, Arial, sans-serif;
|
|
white-space: nowrap; /* Prevent text from wrapping */
|
|
margin-left: 16px;
|
|
margin-right: 16px;
|
|
}
|
|
.navbar a:hover {
|
|
background-color: #ddd;
|
|
color: black;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<ul class="navbar">
|
|
<li></li><a href="/home" target="_top">HOME</a></li>
|
|
<li></li><a href="/lights" target="_top">LIGHTS</a></li>
|
|
<li></li><a href="/setup" target="_top">SETUP</a></li>
|
|
<li></li><a href="/files" target="_top">FILES</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
</body>
|
|
</html> |