-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
98 lines (80 loc) · 3.39 KB
/
index.html
File metadata and controls
98 lines (80 loc) · 3.39 KB
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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<!-- Search Engine Opt -->
<title>Andre Kurnia</title>
<meta name="description" content="Andre Kurnia's Online CV or
Portfolio. A devops engineer and full-stack web developer.">
<meta name="robots" content="index, follow" />
<meta name="referrer" content="always" />
<!-- Favicon & icon optimization for apple devices.-->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/logo/favicon.png">
<link rel="icon" type="image/png" href="assets/images/logo/favicon.png" sizes="32x32">
<!-- Stylesheet (css file) directory -->
<link rel='stylesheet' href='assets/css/style.css' type='text/css' media='screen' />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<body id="fullsingle" class="bumper-page bg-video">
<!-- Video background -->
<div class="bumper-background">
<video class="video" muted autoplay loop src="assets/videos/background.webm"></video>
</div>
<div class="fullscreen">
<!-- Content Container -->
<div class="bumper-content">
<div class="logo">
<img src="assets/images/logo/logo2.png" alt="Logo"/>
</div>
<div class="heading">
<p>
<span id="typed-strings"> <!-- this id connected with heading.js -->
<span>Hello there!</span>
<span>你好！</span>
<span>Halo yang disana!</span>
<span>こんにちは！</span>
<span>¡Hola a todos!</span>
</span>
<span id="typed"></span>
<br>Currently I'm working as DevOps at <a href="https://adira.co.id">Adira Finance</a>,
documenting on <a href="https://www.notion.so/Andre-Kurnia-s-Documentation-50546f2222764a5c932155e4693386c5">Notion</a>
and <a href="https://twitter.com/liemwashere">Tweeting</a> my thoughts.
<div class="more-info"> <!-- to make the line even. lol. -->
Want to know more about me? See my full experience
<a href="#">here<i class="bi bi-caret-right"></i></a>
</div>
<div class="hyperlinks">
<ul>
<a href="https://twitter.com/liemwashere/">
<i class="bi bi-twitter" style="font-size: 1rem; color: gray;"></i></a>
<a href="https://instagram.com/dre.kurnia/">
<i class="bi bi-instagram" style="font-size: 1rem; color: gray;"></i></a>
<a href="https://github.com/dre-dev">
<i class="bi bi-github" style="font-size: 1rem; color: gray;"></i></a>
<a href="https://open.spotify.com/user/liemhy?si=j5yKRrFnT_Glhr3ltJWfYQ">
<i class="bi bi-wifi" style="font-size: 1.1rem; color: gray;"></i></a>
<a href="https://linkedin.com/in/drekurnia/">
<i class="bi bi-linkedin" style="font-size: 1rem; color: gray;"></i></a>
<i class="bi bi-envelope-open" style="font-size: 1rem; color: gray;"></i></a>
<div class="footnote">
Deployed in <a href="http://https://aws.amazon.com">Amazon Web Services</a>,
video by <a href="http://beautifuldestinations.com">Beautiful Destinations.</a>
</div>
</ul>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function (event) {
type();
movingBackgroundImage();
});
</script>
<script type="text/javascript" src="assets/js/heading.js">
</script>
</body>
</html>