-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
187 lines (181 loc) · 8.04 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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html>
<head>
<title>KatoWeb</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
</head>
<body class="w3-light-grey">
<div class="w3-content w3-margin-top" style="max-width:1400px;">
<div class="w3-row-padding">
<div class="w3-third">
<div class="w3-white w3-text-grey w3-card-4">
<div class="w3-display-container">
<div class="w3-container w3-text-black">
<h1>Damián Ferreyra</h1>
<h4>Also known as Kato</h4>
</div>
</div>
<div class="w3-container">
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Estudiante</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Entre Ríos, Argentina</p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>[email protected]
</p>
<hr>
<p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b></p>
<h4>Languages</h4>
<p>
<a href="https://en.wikipedia.org/wiki/HTML" target="_blank"><i class="fa-brands fa-html5 fa-2xl"
style="color:orangered"></a></i>
<a href="https://en.wikipedia.org/wiki/CSS"><i class="fa-brands fa-css3 fa-2xl"
style="color:blue"></i></a>
<a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank"><i class="fa-brands fa-js fa-2xl"
style="color:#f7df1e"></i></a>
<a href="https://en.wikipedia.org/wiki/TypeScript" target="_blank"><i
class="fa-brands ownicon-ts fa-2xl"></i></a>
<a href="https://en.wikipedia.org/wiki/Python_(programming_language)" target="_blank"><i
class="fa-brands ownicon-python fa-2xl"></i></a>
<a href="https://en.wikipedia.org/wiki/Java_(programming_language)" target="_blank"><i
class="fa-brands ownicon-java fa-2xl"></i></a>
<a href="https://en.wikipedia.org/wiki/Assembly_language" target="_blank"><i
class="fa-brands ownicon-assembler fa-2xl"></i></a>
</p>
<h4>FrameWorks</h4>
<p>
<a href="https://en.wikipedia.org/wiki/React_(JavaScript_library)" target="_blank"><i
class="fa-brands fa-react fa-2xl" style="color:#61dbfb;"></i></a>
<a href="https://es.wikipedia.org/wiki/Node.js" target="_blank"><i
class="fa-brands fa-node fa-2x1"></i></a>
</p>
<h4>DataBases</h4>
<p>
<a href="https://es.wikipedia.org/wiki/MySQL" target="_blank"><i
class="fa-bands ownicon-mysql fa-2xl"></i></a>
<a href="https://es.wikipedia.org/wiki/MongoDB" target="_blank"><i
class="fa-bands ownicon-mongodb fa-2xl"></i></a>
<a href="https://es.wikipedia.org/wiki/SQLite" target="_blank"><i
class="fa-bands ownicon-sqlite fa-2xl"></i></a>
</p>
<br>
<p class=" w3-large w3-text-theme"><b><i
class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b>
</p>
<p>English</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:66.6%">
<p style="text-align: center;"><a href="https://www.cambridgeenglish.org/es/exams-and-tests/first/"
target="_blank">B2 Certified</a></p>
</div>
</div>
<p>Spanish</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%">
<p style="text-align: center;">Native from Argentina</p>
</div>
</div>
<br>
</div>
</div>
<br>
</div>
<div class="w3-twothird">
<div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16"><i
class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Work Experience</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Position / company</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Month and Year - <span
class="w3-tag w3-teal w3-round">Current</span></h6>
<p>
<ul>
<li>
<p>Obligation 1</p>
</li>
<li>
<p>Obligation 2</p>
</li>
<li>
<p>Obligation 3</p>
</li>
<li>
<p>Obligation 4</p>
</li>
<li>
<p>Obligation 5</p>
</li>
</ul>
</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Position / company</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Month and Year - Month and Year
</h6>
<p>
<ul>
<li>
<p>Obligation 1</p>
</li>
<li>
<p>Obligation 2</p>
</li>
<li>
<p>Obligation 3</p>
</li>
</ul>
</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Position / company</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Month and Year - Month and Year
</h6>
<p>
<ul>
<li>
<p>Obligation 1</p>
</li>
<li>
<p>Obligation 2</p>
</li>
<li>
<p>Obligation 3</p>
</li>
</ul>
</p>
<hr>
</div>
<div class="w3-container w3-card w3-white">
<h2 class="w3-text-grey w3-padding-16"><i
class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Education</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Faculty of administration sciences</b></h6>
</h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2022 - 2026</h6>
<p>Systems administration degree </p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Technician degree</b></h5>
<h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2014 - 2021</h6>
<p>Technician Degree on Electricity and Mechanics</p><br>
</div>
</div>
</div>
</div>
</div>
<footer class="w3-container w3-teal w3-center w3-margin-top">
<p>Find me on social media.</p>
<a href="https://x.com/DFKato" target="_blank"><i class="fa-brands fa-square-twitter fa-2xl"></i></a>
<a href="https://www.linkedin.com/in/dfkato/" target="_blank"><i class="fa-brands fa-linkedin fa-2xl"></i></a>
<a href="https://github.com/FerreyraDamian"><i class="fab fa-github fa-2xl"></i></a>
<a href="https://discord.gg/programacion"><i class="fab fa-discord fa-2xl"></i></a>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>
</body>
</html>