2025/index.html at main · CodeHarshly/2025 · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Happy New Year</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
  <script src="jquery.fireworks.js"></script>
  <link rel="stylesheet" href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
</head>
<body>

  <div class="wishme">
    <p><span>Harshdeep</span> Singh</p><a href="#wishme"><button>Wish Me</button></a>
  </div>
  <div class="scrolldown">
    <div class="icon"><i class="fa-solid fa-arrow-down"></i></div></i><p>Scroll<br>Down</p>
  </div>
  <div class="background">
    <div id="example" align="center">
  </div></div>
  <div class="topImg">
    <img src="images/dec1.png" alt="">
  </div>

  <div class="word">Happy New Year</div>
  <div class="number">
    <span>202</span>
    <span class="three">4</span>
    <span class="four">5</span>
    <div class="ball">
      <img src="images/balloon1-removebg-preview.png" alt="">
    </div>
    <!--div class="ball"></div-->
  </div>
  <div class="container">
    <div class="wish-box">
      <p>
        <span>2025</span> ka har <span>din</span> ek nayi baat laayega,<br>
        <span>Khushiyon</span> ka ek naye <span>rang</span> ka <span>jahan</span> banayega.<br>
        Dil se <span>dua</span> hai, aapka har <span>armaan</span> pura ho,<br>
        Har <span>din</span> aapke <span>jeevan</span> mein ek <span>tyohar</span> sa ho. 🌸✨<br>
        <br>
        Har <span>saal</span> ke saath naye <span>rang</span> bharte hain,<br>
        <span>Khwab</span> purane naye <span>safar</span> pe <span>chadhte</span> hain.<br>
        <span>Dil</span> ki dua hai, har pal <span>sukoon</span> se bhara ho,<br>
        Aapka naya <span>saal</span> khushiyon ka <span>sitara</span> ho. 🌠❤️<br>
      </p>
    </div>
    <div class="wish-box">
      <p>
        <span>Happy New Year</span> 🎆 to you, your <span>family</span> 👨‍👩‍👧‍👦, your <span>friends</span> 🤗, and all those who add color 🌈 to the canvas of your life. Here’s to a <span>2025</span> 🎊 filled with <span>love</span> 💕, <span>laughter</span> 😂, and boundless <span>possibilities</span> 🌟. Cheers 🥂 to an extraordinary <span>year</span> ahead!
      </p>
    </div>
    <div class="wish-box">
      <p>
        As we step into the dawn of <span>2025</span>, may the light of this <span>New Year</span> 🌟 brighten every corner of your life, embracing your <span>family</span> 👨‍👩‍👧‍👦, <span>friends</span> 🤝, and everyone who makes your world complete. Wishing you moments of heartfelt <span>connection</span> ❤️ that transform into treasured <span>memories</span> 📸, <span>laughter</span> 😂 that lingers in your heart, and <span>relationships</span> 🤍 that deepen and flourish as the days unfold.
      </p>
    </div>
    <div class="wish-box">
      <p>
        Standing on the cusp of a new <span>chapter</span> 📖, let’s lay to rest the weight of past <span>regrets</span> 😔 and <span>missteps</span> ❌. If there are unresolved <span>misunderstandings</span> 🤷‍♀️ or lingering <span>pains</span> 💔, I offer my sincerest <span>apologies</span> 🙏. Here’s to embracing a clean slate 🧽, brimming with <span>hope</span> 🌈 and the promise of <span>renewal</span> 🌱.
      </p>
    </div>
    <div class="wish-box">
      <p>
        May the coming year be a shared <span>journey</span> 🚶‍♂️🚶‍♀️ with your <span>family</span> 👪 and <span>friends</span> 👬, filled with shared <span>joys</span> 🎉, shared <span>triumphs</span> 🏆, and a tapestry of <span>love</span> 💕 and <span>understanding</span> 🤝 woven through every moment. Together, let’s create a mosaic of <span>kindness</span> 🤲, <span>unity</span> 🌍, and unforgettable <span>experiences</span> ✨.
      </p>
    </div>
    <div class="wish-box">
      <p>
        May your <span>homes</span> 🏡 be filled with <span>warmth</span> 🔥, your <span>gatherings</span> 🥂 echo with <span>laughter</span> 😄, and your shared <span>dreams</span> 🌟 become vibrant realities. As the clock heralds a new <span>beginning</span> 🕛, sending waves of <span>optimism</span> 💫 into the world, may these wishes resonate with everyone you hold dear 💖.
      </p>
      <p>
        <span>Happy New Year🥰🤗</span>
      </p>
    </div>

    <div class="contact" id="wishme">
      <h2>Wish <span>me</span> here</h2>
      <form action="https://formspree.io/f/mgegeoqk" method="POST" id="newyearform">
        <textarea name="Message" id="" cols="30" rows="10" placeholder="Your Message" id="resizableTextarea" oninput="autoResize(this)" required></textarea>
        <div class="input-box">
          <input class="input-box1" name="Name" type="text" placeholder="Plz write Your Name🥺" required>
          <input type="submit" value="Send Message" class="btn">
        </div>
      </form>
      <div class="contact-me">
        <h2>Contact <span>Me</span></h2>
        <a href="https://CodeHarshly.github.io/portfolio/" target="_blank"  class="btn">
           <img src="images/harshdeeppppp.jpg" alt="">
        </a>
        <a href="mailto:harshdeepsinghchoudhary@gmail.com" target="_blank"  class="btn">
          <img src="images/mail.png" alt="">
        </a>
        <a href="https://github.com/CodeHarshly/" target="_blank" class="btn">
          <img src="images/github.png" alt="">
        </a>
        <a href="https://www.linkedin.com/in/harshdeep-singh-769552253" target="_blank" class="btn">
          <img src="images/link.png" alt="">
        </a>
        <a href="https://www.facebook.com/profile.php?id=100028867681616&mibextid=haYZDX" target="_blank" class="btn">
          <img src="images/facebook.png" alt="">
        </a>
      </div>
      <div>
        <p class="copyright">© 2024 All Rights Reserved | Harshdeep Singh</p>
    </div>
    </div>
  </div>

  <script>
    function autoResize(textarea) {
      // Set the textarea height to its scrollHeight
      textarea.style.height = '100px';
      textarea.style.height = (textarea.scrollHeight) + 'px';
    }
    window.addEventListener("scroll", function () {
        const pElement  = document.querySelector(".scrolldown");
        const scrollPos = window.scrollY;
        const scrollThreshold = 100;

        if (scrollPos > scrollThreshold) {
            pElement.style.display = 'none';
        }
    });
  </script>

</body>
</html>