-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (61 loc) · 2.89 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Happy 19th Birthday!</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<a href="#" class="logo">Name</a>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#sec">Message</a></li>
</ul>
</header>
<section>
<img src="./Media/stars(1).png" id="stars">
<img src="./Media/birthday words.png" id="moon">
<img src="./Media/Exploders.png" id="mountains_behind">
<h2 id="text">Félicitations!</h2>
<a href="#gift" id="btn">Gift</a>
<img src="./Media/The ENTIRE Background.png" id="mountains_front">
</section>
<div class="sec" id="sec">
<h1>Congratulations on your birthday! 🎂🎉🥳</h1>
<p> Lorem ipsum dolor amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim est laborum.<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit. <br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
<br><br>
</p>
<h2 id="gift">Click on this image to reveal your surpise.</h2>
<br><br>
<div class="gift-box-container">
<a href="https://ibb.co/X23WMVc" target="_blank">
<img src="/Media/GIFT BOX.png" alt="Gift Box" id="gift-box-image" class="gift_box">
</a>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
<!-- old code-->
<!--<header>
<h1>Happy 19th Birthday, Louai</h1>
</header>
<div class="homeContainer">
<div class="cakeContainer">
<img src="./Media/homePageCake.png">
</div>
</div>-->