searchMenu.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>AirosBrowser</title>
    <link rel="stylesheet" href="searchMenu.css" />
</head>
<body>
    <div class="top-bar">
        <h1></h1>
        <style>
        </style>
        <div class="icons">
        <div class="icon-container">
            <button id="minimizeBtn" class="icon-btn" aria-label="Minimize">
            <img src="icons/minus.svg" id="imgMinimize">
            <style>
                #imgMinimize {
                padding: 18px;
                }
            </style>
            </button>
        </div>
        <div class="icon-container">
            <button id="restoreBtn" class="icon-btn" aria-label="Restore">
            <img src="icons/restore.svg" id="imgRestore">
            <style>
                #imgRestore {
                    padding: 18px;
                }
            </style>
            </button>
        </div>
        <div class="icon-container">
            <button id="closeBtn" class="icon-btn" aria-label="Close">
            <img src="icons/x.svg" id="imgClose">
            <style>
                #imgClose {
                    padding: 18px;
                }
            </style>
            </button>
            </div>
        </div>
    </div>
    <div class="gradient">
        <div id="overlay">
            <img src="icons/Group 31.svg">
            <button id="btn1"></button>
            <input type="text" id="text-input" name="text-input" placeholder="Search...">
            <button id="searchBtn">
            <img src="icons/search.svg" id="imgSearchBtn">
            <style>
                #imgSearchBtn {
                    padding: 30px;
                }
            </style>
            </button>


            <button id="amazonBtn" class="shourcutsBtns"></button>
            <button id="githubBtn" class="shourcutsBtns"></button>
            <button id="discordBtn" class="shourcutsBtns"></button>
            <button id="gmailBtn" class="shourcutsBtns"></button>
            <button id="twitterBtn" class="shourcutsBtns"></button>
            <button id="steamBtn" class="shourcutsBtns"></button>
            <button id="spotiBtn" class="shourcutsBtns"></button>
            <button id="driveBtn" class="shourcutsBtns"></button>
            <button id="youtubeBtn" class="shourcutsBtns"></button>

        </div>
        <canvas id="gradient-canvas" data-transition-in></canvas>
        <script>
          …
        </script>
    </div>
    <script src="renderer.js" defer type="module"></script>
    <script src="appFunctions.js" defer type="module"></script>
    <script src="input.js" defer type="module"></script>

</body>
</html>