searchPage.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>AirosBrowser</title>
    <link rel="stylesheet" href="searchPage.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>

    <webview id="searchResults" style="position: absolute; width: 100%; height: 100%;"></webview>
    <script src="renderer.js" defer type="module"></script>
    <script src="appFunctions.js" defer type="module"></script>
    <script src="search.js" defer type="module"></script>

</body>
</html>