-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (149 loc) · 3.58 KB
/
index.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>Happy Birthday Koyal</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Grandstander:wght@300&display=swap" rel="stylesheet">
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">
</script>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>
</head>
<body style="font-size: 2.5rem;">
<section id="full">
<div align="center" id="hola">
<img class="ek" src="pic.jpg" alt="img"/>
</div>
<h1 align="center" id="HolaLast">Happy Birthday Koyal</h1>
<p align="center" id="baap">
<div align="center" id = "one">
<div id="pg-one">
Piddi, you are my everything and even more. I feel that I’m definitely one of the luckiest! Happy Birthday.
</div>
<br>
<br>
<div id="pg-two">
My dear Piddi, on your special day I‘d like to wish you an exciting life, full of great discoveries and joyful surprises!
</div>
</div>
</p>
<br>
<div align="center" id="bagg">
<p id="lol">
I’m making a very special birthday wish to the most amazing friend and an incredible wonderful Piddi. Happy Birthday.
</p>
<p id="olo">
I want to thank you, my sis, for being the most loving and caring Piddi in this entire world. No one understands me better than you. Wish you a Happy Birthday.
</p>
</div>
<br>
<div align="center" id="bagog">
<p id="chal">
May your day be filled with joy, laughter, and wonderful moments. Here's to another year of happiness, success, and all your dreams coming true. I have always enjoyed sharing our love for each other. You’re most precious to me.
It was such a great experience to grow up with a crazy and fun girl like you. I cherish all our sweet and exciting memories. For me, you will always be that adorable little Piddi, happy birthday!
<br/>
❤️Love You Piddi❤️
</p>
<p>
</div>
<br>
</section>
<!--main buttons-->
<br><br>
<br><br>
<br><br>
<div align="center">
<span id="MyButton">Click Me</span>
</div>
<script>
swal("Gift For Koyal","This is for Koyal by Babu Chana");
$("#hola").hide();
$("#HolaLast").hide();
$("#one").hide();
$("#chal").hide();
$("#pg-one").hide();
$("#pg-two").hide();
$("#bagg").hide();
$("#lol").hide();
$("#olo").hide();
$("#bagog").hide();
function chal()
{
$("#chal").slideToggle();
}
function plz()
{
$("#bagg").slideToggle();
}
function plz1()
{
$("#bagog").slideToggle();
}
function plz2()
{
$("#lol").slideToggle();
}
function plz3()
{
$("#olo").slideToggle();
}
function one()
{
$("#one").slideToggle();
}
function two()
{
$("#hola").slideToggle();
}
function three()
{
$("#pg-one").slideToggle();
}
function four()
{
$("#pg-two").slideToggle();
}
function lst()
{
$("#HolaLast").slideToggle();
}
$(document).ready(function(){
$("span").click(function(){
$("span").fadeOut(500);
setTimeout(two,27000);
setTimeout(one,2000);
setTimeout(three,3000);
setTimeout(four,4000);
setTimeout(three,8000);
setTimeout(four,7000);
setTimeout(one,9000);
setTimeout(plz,10000);
setTimeout(plz2,11000);
setTimeout(plz3,12000);
setTimeout(plz,17000);
setTimeout(plz2,16000);
setTimeout(plz3,15000);
setTimeout(plz1,18000);
setTimeout(chal,19000);
setTimeout(chal,22000);
setTimeout(plz,23000);
setTimeout(one,24000);
setTimeout(three,25000);
setTimeout(plz2,25000);
setTimeout(four,26000);
setTimeout(plz3,26000);
setTimeout(chal,26000);
setTimeout(lst,28000);
});
});
</script>
<audio controls style=" display:none;" loop id="music" >
<source src=" https://www.dropbox.com/s/soxte9z8xpi10qn/JSR.mp3?dl=1">
<script>
window.addEventListener("click",play);
function play() { document.getElementById("music").play();
}
</script>
</body>
</html>