-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (141 loc) · 5.78 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
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/maya/css/style.css">
<meta name="description" content="Cute Meow Developer and Vertical Climber Located in Brazil">
<title>Maya CatWebsite</title>
<link rel="icon" href="/maya/img/favicon.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<a href="https://karenferr.github.io/maya/"><img src="/maya/img/maya.svg" alt="Maya" width="104" height="38"></a>
<nav>
<ul class="header-menu">
<li><a href="#experiencia">Experience</a></li>
<li><a href="#formacao">Formation</a></li>
<li><a href="#contato">Contact</a></li>
</ul>
</nav>
</header>
<main class="introducao">
<img src="./img/mayaphoto.png" alt="Maya" width="360" height="520">
<div>
<h1>
FrontEnd Catveloper <br>& PX/WI Catsigner
</h1>
<p>Located in Bahia, Brazil</p>
</div>
</main>
<section aria-label="experiencia" class="experiencia" id="experiencia">
<h2 class="subtitulo">Experience</h2>
<div>
<p class="experiencia-texto">
I create playful purr-jects using only <strong>CATML</strong>, <strong>PurrCSS</strong> and <strong>PurrScript</strong>. For web apps, just like a curious cat exploring its territory, I've delved into the world of <strong>PX</strong> and <strong>WI Design</strong> ensuring a seamless purrformance in projects. I also have skills in CAT++, CAT# and CAThon.
</p>
<div class="empresa">
<span class="empresa-ano">
2048 - now
</span>
<h3 class="empresa-titulo">Capple</h3>
<span class="empresa-titulo">Junior Purr-grammer</span>
<p class="empresa-texto">In the Capple journey, I immersed myself in the world of CAT++, CAT#, and CAThon. Furthermore, I provided purr-fect guidance in Meow Design.</p>
<ul class="empresa-habilidades">
<li>CAT++</li>
<li>CAT#</li>
<li>CAThon</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">
2046 - 2047
</span>
<h3 class="empresa-titulo">MeowSoft</h3>
<span class="empresa-titulo">Junior Purr-grammer</span>
<p class="empresa-texto">I developed several PurrScript projects for MeowSoft.</p>
<ul class="empresa-habilidades">
<li>PurrScript</li>
<li>Purr Experience (PX) Design</li>
<li>Whisker Interface (WI) Design</li>
<li>CATML and PurrCss</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">
2044
</span>
<h3 class="empresa-titulo">Goocat</h3>
<span class="empresa-titulo">Trainee Cat</span>
<p class="empresa-texto">I worked on creating the FrontEnd projects.</p>
<ul class="empresa-habilidades">
<li>PurrScript</li>
<li>CATML</li>
<li>PurrCss</li>
</ul>
</div>
</div>
</section>
<section class="formacao" id="formacao" aria-label="formacao">
<div class="formacao-container">
<h2 class="subtitulo">Education</h2>
<div>
<p class="formacao-texto">"Much like a cat that has ventured into distant lands, my academic journey includes an international master's degree in Purr Experience (PX) Design. And just as I sharpen my claws, I keep myself honed through intensive online courses, ensuring my skills are always sharp and ready to pounce on new knowledge.</p>
<ul class="faculdade-lista">
<li class="faculdade">
<span class="faculdade-tipo">
Bachelor's Degree
</span>
<h3 class="faculdade-curso">Catputer Science</h3>
<span class="faculdade-instituicao">Meowford</span>
</li>
<li class="faculdade">
<span class="faculdade-tipo">
Technologist
</span>
<h3 class="faculdade-curso">Whisker Interface (WI) Design</h3>
<span class="faculdade-instituicao">Meowvard</span>
</li>
<li class="faculdade">
<span class="faculdade-tipo">
Master's Degree
</span>
<h3 class="faculdade-curso">Purr Experience (PX) Design</h3>
<span class="faculdade-instituicao">Meowvard</span>
</li>
</ul>
<div class="formacao-extra">
<div class="cursos">
<h3>Intensive Courses</h3>
<ul>
<li>PX Design & WI Design <span>56h</span></li>
<li>FrontEnd<span>56h</span></li>
</ul>
</div>
<div class="idiomas">
<h3>Idioms</h3>
<ul>
<li>Cat Language<span> / Fluent</span></li>
<li>Human Language<span> / Beginner</span></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="footer" id="contato">
<div class="footer-container">
<p class="footer-texto">My territory is open to new explorations at this time. Give me a scratch of interest, and we'll schedule a purrfect conversation.</p>
<ul class="footer-contato">
<li>[email protected]</li>
<li>+55 71 981579816</li>
<li><a href="/">@catsgram</a></li>
</ul>
<p class="footer-copy"> Maya. Some rights reserved. </p>
</div>
</footer>
</body>
</html>