header.html

<header>
    <nav>
        <ul>
            <li>
                <a href="home">Home</a>
            </li>
            <li class="dropdown">
                <a href="#">Software</a>
                <div style="display: flex; justify-content: center; text-align: center;">
                <div class="dropdown-content">
                    <a href="xplore"><img src="Xplore.ico" alt="" width="20px" height="20px" style="padding-right: 4px;"><b>Xplore</b></a>
                    <a href="xploredownload">Download Xplore</a>
                    <a href="xploretipstricks">Tips﹢Tricks</a>
                    <hr style="color: #FFFFFF; border-style:double; border-width: 1px;">
                    <a href="wordclock" style="margin-top: -6px;"><img src="wordclock.png" alt="" width="20px" height="20px" style="padding-right: 4px;"><b>word clock</b></a>
                    <a href="catchat"><img src="DarkModeFavicon.ico" alt="" width="20px" height="20px" style="padding-right: 4px;"><b>CatChat</b></a>
                    <hr style="color: #FFFFFF; border-style:double; border-width: 1px;">
                    <a href="teenagetechgames"><img src="mouseman.png" alt="" width="20px" height="20px" style="padding-right: 4px;"><b>Games</b></a>
                </div>
            </div>
            </li>
            <li>
                <a href="support">Support</a>
            </li>
            <li>
                <a href="about">About</a>
            </li>
        </ul>
    </nav>
</header>