1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Drum kit</title>
    <link rel="stylesheet" href="./1.css">
</head>
<body class="whole">  
    <div>
        <h1 class="cent">Drum<span><img class="chote" src="https://www.shutterstock.com/image-vector/snare-drum-vector-isolated-illustration-600nw-2325704019.jpg"></span>Kit</h1>
    </div>
    <div class="start">
    <button class="s drum">s</button>
    <button class="h drum">h</button>
    <button class="u drum">u</button>
    <button class="b drum">b</button>
    <button class="i drum">i</button>
    <button class="o drum">o</button>
    <button class="m drum">m</buuton>
    </div>
   <br>
   <div>
    <h3 class="love">I<span><img class="chote" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQYTY9AvlLCXs--1JlQmp_g-P34AAO1YCiN39pdugWihPKyQTijSZ4wktza7ZM597xxFus&usqp=CAU"alt="image of heart"></span>Love Music!</h3>
    </div>
    <script src="./1.js"></script>
</body>
</html>