-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
187 lines (184 loc) · 9.91 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible">
<title>Diego Ramos' website</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Major+Mono+Display|Quattrocento+Sans"
rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default fixed-top navbar-expand-lg">
<div class="container">
<button class="d-block d-lg-none navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
Menu
</button>
<div class="collapse navbar-collapse" id="navbar">
<div class="navbar-nav">
<a class="nav-item nav-link" href="#">Home</a>
<a class="nav-item nav-link" href="#info">About me</a>
<a class="nav-item nav-link" href="#projects">Projects</a>
<a class="nav-item nav-link" href="#interests">Interests</a>
<a class="nav-item nav-link" href="#academic">Academic background and experience</a>
<a class="nav-item nav-link" href="#skills">Skills</a>
</div>
</div>
</div>
</nav>
<div id="banner">
<h1 class="text-center" id="info">Welcome to diego ramos' website</h1>
<img src="resources/villa_de_leyva.JPG" id="banner-img">
</div>
<div class="container" id="content">
<h2>About me</h2>
<div class="row">
<div class="col-sm-12 col-md-4 col-lg-4">
<div class="row">
<img src="resources/diego.jpg" id="profile-picture">
</div>
<div class="row justify-content-center">
<a href="https://github.com/diegoramosb" target="_blank" style="margin: 10px;">
<img style="width: 50px;" src="resources/GitHub_Logo.png" alt="GitHub profile">
</a>
<a href="https://www.linkedin.com/in/diego-alejandro-ramos-baena-bb306b144/" target="_blank"
style="margin: 10px;">
<img style="width: 30px;" src="resources/linkedin_logo_black.png" alt="LinkedIn profile">
</a>
</div>
</div>
<div class="col-sm-12 col-md-8 col-lg-8">
<p>
I'm a 22 years old Systems and Computing Engineering student at Universidad
de Los
Andes in Bogotá, Colombia. I'm eager to put what I've learned in the last years in practice in my
first job when I finish my degree in December of 2020.
</p>
</div>
</div>
<div class="separator" id="projects"></div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<h2>Projects</h2>
<p>Throughout my degree, I've worked in several projects. The most remarkable ones are the following:
</p>
<ul>
<li>
<a href="https://github.com/diegoramosb/condor">Cóndor</a>: My and <a
href="https://www.linkedin.com/in/mariana-moreno-anaya-3992b4139/?lipi=urn%3Ali%3Apage%3Ad_flagship3_people_connections%3B0khRJAX%2FTHGxNh9P1DFlJQ%3D%3D&licu=urn%3Ali%3Acontrol%3Ad_flagship3_people_connections-connection_profile">Mariana
Moreno</a>'s
final Bachelor's degree project. Cóndor is a text-mining-based tool that facilitates the work of
a communications analyst in the development of media
impact reports. It allows the search of Twitter accounts of interest and the visualization of
the results of
content analysis of their tweets according to customized filters. The project aims to design the
architecture that supports the application from the functionalities and graphics it provides.
Additionally, Condor includes a model to automate the sentiment analysis of the tweets in the
tool.
</li>
<li>
<a href="https://github.com/ngaitan98/CookIA" target="_blank">CookIA</a>: A mobile cooking
application
developed in the Ionic framework with an
integrated
voice assistant that is like Siri for cooking.
This was the middle-of-degree project that I participated in. <br>
For this project, we also paid special attention to the viability of a start-up. Looking into
things as early adopter interviews and usability tests.
</li>
</ul>
</div>
</div>
<div class="separator" id="interests"></div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<h2>Interests</h2>
<p>My professional interests are related to software architecture and development, machine learning,
data analysis and
business intelligence.
</p>
<p>On the other hand, I love science and everything related to it. I believe that it provides the best
understanding of the world around us.
</p>
<p>I play chess sometimes. <a href="https://lichess.org/@/Droeek" target="_blank">This
is my Lichess profile.</a>
</p>
<p>One of my biggest hobbies is playing videogames. My all time favourites are League of Legends, Age Of
Empires II,
Cities Skylines and Hollow Knight.
</p>
<p>I really enjoy reading too. <a href="https://www.goodreads.com/user/show/84034642-diego"
target="_blank">Here's my
Goodreads profile</a>, where I try to keep track of the books that I have read, am currently
reading and want to read.
</p>
</div>
</div>
<div class="separator" id="academic"></div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<h2>Academic background and experience</h2>
<p>I graduated from highscool from Colegio Claustro Moderno in Bogotá in 2015. Where I had the
opportunity to be in a one-month exchange program in Winchester College, England in my last year of
school.
I started studying my
degree in Systems and Computing Engineering
at Universidad de los Andes In Bogotá in August 2016. In these years, I've made learning projects
on data
structures, relational and non-relational databases, web, mobile and full stack developing, software
architecture, business intelligence and machine learning, among others.
</p>
<p>I will finish my degree in December of 2020. I'm currently open to job offers.</p>
</div>
</div>
<div class="separator" id="skills"></div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<h2>Skills</h2>
<p>Languages: Spanish (native), English (advanced, getting a certification soon), German (beginner)</p>
<p>
Knowledge of data structures, software architecture, full-stack development, mobile development,
business intelligence,
data mining, machine learning.
</p>
<p>
Programming languages: Java, Python, JavaScript, TypeScript, Kotlin
</p>
<p>
Frameworks: Angular, Flutter
</p>
<p>
Databases: Oracle SQL Developer, PostgreSQL, MongoDB, Firebase Firestore
</p>
<p>
Other tools and software: Knime, GitHub, Excel, VBA
</p>
</div>
</div>
<div class="separator"></div>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<p>
"What we know is a drop, what we don't know is an ocean" -Isaac Newton
</p>
</div>
</div>
</div>
<div id="footer">
<p>2020 Diego Ramos</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous">
</script>
</body>
</html>