index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=1">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>

	<div class="main-container">
        <div class="card">
            <div class="image-container">
                 <img class="image" id="image" src="imagen/maxresdefault.jpg">
            </div>
            <div class="controls-container">
				
			
				<button id="playPauseBTN" onclick="playPause()">Play ►</button>
				 
				 
				<button onclick="stop()">Stop ▋</button>
			</div>
			
        </div>
    </div>
	<audio id="audio">
		<source src="audio/significado de la vida  1.mp3" type="audio/mpeg">
	</audio>
<script src="js/script.js"></script>
</body>
</html>