html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>
<h1>Eid Mubarak</h1>
<p>
Eid ul-Fitr, a day so bright,<br />
A time for joy, and pure delight.<br />
The fasting's done, the prayers are said,<br />
Now it's time to celebrate, with family and friends ahead.<br />
The moon is sighted, the news is spread,<br />
Eid Mubarak, to all, in every thread.<br />
The morning dew, the evening's glow,
Eid's magic, is all around, don't you know.<br />
The scent of sweets, the taste of delight,<br />
Eid's festivities, shine with all their might.<br />
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
body
{
background-image:url("https://www.dropbox.com/scl/fi/oqlv36fyb647kv4kc07lh/IMG_20250330_153134.jpg?rlkey=88tbgoi4kf77lo7ufyijotegv&st=qvsrqova&&raw=1");
background-color:#452c63 ;
font-family:Josefin Sans;
}
div{
width: 80%;
max-width: 350px;
min-width: 250px;
height: auto;
background-color: #FFC0CB;
text-align:center ;
padding:10px;
position: absolute;
line-height:1.3;
top: 87px;
right: 42px;
border-radius: 30px;
js
js
1
2
3
4
5
6
7
8
9
10
alert ("tap on the screen for the Sound๐")
var a = new Audio("https://www.dropbox.com/scl/fi/smwgsge772ng1umo2erp1/VID-20250330-WA0013.mp4?rlkey=v9l6w5uvyyf8is53turt7lkit&st=1ena7pzn&dl=1");
window.addEventListener('click',() => {
a.play();
});
BROWSER
Console
Run