DIR : /home/kozerus/public_html/cropex/nav_top.html
/home/kozerus/public_html/cropex
<html>
<head>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
}
#navbar {
position: fixed; /* Keeps the navbar fixed at the top */
top: 0;
width: 100%;
background-color: #333;
color: white;
padding: 15px;
z-index: 1000; /* Ensures it stays above other content */
}
.content {
padding-top: 60px; /* Adds space for the fixed navbar */
height: 2000px; /* Simulates a long page for scrolling */
background-color: #f9f9f9;
}
</style>
</head>
<body>
<div id="navbar">
<a href="#" style="color: white; text-decoration: none;">Home</a>
<a href="#" style="color: white; text-decoration: none; margin-left: 20px;">About</a>
<a href="#" style="color: white; text-decoration: none; margin-left: 20px;">Services</a>
<a href="#" style="color: white; text-decoration: none; margin-left: 20px;">Contact</a>
</div>
<div class="content">
<h1>Scroll Down to See the Effect</h1>
<p>This is some content that will allow you to scroll down the page.</p>
</div>
</body>
</html>
//