OPacific.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="../css/OPacific.css">
     <script src="../js/swimmer.js" defer></script>    
     <script src="../js/fish.js" defer></script>   
     <script src="../js/button.js" defer></script>
 

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Swimmer Animation</title>
</head>

<body>
    <div id="cursorGif" class="swimmer"></div>
        <img src="../images/OPacyellowtang.webp" alt="Antlantic fish" class="fish">
        <img src="../images/OPaclongsquid.gif" alt="Red Octupus" class="fish">
        <img src="../images/OPacClownfish.gif" alt="Atlantic Bluefin Tuna" class="fish">
        <img src="../images/OPacParot.gif" alt="Swordfish" class="fish">
        <img src="../images/OPACRABB.gif" alt="Mako Shark" class="fish">

        <img src="../images/pytho1.png" alt="phytoplankton" class="phytoplankton">


        <button id="displayTextButtonPacific">Akashiwo sanguinea</button>
        <textarea id="infoBox" rows="8" cols="80" readonly></textarea>

        
</div>

    </body>

</html>