/
index.html
100 lines (90 loc) · 4.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
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
<!doctype html>
<html>
<head itemscope itemtype="http://schema.org/WebSite">
<title itemprop='name'>Norman Santiago | About</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="google-site-verification" content="WIZs0wAgXXbwRpPHFWC2jrpza3L_joaf9buWnePCfdc" />
<meta name="description" content="About Norman Santiago.">
<meta name="author" content="Norman Santiago">
<meta name="keywords"
content="ruby, devops, software engineer, aws, terraform, infrastructure as a code, amazon web service, site reliability engineer, devops engineer, developer" />
<meta property="og:title" content="Norman Santiago | About" />
<meta property="og:image" content="http://nsantiago2719.github.io/assets/images/facebook(image).png" />
<meta property="og:image:secure_url" content="https://nsantiago2719.github.io/assets/images/facebook(image).png" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:site_name" content="Norman Santiago | About" />
<meta property="og:url" content="https://l4z.xyz" />
<meta property="og:description"
content="Creating a world where every end user are satisfied on the services they use." />
<meta charset="utf-8">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"name": "Norman Santiago",
"url": "http://l4z.xyz",
"sameAs": [
"https://ph.linkedin.com/in/nsantiago2719",
"https://github.com/nsantiago2719",
"https://www.linkedin.com/in/nsantiago2719"
]
}
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-W9C75RX');</script>
<!-- End Google Tag Manager -->
<link rel="stylesheet" href="assets/stylesheets/tailwind.css">
<link rel="stylesheet" href="assets/stylesheets/app.css">
<link rel="alternate" href="https://l4z.xyz" hreflang="en-us" />
<link rel="canonical" href="https://l4z.xyz" itemprop="url">
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="assets/javascripts/app.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
</head>
<body class="container mx-auto">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W9C75RX" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<div class="place-items-center">
<div class="grid grid-cols-1 place-items-center sm:grid-cols-1 xl:grid-cols-1 lg:grid-cols-1 md:grid-cols-1 gap-10">
<div class="w-full mt-6 md:mt-12 place-self-center">
<img src="assets/images/profile_picture(medium).jpg"
class="bg-blend-lighten w-3/4 lg:w-1/4 mx-auto grayscale rounded-full" alt="display_image" />
</div>
<div class="w-full place-items-center md:mt-16 ">
<p
class="text-center lg:w-1/2 mx-auto md:mb-12 mb-2 text-4xl md:text-7xl lg::text-7xl xl::text-7xl font-bold text-neutral-100 backdrop-blur p-4">
Norman Santiago
</p>
<div class="swiper lg:w-1/2 md:p-0 !p-12 w-full">
<div class="swiper-wrapper ">
<div class="swiper-slide rounded md:p-24 p-6 bg-white">
<p class="break-words md:text-7xl lg:text-7xl xl:text-7xl text-4xl font-bold">Software Engineer
</div>
<div class="swiper-slide rounded md:p-24 p-6 bg-white">
<p class="break-words md:text-7xl lg:text-7xl xl:text-7xl text-4xl font-bold">DevOps Engineer
</div>
<div class="swiper-slide lg:p-24 md:p-12 p-6 rounded bg-white">
<p class="font-bold md:text-2xl xl:text-3xl lg:text-3xl">Send me a message!</p>
<ul class="list-none md:text-2xl text-sm">
<li>email: <a class="simple-text" target="_blank"
href="mailto:nsantiago2719@gmail.com">nsantiago2719@gmail.com</a></li>
<li>github: <a class="simple-text" target="_blank"
href="https://github.com/nsantiago2719">github.com/nsantiago2719</a></li>
<li>linkedin: <a href="https://linkedin.com/in/nsantiago2719" target="_blank"
class="simple-text">nsantiago2719</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>