-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (109 loc) · 6.3 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title>UO255479 - Web Personal</title>
<meta name="author" content="Cristina Martín Rey" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Hojas de estilo -->
<link rel="stylesheet" href="css/uikit.css"/>
<link rel="stylesheet" href="css/main.css"/>
<!-- Scripts -->
<script src="js/uikit.js"></script>
<script src="js/uikit-icons.js"></script>
</head>
<body>
<header class="uk-width-1-1 uk-text-center">
<h1 class="uk-heading-medium">Cristina Martín Rey</h1>
<h2>Ingeniera de <span lang="en">Software</span></h2>
<div uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
<nav class="uk-container uk-navbar uk-flex-center@s uk-flex-right uk-background-default">
<ul class="uk-subnav uk-subnav-pill uk-visible@s uk-padding-small">
<li class="uk-active"><a href="index.html" target="_self"><span uk-icon="home"></span> Inicio</a></li>
<li><a href="curriculum.html" target="_self">Currículum</a></li>
<li><a href="aficiones.html" target="_self">Aficiones</a></li>
<li><a href="electro-music.html" target="_self">Música Electrónica</a></li>
</ul>
<a href="#" class="uk-navbar-toggle uk-hidden@s" title="Menú de navegación" target="_self"
uk-navbar-toggle-icon uk-toggle="target: #sidenav"></a>
</nav>
</div>
<div id="sidenav" uk-offcanvas="flip: true" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-default">
<li class="uk-active"><a href="index.html" target="_self"><span uk-icon="home"></span> Inicio</a></li>
<li><a href="curriculum.html" target="_self">Currículum</a></li>
<li><a href="aficiones.html" target="_self">Aficiones</a></li>
<li><a href="electro-music.html" target="_self">Música Electrónica</a></li>
</ul>
</div>
</div>
</header>
<main>
<h3 class="uk-heading-medium uk-padding uk-padding-remove-bottom uk-padding-remove-top">Inicio</h3>
<article class="uk-article uk-padding">
<h3 class="uk-article-title">Sobre mí</h3>
<div class="uk-inline">
<img class="uk-width-1-4@l uk-width-1-2@m uk-padding-small uk-float-left"
src="media/foto.jpg" alt="Foto de perfil de Cristina Martín Rey, la autora de esta página web."/>
<p>
Responsable y trabajadora, soy una mujer a la que le encantan los retos y es precisamente eso lo que más
me gusta de la informática.
</p>
<p>
Comencé el grado de ingeniería del software casi por casualidad y descubrí que verdaderamente me
apasionaba desde el primer año de carrera. Ahora que lo he terminado, mis deseos de aprender son cada
vez más grandes y espero que mis futuros proyectos y trabajos sacien estas ganas.
</p>
<p>
Durante mis estudios he tenido la oportunidad de trabajar junto a compañeros y profesores a los que
agradezco fuertemente su presencia y dedicación por hacer de la escuela un lugar divertido y acogedor.
Escuela que por otra parte me ha brindado oportunidades como la de trabajar en un proyecto ideado y
dirigido por Tim Berners-Lee, el creador de la Web tal y como hoy la conocemos.
</p>
<p>
Siento curiosidad por casi todas las ramas de ingeniería informática. De hecho, durante mi carrera
profesional he trabajado en proyectos relacionados con el <span lang="en">Big Data, Videojuegos, Networking, ...</span>
Pero estoy especialmente interesada en el desarrollo web. He trabajado en proyectos por cuenta propia y
ajena en el ámbito de la ingeniería web y todo ello me ha llevado a finalmente iniciar mis estudios en
el Máster de Ingeniería Web de la Universidad de Oviedo.
</p>
<p>
Si estás interesado/a en conocerme mejor
no dudes en contactarme, o si lo prefieres puedes seguir echándole un vistazo a mi página web. ¡Un saludo!
</p>
</div>
</article>
<section class="uk-section uk-padding">
<h3 class="uk-heading-small">Vídeo</h3>
<p>A continuación se muestra un vídeo en el que se incita a los visitantes de la página a ponerse en contacto
con la autora.</p>
<div class="uk-margin-auto uk-width-1-2@m">
<video controls>
<source src="media/video.mp4" />
<track default src="media/video-captions.vtt" kind="captions" srclang="es" label="Español" />
<track src="media/video-captions.vtt" kind="descriptions" srclang="es" label="Español" />
</video>
</div>
</section>
</main>
<footer class="uk-padding-small uk-flex uk-flex-nowrap">
<section class="uk-padding-small uk-width-1-2@m">
<h3>Otros Perfiles</h3>
<a title="Logo de GitHub" href="https://github.com/martinreycristina" target="_self"
class="uk-icon-button uk-margin-small-right" uk-icon="icon: github; ratio: 3.5"></a>
<a title="Logo de LinkedIn" href="https://www.linkedin.com/in/cristina-martín-rey/"
class="uk-icon-button" uk-icon="icon: linkedin; ratio: 3.5" target="_self"></a>
</section>
<section class="uk-padding-small uk-width-1-2@m">
<h3>Contacto</h3>
<p>Cristina Martín Rey</p>
<a href="mailto:[email protected]" target="_self">[email protected]</a>
<p>Avilés, Principado de Asturias</p>
</section>
</footer>
<footer class="uk-padding-small uk-text-center">
<a href="sitemap.html" target="_self">Mapa del Sitio</a>
</footer>
</body>
</html>