-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (44 loc) · 1.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Happy Birthday!</title>
<!-- UIkit -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
</head>
<body style="background:#000;">
<header style="width:100vw;height:85vh;z-index:-1;">
<!-- Spline frame -->
<iframe style="position:center;" src='https://my.spline.design/krillincopy-d61eb4f694305865737c79ea1757be44/' frameborder='0' width='100%' height='85%'></iframe>
</header>
<article style="margin: auto;width:90vw;height:15vh;display:flex;justify-content: center;align-items: center;">
<a class="uk-button " style="color:#fff;font-size:3em" href="#target" uk-scroll>▼</a>
</article>
<article style="margin: 0 auto;display:flex;flex-direction:column;font-size:1.1em; justify-content:center; height: 100vh;width:90vw;color:#fff;">
<h1 style="color:#fff;">
My Dear Friend,
</h1>
<p>
On your birthday,
<br>
<br>
may you embrace all the dreams that life has in store for you.
<br>
<br>
Let this year be filled with new opportunities and successes.
<br>
<br>
Happy Birthday!
<br>
<br>
💙
<a href="" id="target"></a>
</p>
</article>
</body>
<style>
</html>