-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
131 lines (119 loc) · 8.36 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Style.css">
<link rel="icon" href="sources/img/perfil.icon">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" rel="stylesheet">
<title>Leandro Reynoso</title>
</head>
<body>
<div class="padre">
<header class="header">
<div class="barra">
<div class="barra__izquierda">
<a href="Index.html"><img src="sources/img/perfil.icon" alt="Leandro Reynoso A." title="Página principal" class="perfil__img img"></a>
</div>
<div class="barra__centro">
<a href="Index.html" class="barra-centro__link"><p class="barra-centro__nombre"><b>Leandro Reynoso Almanzar</b></p></a>
</div>
<div class="barra__opciones">
<ul>
<li><a href="Index.html" class="barra-opciones__principal link-opciones">Página Principal</a></li>
<li><a href="sources/vistas/Biografia.html" class="barra-opciones__biografia link-opciones">Biografía</a></li>
<li><a href="sources/vistas/Formacion.html" class="barra-opciones__formacion link-opciones">Formación</a></li>
<li><a href="sources/vistas/Curriculum.html" class="barra-opciones__curriculum link-opciones">Currículum</a></li>
<li><a href="sources/vistas/Pasatiempo.html" class="barra-opciones__pasatiempo link-opciones">Pasatiempos</a></li>
<li><a href="https://github.com/El-Napster" class="barra-opciones__github link-opciones" target="_blank">GitHub</a></li>
</ul>
</div>
<div class="menu-responsive">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
</div>
</div>
<div class="barra-sombra"></div>
</header>
<article class="cuerpo">
<section class="cuerpo__contenido">
<div class="cuerpo-contenido__biografia formas-todo todo-contenido__derecha">
<div class="cuerpo-contenido-biografia__contenido contenido-derecha">
<div class="cuerpo-contenido-biografia__forma forma-derecha">
<h3 class="nombre-titulo sub-titulo-h3">Leandro Reynoso A.</h3>
<p class="texto-biografia parrafo">Nací en Guanuma, un pueblo lejano al norte de Santo Domingo.
Crecí con mi madre, Isa, hasta que cumplí los 11 donde Jairo aparecería para convertirse
en mi padrastro y padre de mis dos hermanas, Laila y Jasmín...
</p>
<a href="sources/vistas/Biografia.html" class="ver_mas ver_mas-derecha">Ver más</a>
</div>
<div class="cuerpo-contenido-biografia__sombra sombra sombra-derecha"></div>
</div>
<div class="cuerpo-contenido-biografia-div__img div-img__derecha">
<img src="sources/img/biografia.png" alt="Leandro Reynoso A." title="Leandro Reynoso" class="cuerpo-biografia-biografia__img img img-derecha">
</div>
</div>
<div class="cuerpo-contenido__formacion formas-todo todo-contenido__izquierda">
<div class="cuerpo-contenido-formacion-div__img div-img__izquierda">
<img src="sources/img/Formacion.png" alt="Formacion Academica" class="cuerpo-contenido-formacion__img img img-izquierda">
</div>
<div class="cuerpo-contenido-formacion__contenido contenido-izquierda">
<div class="cuerpo-contenido-formacion__forma forma-izquierda">
<h3 class="formacion-titulo sub-titulo-h3">Formación académica</h3>
<p class="texto-formacion parrafo">Mi vida académica inició en la Escuela Primaria Guanuma,
donde cursé desde preescolar hasta octavo (hoy en día, segundo de bachiller).
Luego de salir de allí continué mis estudios en el "Politécnico promapec"
donde concluí graduado con honores...</p>
<a href="sources/vistas/Formacion.html" class="ver_mas ver_mas-izquierda">Ver más</a>
</div>
<div class="cuerpo-contenido-formacion__sombra sombra-izquierda"></div>
</div>
</div>
<div class="cuerpo-contenido__curriculum formas-todo todo-contenido__derecha">
<div class="cuerpo-contenido-curriculum__contenido contenido-derecha">
<div class="cuerpo-contenido-curriculum__forma forma forma-derecha">
<h3 class="curriculum-titulo sub-titulo-h3">Curriculúm</h3>
<p class="texto-curriculum parrafo">Estudiante de ingeniería en software. Con años de experiencia en fotografía y
manejo de programas de Adobe. Técnico en contabilidad y técnico en manejo de programas de oficina.
Tiene un título por haber concluido el inglés por inmersión en APEC, en el año 2022...</p>
<a href="sources/vistas/Curriculum.html" class="ver_mas ver_mas-derecha">Ver más</a>
</div>
<div class="cuerpo-contenido-curriculum__sombra sombra-derecha"></div>
</div>
<div class="cuerpo-biografia-curriculum-div__img div-img__derecha">
<img src="sources/img/curriculum.png" alt="Curriculúm" class="cuerpo-biografia-curriculum__img img img-derecha">
</div>
</div>
<div class="cuerpo-contenido__pasatiempo formas-todo todo-contenido__izquierda">
<div class="cuerpo-biografia-pasatiempo-div__img div-img__izquierda">
<img src="sources/img/pasatiempo.JPG" alt="Pasatiempos" class="cuerpo-biografia-pasatiempo__img img img-izquierda">
</div>
<div class="cuerpo-contenido-pasatiempo__contenido contenido-izquierda">
<div class="cuerpo-contenido-pasatiempo__forma forma-izquierda">
<h3 class="pasatiempo-titulo sub-titulo-h3">Pasatiempos y gustos</h3>
<p class="texto-pasatiempo parrafo">Desde los 12 años empecé con el dibujo a lápiz.
A partir de ahí le he invertido mucha dedicación. Actualmente tengo perfeccionado el realismo.
Siendo esta mi actividad principal de ocio, adquirí otras habilidades como la fotografía,
deportes, y otras como...
</p>
<a href="sources/vistas/Pasatiempo.html" class="ver_mas ver_mas-izquierda">Ver más</a>
</div>
<div class="cuerpo-contenido-pasatiempo__sombra sombra-izquierda"></div>
</div>
</div>
</section>
</article>
<footer class="pie">
<div class="pie__contenido">
<h3>Contáctame vía:</h3>
<ul class="links">
<li class="links__correo link-contacto"><a href="mailto:[email protected]?Subject=Vengo desde tu página. Estoy interesado en: [TU ASUNTO]" target="_blank" class="correo-link a-link">[email protected]</a></li>
<li class="links__whatsapp link-contacto"><a href="https://wa.me/18097209917?text=Hola,%20estaba%20en%20tu%20página%20y%20quise%20venir%20a%20saludar." target="_blank" class="whatsapp-link a-link">809-720-9917</a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>