index.html

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta charset="utf-8">
        <title>Map Test</title>
        <link rel="icon" type="image/png" href="images/sea-scavenger-icon.png">
        <link rel="stylesheet" href="styles/style.css">
        <link rel="stylesheet" href="styles/mapstyle.css">
        <script src="https://d3js.org/d3.v6.min.js"></script>
    </head>
    <body>
        <div class="container">
            <header>
                <img src="images/sea-scavenger-logo.png" alt="Sea Scavenger logo.">
            </header>
            <div class="worldmap" id="worldmap"></div>
            <footer>
                <div id="footer-grid">
                    <img id="cft-logo" src="images/code-for-tucson-logo.png" alt="Code for Tucson logo.">
                </div>
            </footer>
        </div>
        <script src="scripts/draw-map.js"></script>
    </body>
</html>