-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (95 loc) · 4.7 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
<!DOCTYPE HTML>
<html>
<head>
<title>Kaio Cunha - Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- One -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<h1>Kaio Cunha</h1>
<p class="major">DevOps by day, Software Engineering student by night.</p>
<p>Still working on this portfolio... so busy!</p>
</div>
<div class="image">
<img src="images/maxwell-nelson-taiuG8CPKAQ-unsplash.jpg" alt="" />
</div>
</section>
<!-- New Project Section -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
<div class="content">
<h2>Scaling Workloads on AWS</h2>
<p>Exploring the integration of EKS, Fargate, Karpenter, and Keda to dynamically scale business intelligence tool Metabase, leveraging Terraform, Istio, Prometheus, and Grafana for an efficient and cost-effective workload management.</p>
<ul class="actions stacked">
<li><a href="https://medium.com/@kaiohsdc/scaling-workloads-with-the-big-savings-quartet-eks-fargate-karpenter-and-keda-1d43d2bb5f72" target="_blank" class="button">Learn More</a></li>
</ul>
</div>
<div class="image">
<img src="images/aws-scaling-project.png" alt="" />
</div>
</section>
<!-- Two -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Musiverso</h2>
<p>A Java song contest website that authenticates users and stores their information in an H2 database.</p>
<ul class="actions stacked">
<li><a href="https://github.com/kaiohenricunha/musiverso" target="_blank" class="button">Learn More</a></li>
</ul>
</div>
<div class="image">
<img src="images/musiverso-registration.png" alt="" />
</div>
</section>
<!-- Three -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Tempus adipiscing</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum dolor sit amet.</p>
<ul class="actions stacked">
<li><a href="#" class="button">Learn More</a></li>
</ul>
</div>
<div class="image">
<img src="images/spotlight02.jpg" alt="" />
</div>
</section>
<!-- Four -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Pharetra etiam nulla</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum dolor sit amet.</p>
<ul class="actions stacked">
<li><a href="#" class="button">Learn More</a></li>
</ul>
</div>
<div class="image">
<img src="images/spotlight03.jpg" alt="" />
</div>
</section>
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<ul class="icons">
<li><a href="https://github.com/kaiohenricunha" class="icon brands style2 fa-github" target="_blank"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/kaiohenricunha/" target="_blank" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>