forked from mateodevia/homePage
-
Notifications
You must be signed in to change notification settings - Fork 0
/
formacion.html
160 lines (148 loc) · 5.8 KB
/
formacion.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta name="author" content="Mateo Devia" />
<meta name="description" content="About me page" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="styles/index.css" />
<link rel="stylesheet" type="text/css" href="styles/navbar.css" />
<link rel="stylesheet" type="text/css" href="styles/formacion.css" />
<link rel="stylesheet" type="text/css" href="styles/contacto.css" />
<link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
<link rel="icon" href="media/favicon.ico">
<script src="index.js"></script>
<title>Mateo Devia</title>
</head>
<body onload="formacionClicked()">
<!-- Navbar -->
<div id="barraSticky">
<div id="rectangulo">
<!-- El boton para celulares -->
<button id="boton" onClick="handleClick()">☰</button>
<!-- El boton para celulares -->
<a href="./index.html">
<img class='logo' src="media/miFoto.jpeg" alt="Profile Picture" />
</a>
<a href="./index.html">
<h2 id="miNombre">Mateo Devia</h2>
</a>
<!-- Nav para computadores -->
<nav id='navHorizontal'>
<ul class='titulosHorizontal'>
<li class="titulo">
<a id="formacion1" href="./formacion.html">Education</a>
</li>
<li class="titulo">
<a id="proyectos1" href="./proyectos.html">Projects</a>
</li>
</ul>
</nav>
<!-- Nav para computadores -->
<!-- Nav para celulares -->
<nav id="navVertical">
<ul class='titulosVertical'>
<li id="formacion2" class="titulo">
<a href="./formacion.html">Education</a>
</li>
<li id="proyectos2" class="titulo">
<a href="./proyectos.html">Projects</a>
</li>
</ul>
</nav>
<!-- Nav para celulares -->
</div>
</div>
<!-- Navbar -->
<!-- Education -->
<div>
<img class="panel" src="media/formacion.jpg" alt="Academic Image">
</div>
<div class="container-fluid">
<h1>High School</h1>
<div class="row">
<img class="col-12 col-sm-4 col-md-4 col-lg-4 imagen" src=" media/rochester.jpg" alt="Rochester School's Logo">
<div class="col-12 col-sm-8 col-md-8 col-lg-8 centradoVertical">
<div>
<h2 class="texto">Rochester School 2002-2016</h2>
<br>
<p class="texto">I attended to the Rochester School from kinder garden up to high school. This school stands
out for teaching its students to improve their interpersonal abilities, their mental health, and their
environmental responsabilities.
</p>
</div>
</div>
</div>
<h1 class="derecha">Undergraduate</h1>
<div class="row">
<div class="col-12 col-sm-8 col-md-8 col-lg-8 centradoVertical derecha grande">
<div>
<h2 class="texto">Universidad de los Andes 2016-2020</h2>
<h5 class="texto">Systems Engineering and Computation</h5>
<br>
<p class="texto">I am currently attending to the program of Systems Engineering and Computing at the
University of los Andes. The engineering program which I am enrrolled to is focused on software development,
but
it toches upon topics like, enterprise and business architecture, computer sciences, and technological
infrastructure.
</p>
</div>
</div>
<img class="col-12 col-sm-4 col-md-4 col-lg-4 imagen" src=" media/andes.png" alt="Universidad de los Andes Logo">
<div class="col-12 col-sm-9 col-md-9 col-lg-9 centradoVertical derecha chiquito">
<div>
<h2 class="texto">Universidad de los Andes 2016-2020</h2>
<h5 class="texto">Systems Engineering and Computation</h5>
<br>
<p class="texto">I am currently attending to the program of Systems Engineering and Computing at the
University of los Andes. The engineering program which I am enrrolled to is focused on software development,
but
it toches upon topics like, enterprise and business architecture, computer sciences, and technological
infrastructure.
</p>
</div>
</div>
</div>
</div>
<!-- Education -->
<!-- Contacto -->
<div>
<div class="linea"></div>
<h1 class="tituloHome">Contacto</h1>
<div>
<ul class="lista">
<li class="itemLista">
<a href="https://www.facebook.com/mateo.devia">
<img id="facebook" src="media/facebook.svg" alt="Facobook Logo">
</a>
</li>
<li class="itemLista">
<a href="https://www.instagram.com/mateodevia/">
<img id="instagram" src="media/instagram.svg" alt="Instagram Logo">
</a>
</li>
<li class="itemLista">
<a href="https://twitter.com/MateoDevia5">
<img id="twitter" src="media/twitter.svg" alt="Twitter Logo">
</a>
</li>
<li class="itemLista">
<a href="https://github.com/mateodevia">
<img id="github" src="media/git.svg" alt="GitHub Logo">
</a>
</li>
</ul>
</div>
<div class="linea"></div>
<div class="fondoGris container-fluid">
<div class="row justify-content-center">
<h4 class="col-12 col-sm-4 infoContacto">[email protected]</h4>
<h4 class="col-12 col-sm-4 infoContacto">cel: 313 280 3320</h4>
<h4 class="col-12 col-sm-4 infoContacto">Bogota, Colombia</h4>
</div>
</div>
</div>
</body>
</html>