search.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pesquisar</title>
    <link rel="icon" href="assets/images/search-icon.png" type="image/x-icon">
    <link rel="stylesheet" href="styles.css">
    
</head>
<body class="searchQueryPage">
    <h1>Escolha o Mecanismo de Pesquisa</h1>
    <main id="searchQuery">
        <div id="query" class="searchQuery"></div>
        <div class="buttons">
            <button type="button" data-engine="google">Google</button>
            <button type="button" data-engine="bing">Bing</button>
            <button type="button" data-engine="youtube">YouTube</button>
            <button type="button" data-engine="duckduckgo">DuckDuckGo</button>
            <button type="button" data-engine="startpage">Startpage</button>
        </div>
    </main>
    
    <footer>
        <p>&copy; 2024 SnumpusGx・<a href="http://github.com/snumpusgx">Github</a> - <a href="http://github.com/snumpusgx/web-search">Source Code</a></p>
    </footer>
    <script src="search.js"></script>
</body>
</html>