BirthDayCard/Index.html at main · nobby95/BirthDayCard · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Happy Birthday, My Love!</title>
  <link rel="stylesheet" href="style.css">
  <meta property="og:title" content="A Special Birthday Card For You!">
  <meta property="og:description" content="Open your card 💖">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://i.imgur.com/qVwcy6D.png">
</head>
<body>
  <div class="container">
    <div class="card" id="card">
      <h1>💖 Happy Birthday, My Love! 💖</h1>
      <p id="greeting">
        It's been 2 beautiful years together.<br>
        I'm so grateful for every moment we've shared and for our wonderful child, <b>Mutsawashe</b>.<br><br>
        I love you more than words can ever say. You are my everything. Thank you for being my wife, my best friend, and the most amazing mother to our child.<br><br>
        Happy Birthday, sweetheart! 💝
      </p>
      <button id="surpriseBtn">Surprise!</button>
      <canvas id="confetti"></canvas>
      <p id="footer">- With all my love, Your Loving Husband</p>
    </div>
  </div>
  <script src="script.js"></script>
</body>
</html>