Christmas/index.html at main · QuantumCoderrr/Christmas · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Merry Christmas Everyone!!!</title>
    <link rel="icon" href="icon.jpeg" type="image/x-icon">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Mountains+of+Christmas&display=swap">
    <link rel="stylesheet" href="style.css">
</head>
<body class="snowfall">
    <div class="container">
        <header>
            <h1 class="title">Merry Christmas!!!</h1>
        </header>
        <div id="christmas-tree"></div>

        <p>Time Left for New Year to Reach us 👀</p>
        <div id="countdown"></div>

        <button class="toggleButton">Wanna Open Your Greetings Card??????????</button>
        <div class="extraContent">
            <p><strong>Your Personalized Greeting<br><br></strong></p>
            <p><strong>Wishing you and your family a wonderful holiday season filled with joy, laughter, and warmth. Merry Christmas!</strong></p>
        </div>

        <audio id="audio" controls autoplay>
            <source src="jinglebells.mp3" type="audio/mp3">
            Your browser does not support the audio element.
        </audio>


    </div>
    <footer>
        <p>&copy; Christmas 2023 | Website Design by Sandip</p>
    </footer>
    <script src="script.js"></script>
</body>
</html>