-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbirthday.html
45 lines (40 loc) · 1.7 KB
/
birthday.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Happy Birthday!</title>
<link rel="stylesheet" href="styles/flexbox-center-container.css" media="all">
<link rel="stylesheet" href="styles/system-fonts.css" media="all">
<link rel="stylesheet" href="styles/style.css" media="all">
</head>
<body>
<canvas id=c></canvas>
<canvas id="confetti"></canvas>
<div class="container" id="count">
<h1 id="head">Countdown For The Special Day Oppa ❤️</h1>
<ul>
<li><span id="day"></span>days</li>
<li><span id="hour"></span>hours</li>
<li><span id="minute"></span>minutes</li>
<li><span id="second"></span>seconds</li>
</ul>
</div>
<div id="blur-background">
<div id="note">🎉 Happy Birthday, Jess Oppa! On this special day, I wish you all the joy and happiness the world can offer. May your life be filled with love, laughter, and unforgettable adventures nd Ofcourse Well Go Through Both Hapiness and Sadness Together (Not Leaving Oppa Alone)! You deserve the very best in everything you pursue. Cheers to another year of wonderful memories and dreams coming true! 🎂❤️MWAHHHHHHHHHHHHH </div>
<div style="text-align: center; margin-top: 20px;">
<img src="assets/bdayyy.gif" alt="Birthday GIF" style="width: 300px; border-radius: 10px;">
</div>
</div>
<div id="merrywrap" class="merrywrap">
<canvas id="snowfall"></canvas>
<div class="giftbox">
<div class="cover">
<div></div>
</div>
<div class="box"></div>
</div>
</body>
<script src="scripts/confetti.min.js" charset="utf-8"></script>
<script src="scripts/index.js" charset="utf-8"></script>
</html>