header.html

<header>
    <nav>
        <ul style="background-color: black;">
            <li><a style="color: white;" href="https://vikasgoyal.github.io">Home</a></li>
            <li><a style="color: white;" href="https://vikasgoyal.github.io/agentic" target="_blank">Agentic AI</a></li>
            <li><a style="color: white;" href="https://vikasgoyal.github.io/startups/" target="_blank">Startups</a></li>
            <li><a style="color: white;" href="https://vikasgoyal.github.io/genai" target="_blank">Generative AI</a></li>
            <li><a style="color: white;" href="https://vikasgoyal.github.io/ecp/" target="_blank">ECP</a></li>
            <li><a style="color: white;" href="https://www.linkedin.com/in/vikasgoyal/" target="_blank">LinkedIn</a></li>
        </ul>
    </nav>
    <br>
</header>

<style>
    nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
    }
    nav ul li {
        margin-right: 20px; /* Adjust the space between links as needed */
    }
    nav ul li a {
        text-decoration: none;

        font-size: large;
    }
    nav ul li a:hover {
        text-decoration: underline;
    }
</style>