<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"> <title>music player anime project</title> </head> <body> <div class="background"> <img src="./images/gojo.jpg" id="bg-img"> </div> <div class="container"> <div class="player-img"> <img src="./images/hunterxhunter.jpg" class="active" id="cover"> </div> <h2 id="music-title"></h2> <h3 id="music-artist"></h3> <div class="playerprogess" id="playerprogess"> <div class="progess" id="progress"></div> <div class="music-duration"> </div> </div> <div class="player-controls"> <i class="fa-solid fa-backward" title="Previous" id="prev"></i> <i class="fa-solid fa-play play-button" title="Play" id="play"></i> <i class="fa-solid fa-forward" title="Next" id="next"></i> </div> </div> <script src="index.js"></script> </body> </html>