experimental.html

<html>

<head>
    <link rel="stylesheet" href="exp.css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="icon" href="imgs/logo3.png" type="image/gif" sizes="16x16">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <script src="https://kit.fontawesome.com/78d5864ec7.js" crossorigin="anonymous"></script>
    <title>Herpetofauna Of Bangladesh</title>

<body>
    <img src="./imgs/backdrop1080.jpg" id="background">
    <div id="bgcover"></div>
    <div id="icon-wrapper">
        <img src="/favicon4.png" alt="MovieBullet Logo" id="logo">
    </div>
    <div id="cover">
        <div class="wrap">
            <div class="search">
                <input type="text" class="searchTerm" id="search-field" placeholder="   What are you looking for?">
                <button onclick="search();" id="btn" class="searchButton">
                    <i class="fas fa-search"></i>
                </button>
            </div>
        </div>
    </div>
    <script src="/js/home.js"></script>
</body>

</html>