<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Audio Player with Image and Lyrics</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f7f7f7;
display: none;
position:fixed;
justify-content: center;
align-items: center;
height: 100vh;
}
.audio-player {
text-align: center;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
width: 300px;
}
.audio-player img {
width: 100%;
border-radius: 10px;
}
.lyrics {
margin-top: 20px;
font-style: italic;
color: #555;
}
audio {
margin-top: 20px;
width: 100%;
}
</style>
</head>
<body>
<div class="audio-player">
<img src="https://images.squarespace-cdn.com/content/v1/5917088237c581c19c99de1d/66af2d85-9530-472b-8b4f-bd0cfa46f982/Screenshot+2024-10-02+at+6.17.47%E2%80%AFPM.png?format=2500w" alt="Album cover">
<audio controls>
<iframe src="https://myprayers.net/s/TheFreedomoftheUSA.mp3" type="audio/mpeg"></iframe?
Your browser does not support the audio element.
</audio>
<div class="lyrics">
.clearfix::after { content: ""; display: table; clear: both; }
<!-- Replace with a verse from the song -->
<p>"Christmas day is coming, I am happy and I’m humming,<br>
Merry Christmas songs.<br>
Frosty snowflakes are falling, as I spend my time calling,
all my friends back home."</p>
</div>
</div>
</body>
</html>
I'M GOING HOME FOR CHRISTMAS
I'm Going Home for Christmas
<video controls> <source src="https://youtu.be/3c5zxTKZEuY?si=xk_MeJb8n2tiVSdt.mp4" type="video"> Your browser does not support the video element. </video>
### Replace:
- `your-image.jpg` with the path or URL of the image.
- `your-audio.mp3` with the path or URL of the audio file.
- The text inside the `<p>` tag with your verse from the song.
"Living in the USA is where I want to be,
working in the USA, being all that I can be,
living in the USA, I’m free to live my life, my way,
this is where I want to stay, in The Freedom of the USA."
https://images.squarespace-cdn.com/content/v1/5917088237c581c19c99de1d/c5c6b96b-fbc0-492c-b62f-00d64a414bd6/Screenshot+2024-10-02+at+6.21.22%E2%80%AFPM.png?format=2500w
songs. https://myprayers.net/s/I_m_Going_Home_for_Christmas_-_1.mp3
I'm Going Home for Christmas
I'M GOING HOME FOR CHRISTMAS
