tape-deck.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<!DOCTYPE html>
<html lang=en>
    <head>
        <meta charset=UTF-8>
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>2019 Mix Side A - Winter</title>
    </head>
    <body>
        <div class="tape-deck-container">
            <div class="tape-deck">
                <img id="tape-deck" class="tape-deck-img" src="images/cool-deck.png">
            </div>
            <div class="button-container">
                <button onclick="play()"><img class="play-button" id="play-button" src="images/play-button-up.png"></button>
            </div>
            <div class="notes">
                <p id="notes"></p>
            </div>
        </div>
        <script src="tape-deck.js"></script>
    </body>
</html>