-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
155 lines (145 loc) · 6.63 KB
/
index.html
File metadata and controls
155 lines (145 loc) · 6.63 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio Soledad Martínez</title>
<link rel="stylesheet" href="styles/styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
</head>
<body>
<div class="container_background">
<!-- ********NAVBAR******** -->
<nav>
<ul class="navbar">
<li><a href="#presentation" class="navbar_link">Presentación</a></li>
<li><a href="#table" class="navbar_link">Conocimientos</a></li>
<li><a href="#contacto" class="navbar_link">Contacto</a></li>
</ul>
</nav>
<!-- ***********MAIN CONTENT*********** -->
<div class="container_wraper">
<!-- ***********HERO*********** -->
<header class="hero">
<div class="hero_name">
<img src="assets/arrows neon.png" alt="" class="arrows" />
<h1 class="hero_name_title">Soledad Martínez</h1>
<h2 class="hero_name_subtitle">Desarrolladora de Software</h2>
</div>
<div class="hero_social">
<img src="assets/foto.jpg" alt="Foto de perfil" class="hero_photo" />
<div class="icons">
<a href="https://linkedin.com/in/mariasoledadmartinez88" target="_blank">
<i class="fab fa-linkedin"></i><span>LinkedIn</span>
</a>
<a href="https://github.com/LadyFantasy" target="_blank">
<i class="fab fa-github"></i> <span>Github</span>
</a>
<a href="mailto:msoledadm88@gmail.com">
<i class="fas fa-envelope"></i><span>Email</span>
</a>
</div>
</div>
</header>
<!-- ***********MAIN PRESENTACIÓN*********** -->
<main class="main" id="presentation">
<div class="main_container">
<div class="main_container_presentation">
<section class="main_presentation">
<p class="main_presentation_title">Quién soy</p>
<p class="main_presentation_text">
Tengo 10 años de experiencia como traductora audiovisual de inglés y francés al
español. Traduje y corregí series, películas, programas para niños y documentales
de todo tipo. Hace pocos años, comencé a estudiar desarrollo de software,
formación que continuo con una Tecnicatura Superior en Desarrollo de Software. Me
gustan los desafíos y me caracterizo por resolver problemas. Soy curiosa por
naturaleza, detallista y amo aprender de todo, aptitudes que aplico todos los días
como traductora y también como programadora.
</p>
</section>
<section class="main_presentation">
<p class="main_presentation_title">Qué hago</p>
<p class="main_presentation_text">
Realicé varios cursos de Frontend y Backend en donde aprendí HTML, CSS, Bootstrap,
Tailwind, Vanilla Javascript, React, Next, Node, Express, MongoDB y MySQL. También
realicé algunos cursos y proyectos con Python, C# y Kotlin. Haber trabajado como
freelance durante tantos años me dio las herramientas para poder desempeñarme de
manera autodidacta y responsable. Aprendo rápido y me gusta resolver desafíos.
</p>
</section>
</div>
<!-- ***********TABLA CONOCIMIENTOS*********** -->
<section class="main_table" id="table">
<table class="table">
<thead class="table_head">
<tr>
<th class="table_head_cell table_head_cell_title">Lo que conozco</th>
<th class="table_head_cell table_head_cell_title">Lo que estoy aprendiendo</th>
<th class="table_head_cell table_head_cell_title">Mis puntos fuertes</th>
</tr>
</thead>
<tbody>
<tr>
<td class="table_cell">HTML</td>
<td class="table_cell">Kotlin</td>
<td class="table_cell">Aprendizaje continuo</td>
</tr>
<tr>
<td class="table_cell">CSS</td>
<td class="table_cell">Cloud Technologies</td>
<td class="table_cell">Responsabilidad</td>
</tr>
<tr>
<td class="table_cell">Javascript</td>
<td class="table_cell">Selenium</td>
<td class="table_cell">Perfeccionismo</td>
</tr>
<tr>
<td class="table_cell">React</td>
<td class="table_cell">Python</td>
<td class="table_cell">Empática y tolerante</td>
</tr>
<tr>
<td class="table_cell">Node</td>
<td class="table_cell">AWS</td>
<td class="table_cell">Inglés y francés</td>
</tr>
<tr>
<td class="table_cell">Mongodb</td>
<td class="table_cell">Tailwind</td>
<td class="table_cell">Resolución de problemas</td>
</tr>
</tbody>
</table>
</section>
</div>
</main>
<!-- ***********FORMULARIO DE CONTACTO*********** -->
<section id="contacto" class="form_container">
<h2 class="form_title">Formulario de contacto</h2>
<form action="#" method="post" class="form">
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" required placeholder="Homero" />
<label for="apellido">Apellido:</label>
<input type="text" id="apellido" name="apellido" required placeholder="Simpson" />
<label for="email">Email:</label>
<input type="email" id="email" name="email" required placeholder="homero@simpson.com" />
<label for="telefono">Teléfono:</label>
<input
type="tel"
id="telefono"
name="telefono"
pattern="[0-9]+"
required
placeholder="+54 11..."
/>
<input id="submit" type="submit" value="Enviar" />
</form>
</section>
</div>
</div>
</body>
</html>