-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (136 loc) · 4.68 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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" />
<!-- Primary Meta Tags -->
<title>Kevin Wu</title>
<meta name="title" content="Kevin Wu - Web Developer" />
<meta
name="description"
content="A web developer in Taiwan.
HTML, CSS, JavaScript, Node.js and Python."
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.kevyourdev.com/" />
<meta property="og:title" content="Kevin Wu - Web Developer" />
<meta
property="og:description"
content="A web developer in Taiwan.
HTML, CSS, JavaScript, Node.js and Python."
/>
<meta property="og:image" content="/socialthumb.jpg" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0"
crossorigin="anonymous"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
/>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@1,600&display=swap&text=Godmrningafteaven%2C"
rel="stylesheet"
/>
<title>Kevin Wu</title>
</head>
<body>
<main>
<div class="container text-center mt-5">
<div
id="image-carousel"
class="carousel slide carousel-fade"
data-bs-ride="carousel"
>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="me.jpg" class=" d-block mx-auto mb-4 rounded-circle
img-fluid" alt="Headshot of Kevin Wu" width="250">
</div>
</div>
</div>
<h1 class="display-1" id="greeting">Hello,</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mt-4 mb-4">
I'm Kevin, a web developer in Taiwan. <br /><br />
<br />
</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mt-5">
<a
href="www.linkedin.com/in/kevyourdev"
class="btn btn-outline-primary btn-lg px-4 me-sm-3"
target="_blank"
><i class="bi bi-linkedin"></i> My LinkedIn Profile</a
>
<a
href="https://github.com/kevyourdev"
class="btn btn-outline-secondary btn-lg px-4"
target="_blank"
><i class="bi-github"></i> My GitHub Profile</a
>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto text-center">
<div class="container">
<span class="text-dark"
>© <span id="year"></span> Kevin Wu.
<a
href=""
class="text-dark"
data-bs-toggle="offcanvas"
data-bs-target="#privacyPolicy"
aria-controls="privacyPolicy"
>Privacy Policy.</a
></span
>
</div>
</footer>
<div
class="offcanvas offcanvas-bottom"
tabindex="-1"
id="privacyPolicy"
aria-labelledby="privacyPolicyLabel"
>
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasBottomLabel">
Privacy Policy
</h5>
<button
type="button"
class="btn-close text-reset"
data-bs-dismiss="offcanvas"
aria-label="Close"
></button>
</div>
<div class="offcanvas-body small">
<h6>Personal Data</h6>
While using this page, I will not ask you to provide any personal data
or collect any personal data from you.
<br />
<h6 class="mt-4">Usage Data</h6>
Usage Data is data collected automatically (for example, the duration of
a page visit). I do not collect any usage data.
<br />
<h6 class="mt-4">Cookies</h6>
Cookies are small pieces of data stored on a User’s device. I do not use
cookies or similar tracking technologies to track your activity.
<h6 class="mt-4">Location Data</h6>
I do not use or store information about your location.
</div>
</div>
</body>
<script src="script.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8"
crossorigin="anonymous"
></script>
</html>