forked from madzadev/landing-page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (59 loc) · 2.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>zapata131</title>
<link rel="icon" href="icons/favicon.ico" />
<link rel="stylesheet" href="icons/font-awesome/css/all.css" />
<link rel="stylesheet" href="styles/main.css" />
</head>
<body>
<div class="page-wrapper">
<div class="content-wrapper">
<h1>Hi, I'm Zapata</h1>
<span class="brag">
<p>
Technical Writer <span class="divider"> | </span> Researcher
<span class="divider"> | </span> Board Games Fan
</p>
</span>
<a href="https://twitter.com/zapata131">
<i class="icon fab fa-twitter fa-3x"></i>
</a>
<a href="https://instagram.com/zapata131">
<i class="icon fab fa-instagram fa-3x"></i>
</a>
<a href="https://mstdn.social/@zapata131">
<i class="icon fab fa-mastodon fa-3x"></i>
</a>
<a href="https://github.com/zapata131">
<i class="icon fab fa-github fa-3x"></i>
</a>
<a href="https://www.linkedin.com/in/zapata131/">
<i class="icon fab fa-linkedin-in fa-3x"></i>
</a>
<a href="https://bufferbuffer.com">
<i class="icon fas fa-pen fa-3x"></i>
</a>
<a href="mailto:[email protected]">
<i class="icon fas fa-envelope fa-3x"></i>
</a>
<a href="https://technicalwriting.link">
<i class="icon fas fa-link fa-3x"></i>
</a>
</div>
<span class="content-intro">
<p>
I'm José Luis Zapata (but my friends just call me "Zapata"), a tech writer born and raised in Mexico and living in Germany. You can learn more about me on <a href="https://bufferbuffer.com/about/">my about page</a>.
</p>
<p>
I currently work for Google Germany, write about my (mis)adventures as a tech writer at <a href="https://bufferbuffer.com">BufferBuffer</a>,
maintain <a href="https://technicalwriting.link">technicalwriting.link</a>,
and my wife and I talk about board games on our blog and YouTube channel
<a href="https://la-matatena.com">La Matatena</a>.
</p>
</span>
</div>
</body>
</html>