birthday-gift-card-elvira/index.html at main · emladeno/birthday-gift-card-elvira · 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
<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Elvira birthday gift site</title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<html>
  <head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap" rel="stylesheet">
<link="stylesheets" href="style.css">
  </head>
  <body>
    <div id="header">
      <h1>Today is your special day mum!💕</h1>
      <img id="bdaymum-img" src="https://scontent.flhr1-2.fna.fbcdn.net/v/t1.18169-9/23334_467326066664172_1803081868_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=53a332&_nc_ohc=lzNxNl03Y48Q7kNvgHzy6wk&_nc_ht=scontent.flhr1-2.fna&oh=00_AYCh5iY0qxRhny9ljAtHf9ssDWJ3gYbQmuLU-mZsdgOu2A&oe=67113927">

      <h2 id="bday-age">61 years old</h2>
      <h4 id="bday-date">22/03/1963</h4>
    </div>
    <div class="gift-section">
      <h2 class="gift-title">You mean a lot to me!😘</h2>
      <h3 class-"gift-hint">(Hover over the gift)</h3>
      <div class="gift-img" id="gift-img-love"></div>
    </div>

      <div class="gift-section">
        <h2 class="gift title">The only person I can laugh with all day😂.</h2>
        <div class="gift-img" id="gift-img-funny"></div>
    </div>

    <div class="gift-section">
        <h2 class="gift title">If I had to desribe you with One word.👇</h2>
        <div class="gift-img" id="gift-img-incredible"></div>
    </div>
        <div class="gift-section">
        <h2 class="gift title">How people feel about you😎</h2>
        <div class="gift-img" id="gift-img-cheerful"></div>
    </div>

    </div>
        <div class="gift-section">
        <h2 class="gift title">Enjoy your special day!❤️</h2>
        <div class="gift-img" id="gift-img-special"></div>
    </div>

  <p id="footer">Want to create your own Birthday GIFt site? Take <a href="https://scrimba.com/learn/htmlandcss" target=_blank>this HTML & CSS course.</a></p>

  </body>
</html>
<!-- partial -->

</body>
</html>