-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
162 lines (141 loc) · 15.1 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CV de Fernando Merino</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
<script src="./scripts/script.js"></script>
</head>
<body>
<header id="home">
<h1 class="title">Fernando Merino</h1>
<span class="subtitle">Currículum Vitae</span>
<nav class="sidenav">
<ul>
<li class="icon-open"><a href="javascript:void(0);"><i class="fas fa-bars"></i></a></li>
<li class="icon-close mobile-hidden"><a href="javascript:void(0);"><i class="fas fa-times"></i></a></li>
<li class="nav-section mobile-hidden active"><a href="#home">Home</a></li>
<li class="nav-section mobile-hidden"><a href="#who-is">Quién soy</a></li>
<li class="nav-section mobile-hidden"><a href="#studies">Estudios</a></li>
<li class="nav-section mobile-hidden"><a href="#experience">Experiencia</a></li>
<li class="nav-section mobile-hidden"><a href="#about-me">Sobre mí</a></li>
<li class="nav-section mobile-hidden"><a href="#contact">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<div class="container-1">
<section id="who-is">
<h1>Quién soy</h1>
<figure><img class="photo" src="./images/picture.jpg" alt="Fernando Merino"></figur>
<p>¡Hola! Mi nombre es Fernando Merino y soy de Logroño, La Rioja. Soy un ingeniero industrial con experiencia en el sector de las energías renovables y apasionado por la programación web y las tecnologías digitales. Siempre he sido de vocación científica y técnica, lo que me llevó a formarme en en el mundo de la Ingeniería, primero como Ingeniero Técnico Industrial y después como Ingeniero Industrial.</p>
<p>Me considero una persona con una clara vocación por analizar problemas y encontrarles la solución óptima. La dificultad de un problema, más que atemorizarme, me incita a esforzarme aún más por comprenderlo y obtener su solución, lo cual aumenta más si cabe la satisfacción final. Esto ha sido el motivo de que irremediablemente sintiera pasión por los estudios de tipo técnico, donde la resolución de problemas es el día a dia de un profesional</p>
<p>El mundo de la programación y el código ha sido algo que siempre ha estado por ahí rondándome entre mis inquietudes. Las líneas de código siempre han despertado mi curiosidad, y una vez entendí su gran utilidad para resolver problemas complejos de forma más rápida y eficiente, enseguida me enamoré de la programación. Esta página web es un pequeño ejemplo de cómo estoy trabajando mis habilidades en el front end y el back end para llegar a ser un Full Stack Web Developer de élite. ¡Bienvenido a mi currículum!</p>
</section>
</div>
<div class="container-2">
<section id="studies">
<h1>Estudios</h1>
<h2>Full Stack Web Developer</h2>
<span class="details">KeepCoding Academy</span>
<span class="details">2018-2019</span>
<p>Los desarrolladores web están muy demandados en el mercado, siendo una de las ramas del desarrollo más completas en la actualidad. Con el Bootcamp Web de Keepcoding el estudiante consigue desarrollar unas habilidades que catapultan tu carrera.</p>
<p>Este Bootcamp ha sido diseñado por Fernando Rodríguez con un ideal: aprendizaje riguroso y duro esfuerzo para lograr el dominio absoluto de las herramientas de desarrollo. Todo para convertir un buen programador en un 10x developer: el profesional hábil, productivo y valioso para grandes empresas y startups de todo el mundo. Es un programa creado por desarrolladores y emprendedores para desarrolladores y emprendedores.</p>
<h2>Frontend Web Developer</h2>
<span class="details">freeCodeCamp</span>
<span class="details">2016-2018</span>
<p>freeCodeCamp es una organización sin ánimo de lucro1 consistente en una plataforma web de enseñanza interactiva accesible para todo el mundo, una comunidad on-line de chats y diversas publicaciones y organizaciones locales que pretenden hacer de la enseñanza del desarrollo web algo accesible a todas las personas. La enseñanza comienza con tutoriales que introducen al estudiante en HTML, CSS y JavaScript y se va progresando por medio de proyectos que el alumno debe completar en solitario o en grupo.</p>
<p>Al la finalización de todos los proyectos los estudiantes pueden asociarse con otras asociaciones sin ánimo de lucro donde podrán desarrollar aplicaciones web ofreciéndoles así experiencia práctica para los conocimientos adquiridos.</p>
<h2>Ingeniero Industrial</h2>
<span class="details">Universidad Nacional de Educacion a Distancia</span>
<span class="details">2010-2014</span>
<p>La Ingeniería Industrial de Ciclo Superior es un título oficial que se imparte desde la Escuela Técnica Superior de Ingenieros Industriales de la UNED y está adscrito a la rama de conocimiento “Ingeniería y Arquitectura”. Comenzó su impartición en el curso académico 2001/2002 y la modalidad de enseñanza es totalmente a distancia.</p>
<p>Además, la titulación propuesta habilita para el ejercicio de la profesión de Ingeniero Industrial. El estudiante puede escoger entre las ocho especialidades que se ofertan, abarcando los campos más importantes del conocimiento de la Ingeniería Industrial, tanto desde el punto de vista científico como tecnológico.</p>
<h2>Ingeniero Técnico Industrial</h2>
<span class="details">Universidad de La Rioja</span>
<span class="details">1999-2006</span>
<p>Los ingenieros mecánicos son profesionales polivalentes, cuyos conocimientos se pueden aplicar en cualquier campo de la industria. Están implicados en el diseño y fabricación de bienes tan diversos como vehículos, electrodomésticos, herramientas o equipamiento médico, así como en la construcción, explotación y mantenimiento de las instalaciones que los hacen posibles (plantas de producción, energéticas, etc.).</p>
<p>En un mundo cada vez más interrelacionado y con recursos limitados, los ingenieros mecánicos de hoy en día deben poseer una alta capacidad de adaptación e integración en distintos entornos de trabajo y realizar su labor de la forma más eficiente.</p>
<p>La carrera ofrece una formación integral que contempla el estudio tanto de materias básicas (matemáticas, física, química, dibujo e informática) como más específicas (mecánica, mecánica de fluidos, estructuras, termodinámica), y paralelamente la búsqueda de soluciones a problemas técnicos. En este sentido, se fomenta la aplicación práctica de los conocimientos adquiridos a través del trabajo en equipo para resolver desafíos íntimamente relacionados con los que afrontarán en su futuro profesional.</p>
</section>
</div>
<div class="container-3">
<section id="experience">
<h1>Experiencia</h1>
<h2>PV Project Engineer</h2>
<span class="details">NCLAVE Renewables</span>
<span class="details">2015-Actualidad</span>
<p>Desarrollo de proyectos internacionales de plantas solares fotovoltaicas. Diseño y cálculo mecánico de seguidores fotovoltaicos y estructuras fijas. Estudio y análisis de normativa internacional de diseño y cálculo. Definición técnica de los proyectos, elaboración de documentación de ingeniería y apoyo en la elaboración de las ofertas comerciales. Control y seguimiento de la producción, transporte y logística en la fase de lanzamiento del proyecto. Comunicación con clientes y proveedores en la resolución de problemas en toda la fase del proyecto.</p>
<h2>Project Engineer</h2>
<span class="details">Enersitek, Energias renovables</span>
<span class="details">2012-2014</span>
<p>Desarrollo de proyectos de energías renovables y eficiencia energética. Elaboración de proyectos fotovoltaicos con PVsyst, realización de ofertas comerciales, control y seguimiento de instalaciones, y trato con clientes y proveedores. Simulación electromagnética por elementos finitos con Ansoft Maxwell para el diseño y obtención de la patente “Generador axial de flujo radial”, concedida por la OEPM con código de patente ES 2 403 356 B2. Diseño de estructuras y componentes para proyectos fotovoltaicos y eólicos.</p>
<h2>Ingeniero de I+D</h2>
<span class="details">Geólica</span>
<span class="details">2010-2012</span>
<p>Desarrollo de estudios de investigación en minieólica y fotovoltaica. Definición de modelos de estudio estructural. Diseño, cálculo, simulación mediante elementos finitos (FEA y CFD) y ensayos prácticos. Diseño de piezas y elementos de maquinaria para fabricación. Simulación virtual de modelos con Solidworks, MSC Nastran, ANSYS Mechanical, CFX y Fluent. Redacción de informes y manuales, confección de planos, resolución de problemas de ingeniería paralelos, labores de oficina técnica, etc.</p>
</section>
</div>
<div class="container-4">
<section id="about-me">
<h1>Sobre mí</h1>
<p>De pequeño, como a muchos, me regalaron un Spectrum. Me leí el manual de Basic y probé a programar un Tetris escribiendo primero el código con papel y boli antes de pasarlo al ordenador. Lo dejé un poco a medias y con bugs, pero funcionaba.</p>
<p>Se me dieron bien Pascal y Visual Basic en la Universidad. Hice cursos de webs en PHP y Java para Android, y he programado con VBA en macros de Excel para crear herramientas para mi trabajo. Como tengo vocación por enfrentarme a problemas y resolverlos, parece que siento una atracción natural por programar</p>
<p>Me he iniciado hace poco en la programación web con cursos de Codecademy y el curriculum de FreeCodeCamp. He trabajado con HTML, CSS y JavaScript, así como Bootstrap, jQuery y SASS, y desplegado algún VPS de Ubuntu en DigitalOcean y Vultr. Me he iniciado también en Python, React y Node. La programación dentro del mundo web me parece apasionante y el sector tecnológico digital uno de los más activos e interesantes de la actualidad, sobre todo porque veo que está lleno de gente inquieta, curiosa, abierta, positiva y apasionada por lo que hace y lo que aporta a los demás. Eso, por desgracia, no se ve en todas partes. Además, es el sector que más se está abriendo a los horarios flexibles y el trabajo en remoto, cosa que cada vez valoro más en mi vida personal</p>
<p>Aparte de la programación, entre mis aficiones también está el ejercicio físico para mantenerme en forma y contrarreastar el efecto de pasar muchas horas sentado delante de una pantalla. Dado que mi día a día es muy ajetreado, he buscado maneras de poder entrenar de forma cómoda y efectiva en mi propia casa.</p>
<p>Esto me llevó a descubrir las kettebells, unas pesas de origen ruso que son magníficas para realizar toda clase de ejercicios de alta intesidad y exigencia. Existen muchos practicantes en el mundo y competiciones oficiales, como la que se puede ver a continuación en el siguiente video.</p>
<video controls>
<source src="./videos/kettlebell.mp4" type="video/mp4">
</video>
</section>
</div>
<div class="container-5">
<section id="contact">
<h1>Contacto</h1>
<p>Si quieres ponerte en contacto conmigo para cualquier asunto, rellena el formulario que aparece a continuación y siéntete libre de contarme lo que te apetezca.</p>
<p>¡Espero tu mensaje!</p>
<p><em>(*) Campos obligatorios</em></p>
<p><em>(**) Sólo números de teléfono fijo o móvil de España (prefijo opcional)</em></p>
<form action="" id="contact-form">
<label for="name">Nombre (*)</label>
<input id="name" type="text" placeholder="Nombre..." required>
<label for="email">E-mail (*)</label>
<input id="email" type="email" placeholder="E-mail..." required>
<label for="selection">¿Cómo me has conocido?</label>
<div class="selection">
<select id="selection" name="selection">
<option id="social" value="Por redes sociales">Por redes sociales</option>
<option id="company" value="Por una empresa">Por una empresa</option>
<option id="friend" value="Por un amigo">Por un amigo</option>
<option id="other" value="Otros">Otros</option>
</select>
<input id="referral" class="referral hidden" type="text" name="referral" placeholder="Escribe aquí cómo...">
</div>
<label for="phone">Teléfono (**)</label>
<input id="phone" type="tel" pattern="^(\+34|0034|34)?[6|7|9][0-9]{8}$" placeholder="Teléfono...">
<label for="message">Tu mensaje(*)</label>
<div class="message">
<textarea name="" id="message" cols="18" rows="10" placeholder="Escríbeme lo que quieras..." required></textarea>
<div class="count"><span class="count">0</span> palabras (Máx. 150 palabras)</div>
</div>
<button type="submit">Enviar</button>
</form>
</section>
</div>
</main>
<footer>
<p>Estos son mis perfiles en Internet</p>
<ul>
<li><a href="https://www.linkedin.com/in/fernandomerinovillagran" target="_blank"><img class="footer-icon" src="./images/linkedin.png" alt="">LinkedIn</a></li>
<li><a href="https://github.com/Ferveloper" target="_blank"><img class="footer-icon" src="./images/github.png" alt="">GitHub</a></li>
<li><a href="https://www.freecodecamp.org/ferveloper" target="_blank"><img class="footer-icon" src="./images/freecodecamp.png" alt="">freeCodeCamp</a></li>
<li><a href="https://codepen.io/ferveloper/" target="_blank"><img class="footer-icon" src="./images/codepen.png" alt="">CodePen</a></li>
<li><a href="https://glitch.com/@Ferveloper" target="_blank"><img class="footer-icon" src="./images/glitch.ico" alt="">Glitch</a></li>
</ul>
</footer>
</div>
</body>
</html>