-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (139 loc) · 6.65 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
<!DOCTYPE html>
<html lang="en">
<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="shortcut icon" href="https://argentinaprograma.inti.gob.ar/pluginfile.php/1/theme_moove/favicon/1676134779/favicon.ico">
<title>Portafolio - Valentín Reynoso</title>
<link rel="stylesheet" href="styles.css" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
</head>
<body class="main-body">
<nav class="navbar bg-body-tertiary bg-dark" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand">Argentina Programa - Portafolio </a>
<form class="d-flex align-items-center" role="search">
<a class="navbar-brand" href="https://github.com/Valenreynoso17" target="_blank">
<img src="resources/github.svg" alt="Bootstrap" width="30" height="30" />
</a>
<a class="navbar-brand" href="https://www.linkedin.com/in/valentin-reynoso-6526211b8/" target="_blank">
<img src="resources\linkedin.svg" alt="Bootstrap" width="30" height="30" />
</a>
<a class="navbar-brand" href="https://www.instagram.com/valenreynoso17/" target="_blank">
<img src="resources/instagram.svg" alt="Bootstrap" width="30" height="30" />
</a>
<button class="btn btn-primary" type="submit">Login</button>
</form>
</div>
</nav>
<div class="main-container">
<!-- Main info section -->
<div class="card section">
<img id="banner" src="resources/programacion-java-2789481.webp" class="card-img-top" alt="...">
<div class="profile-picture-container">
<img src="resources/IMG-20221026-WA0063.jpg" alt="" id="profile-picture">
</div>
<div class="card-body main-information-container">
<h3 class="main-info-name">Valentín Reynoso</h3>
<p class="text">Desarrollador en Flowing Code</p>
<p class="text">Paraná, Entre Ríos, Argentina</p>
<a class="main-info-contact" href="">Información de contacto</a>
</div>
</div>
<!-- About section -->
<div class="section card">
<div class="card-body">
<h5 class="card-title">Acerca de</h5>
<p class="text">Tengo 22 años, soy estudiante de quinto año de Ingeniería en Sistemas de Información y estoy trabajando en una empresa de desarrollo de software llamada Flowing Code.</p>
</div>
</div>
<!-- Expertise and education section -->
<div class="card section">
<div class="card-body">
<h5 class="card-title">Experiencia</h5>
<div class="expertise-education-item">
<img class="expertise-education-item-logo" src="resources/FlowingCodeLogo.svg" alt="">
<div>
<h4 class="expertise-education-item-title">Flowing Code</h4>
<h5 class="expertise-education-item-description">Desarrollador Fullstack</h5>
<p class="expertise-education-item-paragraph">2022 - Actualidad</p>
</div>
</div>
</div>
<div class="card-body">
<h5 class="card-title">Educación</h5>
<div class="expertise-education-item">
<img class="expertise-education-item-logo" src="resources/utnLogo.png" alt="">
<div>
<h4 class="expertise-education-item-title">Universidad Tecnológica Nacional</h4>
<h5 class="expertise-education-item-description">Ingeniería en Sistemas de Información</h5>
<p class="expertise-education-item-paragraph">2019 - Actualidad</p>
</div>
</div>
</div>
</div>
<!-- knowledge section -->
<div class="card section">
<div class="card-body">
<h5 class="card-title">Conocimientos</h5>
<div class="knowledge-list-containter">
<div class="knowledge-item">
<div class="knowledge-item-circle">
<img src="resources/html5Logo.svg" alt="" class="knowledge-item-logo">
</div>
<p class="knowledge-item-name">HTML</p>
</div>
<div class="knowledge-item">
<div class="knowledge-item-circle">
<img src="resources/css3Logo.svg" alt="" class="knowledge-item-logo">
</div>
<p class="knowledge-item-name">CSS</p>
</div>
<div class="knowledge-item">
<div class="knowledge-item-circle">
<img src="resources/javascriptLogo.svg" alt="" class="knowledge-item-logo">
</div>
<p class="knowledge-item-name">JavaScript</p>
</div>
<div class="knowledge-item">
<div class="knowledge-item-circle">
<img src="resources/angularLogo.svg" alt="" class="knowledge-item-logo">
</div>
<p class="knowledge-item-name">Angular</p>
</div>
<div class="knowledge-item">
<div class="knowledge-item-circle">
<img src="resources/javaLogo.svg" alt="" class="knowledge-item-logo">
</div>
<p class="knowledge-item-name">Java</p>
</div>
<div class="knowledge-item">
<div class="knowledge-item-circle">
<img src="resources/androidLogo.svg" alt="" class="knowledge-item-logo">
</div>
<p class="knowledge-item-name">Android</p>
</div>
</div>
</div>
</div>
<!-- Projects section-->
<div class="card section">
<div class="card-body">
<h5 class="card-title">Proyectos</h5>
<div class="project-item">
<a class="project-item-title" href="https://github.com/FedericoQuarin/LabDam2022" target="_blank">AirBooking Mobile App</a>
<p class="project-item-description">Desarrollada como trabajo práctico de la materia "Desarrollo de aplicaciones móviles". Permite buscar y reservar alojamientos turísticos temporales en diferentes ciudades. Se programó en Android usando las últimas tecnologías y patrones disponibles.</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
</body>
</html>