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>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="celebration.css"/>
<script src="celebration.js" type="text/javascript">
</script>
<title>CELEBRATION</title>
</head>
<body>
<audio controls style=" display:none;" loop id="a" >
<source src=" https://www.dropbox.com/s/3x7b755y2jy8ueh/birthday_song?dl=1">
</audio>
<br/><br/><br/><hr width="50%" align="center"/><br/>
<div >
<p style="color:green;" class="monospace">-: To You Sister :-</p>
<br/><br/>
<q class="cursive">Sisters are best friends, they are advisors, they are teachers, and best of all they are people with whom you can talk with about anything - someone you have a special bond with! </q>
<br/><br/><br/>
<q class="cursive">We shared parents, home, pets, celebrations, catastrophes, secrets. And the threads of our experience became so interwoven that we are linked. I can never be utterly lonely, knowing you share the planet.</q>
<br/><br/><br/>
Enter to Rename, Shift+Enter to Preview
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
body{
text-align:center;
color:whitestroke;
font-size:20px;
background-image:url("https://i.ibb.co/dkPBZR3/images-2020-06-T014905-455.jpg");
}
p{
font-weight: bolder;
font-size: 4.5rem;
text-align: center;
font-family:
}
.serif {
font-family: "Times New Roman", Times, serif;
}
.sansserif {
font-family: Helvetica, Arial, sans-serif;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
window.addEventListener("mouseover",play);
window.addEventListener("click",play);
function play() { document.getElementById("a").play();
}
alert("FOR BEST EXPERIENCE HAVE DESKTOP VIEW ! ");
alert ("Tap on Screen to enjoy birthday song🎶");
alert ("ONE WISH🤝 = ONE LIKE👍");
var a=new Date();
var y=a.getFullYear ();
var mon=a.getMonth ()+1;
var da=a.getDate ();
if((mon>=9)||(da>=23))
y=y+1;
var eventDate =new Date(y,8,23,0,0,0,0);
var x= setInterval(function(){
var now= new Date().getTime();
var remain= eventDate-now;
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run