-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (136 loc) · 8.42 KB
/
index.html
File metadata and controls
136 lines (136 loc) · 8.42 KB
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
<!DOCTYPE html>
<html lang="es-ar">
<head>
<title>Portafolio de Luciano Nahuel Vitale</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="img/perfil.png">
<link rel="stylesheet" type="text/css" href="css/vendor/normalize.css">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<section class="lateral">
<div class="perfil">
<figure class="perfil__circulo">
<img src="img/perfil.png" alt="Foto de perfil" class="perfil__foto">
</figure>
<h1 class="perfil__nombres">Luciano Nahuel Vitale</h1>
</div>
<div class="github">
<h2></h2>
<ul class="nav nav-pills">
<li>
<a href="https://github.com/lunavi97/Portafolio-HTML">Ver en GitHub</a>
</li>
<li>
<a href="https://github.com/lunavi97/Portafolio-HTML/archive/master.zip"><span class="glyphicon glyphicon-download-alt"> zip</span></a>
</li><li>
<a href="https://github.com/lunavi97/Portafolio-HTML/archive/master.tar.gz"><span class="glyphicon glyphicon-download-alt"> tar.gz</span></a>
</li>
</ul>
</div>
<div class="informacion">
<h2 class="informacion__titulo">Estudiante de Ingeniería Informática</h2>
<p class="informacion__descripcion">Programador, desarrollador frontend capacitado en HTML, CSS y Javascript y desarrollador backend con conocimientos de PHP, Java y Python.</p>
<ul class="habilidades">
<li class="habilidad">HTML</li>
<li class="habilidad">CSS</li>
<li class="habilidad">Windows</li>
<li class="habilidad">Linux</li>
<li class="habilidad">Python</li>
<li class="habilidad">Java</li>
<li class="habilidad">MySQL</li>
<li class="habilidad">Redes</li>
<li class="habilidad">Malware</li>
<li class="habilidad">Android</li>
<li class="habilidad">iOS</li>
<li class="habilidad">Software</li>
<li class="habilidad">Hardware</li>
<li class="habilidad">Gestión organizacional</li>
<li class="habilidad">Marketing</li>
<li class="habilidad">Visual Basic</li>
</ul>
</div>
</section>
<section class="proyectos">
<h1 class="portafolio">Portafolio de Luciano Nahuel Vitale</h1>
<div class="row">
<article class="proyecto">
<img src="img/reparacion-pc.jpg" alt="Reparación Técnica de PC" class="proyecto__imagen">
<h3 class="proyecto__titulo">Reparación Técnica de PC</h3>
<p class="proyecto__descripcion">Conocimiento teórico-práctico de sistemas operativos, estudio de topología de red, clasificación de redes, modelo OSI y TCP/IP, clasificación de memorias, configuración y optimización de PC, comprensión y análisis del malware, introducción al desarrollo web y programación en Visual Basic.</p>
<ul class="habilidades">
<li class="habilidad--proyecto">Windows</li>
<li class="habilidad--proyecto">Linux</li>
<li class="habilidad--proyecto">Redes</li>
<li class="habilidad--proyecto">Malware</li>
<li class="habilidad--proyecto">HTML</li>
<li class="habilidad--proyecto">CSS</li>
<li class="habilidad--proyecto">Visual Basic</li>
</ul>
</article>
<article class="proyecto">
<img src="img/android-ios.jpg" alt="Seguridad en dispositivos móviles" class="proyecto__imagen">
<h3 class="proyecto__titulo">Seguridad en dispositivos móviles</h3>
<p class="proyecto__descripcion">Conocimiento en detalle del malware y clasificación. Aprendizaje de técnicas para proteger un equipo informático y una red.</p>
<ul class="habilidades">
<li class="habilidad--proyecto">Android</li>
<li class="habilidad--proyecto">Malware</li>
<li class="habilidad--proyecto">iOS</li>
</ul>
</article>
</div>
<div class="row">
<article class="proyecto">
<img src="img/python-seguridad.png" alt="Introducción a Python" class="proyecto__imagen">
<h3 class="proyecto__titulo">Introducción a Python</h3>
<p class="proyecto__descripcion">Uso de aplicaciones, herramientas de seguridad y programación en Python.</p>
<ul class="habilidades">
<li class="habilidad--proyecto">Python</li>
<li class="habilidad--proyecto">MySQL</li>
<li class="habilidad--proyecto">Malware</li>
</ul>
</article>
<article class="proyecto">
<img src="img/java.jpg" alt="Fundamentos de Programación con Java" class="proyecto__imagen">
<h3 class="proyecto__titulo">Fundamentos de Programación con Java</h3>
<p class="proyecto__descripcion">Programación, desarrollo de aplicaciones basadas en la lógica de Java e intercambio de archivos.</p>
<ul class="habilidades">
<li class="habilidad--proyecto">Java</li>
<li class="habilidad--proyecto">MySQL</li>
</ul>
</article>
</div>
<div class="row">
<article class="proyecto">
<img src="img/seguridad-pyme.jpg" alt="Seguridad para PyMEs" class="proyecto__imagen">
<h3 class="proyecto__titulo">Seguridad para PyMEs</h3>
<p class="proyecto__descripcion">Control de sistemas de uso personal y corporativo (ámbito interno y externo).</p>
<ul class="habilidades">
<li class="habilidad--proyecto">Redes</li>
<li class="habilidad--proyecto">Software</li>
<li class="habilidad--proyecto">Hardware</li>
<li class="habilidad--proyecto">Malware</li>
<li class="habilidad--proyecto">Gestión organizacional</li>
</ul>
</article>
<article class="proyecto">
<img src="img/marketing-digital.jpg" alt="Marketing Digital" class="proyecto__imagen">
<h3 class="proyecto__titulo">Marketing Digital</h3>
<p class="proyecto__descripcion">Conocimiento del mercado digital en términos de informática y el ingreso del mercado tradicional a las nuevas tecnologías.</p>
<ul class="habilidades">
<li class="habilidad--proyecto">Marketing</li>
<li class="habilidad--proyecto">Software</li>
</ul>
</article>
</div>
</section>
</body>
</html>