header.html

<header>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <div id="header" style="display: flex;/*! justify-content: center; */align-content: center;flex-direction: column;">
    <h1>Ant Colony Wiki</h1>
    <img width="200" height="200" src="assets/images/logo/creatingspace.png" style="align-self: center;" alt="missing"/>
    <div id="header-content" style="align-self: center;">
        <nav>
            <ul id="nav-menu">
                <!-- Dynamic navigation will be generated here -->
            </ul>
        </nav>
        <label for="search-bar"></label><input type="text" id="search-bar" placeholder="Search...">
        <div id="search-results" style="margin-top: 20px;">
            <!-- Search results will be dynamically inserted here -->
        </div>
    </div>
</div>
</header>