index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
    <link href="./style.css" rel="stylesheet">
    <title>Tap Music</title>

</head>

<body>
    <div class="app">
        <header>
            <h1>Tap Music</h1>
            <p>Make Music With only One Tap</p>
        </header>
        <div class="visual"></div>
        <div class="pads">
            <div class="pad1">
                <audio class="sound" src="./sounds/Aural-Nights.mp3"></audio>
            </div>
            <div class="pad2">
                <audio class="sound" src="./sounds/Art-Of-Silence_V2.mp3"></audio>
            </div>
            <div class="pad3">
                <audio class="sound" src="./sounds/fm-freemusic-give-me-a-smile.mp3"></audio>
            </div>
            <div class="pad4">
                <audio class="sound" src="./sounds/Luke-Bergs-Bliss.mp3"></audio>
            </div>
            <div class="pad5">
                <audio class="sound" src="./sounds/stardust-__-FREE-DOWNLOAD-CC0.mp3"></audio>
            </div>
            <div class="pad6">
                <audio class="sound" src="./sounds/Warm-Memories-Emotional-Inspiring-Piano.mp3"></audio>
            </div>
        </div>
    </div>
    <script src="./script.js"></script>
</body>

</html>