desarrollodejonathan.github.io/index.html at main · DesarrolloDeJonathan/desarrollodejonathan.github.io · GitHub

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
<!DOCTYPE HTML>
<html>
	<head>

		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());
		  gtag('config', 'G-FSCVDH6JBV');
		</script>

			<link rel="stylesheet" href="assets/css/main.css" />
			<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->

		<script async src="https://www.googletagmanager.com/gtag/js?id=G-FSCVDH6JBV"></script>
		<link rel="preconnect dns-prefetch" href="https://www.googletagmanager.com">
		<link rel="preconnect dns-prefetch" href="https://www.google-analytics.com">
		<title>Bienvenidos</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
	</head>
	<body id="top">
		<!-- Barra izquierda -->
			<header id="header">
				<!-- Imagen Perfil-->
				<a href="#" class="image avatar"><img src="images/defaulf.png" alt="" /></a>
				<!-- Nombre Perfil -->
				<h1><strong>Jonathan Steven Cardozo Toro</strong>, Front-end Developer<br />
			</header>

		<!-- Contenido principal -->
			<div id="main">
					<section id="one">
						<header class="major">
							<!-- Perfil Título -->
							<h2>Tegnólogo en analisis y desarrollo de sistemas de la información</h2>
						</header>
						<!-- Perfil Descripción -->
						<p>Tecnólogo con conocimientos en; mantenimiento preventivo de hardware, manejo de herramientas ofimáticas, conocimiento básico de BBDD PHP, Frontend (ReactJS, HTML5, CSS3, Bootstrap), JavaScript, NPM, Node.js y manejo de control de versiones con Git y GitHub.</p>
						<ul class="actions">
							<li><a href="https://www.linkedin.com/in/jonathan-steven-cardozo-toro-335079186/" target="_blank" class="button">Conoce más de mi trabajo.</a></li>
						</ul>
					</section>

					<!-- Portafolio - Experiencias -->
					<section id="two">
						<h2>Compendio de proyectos</h2>
						<div class="row">
							<article class="6u 12u$(xsmall) work-item">
								<!-- Link del portafolio -->
								<a href="https://github.com/DesarrolloDeJonathan/hello_world" target="_blank" class="image fit thumb">
								<!-- Imagen-->
									<img src="images/proyectoimg.jpeg"/></a>
								<!-- Título -->
								<h3>Sistema de gestion de estacionamientos</h3>
								<!-- Descripción -->
								<p>Desarrollado durante mi periodo de autodidacta en el Sena y mejorado atravez del tiempo por mera nostalgia (pendiente montar en repositorio).</p>
							</article>
							<article class="6u$ 12u$(xsmall) work-item">
								<a href="https://github.com/DesarrolloDeJonathan/" target="_blank" class="image fit thumb"><img src="images/proyectoimg.jpeg" alt="" /></a>
								<h3>Tienda virtual</h3>
								<p>Pensada para ser aplicada a una tienda de venta y reparacion de bicicletas además de servir para aplicar conocimiento (pendiente montar en repositorio)</p>
							</article>
						</div>
					</section>
			</div>

			<!-- Redes sociales -->
			<footer id="footer">
				<ul class="icons">
					<!-- Más íconos en http://fontawesome.io/icons/ -->
					<!-- Solamente cambias en class="icon fa-IconoQueTuQuieras" -->
					<li><a href="https://www.facebook.com/jonathan.cardozo.dev/" target="_blank" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
					<li><a href="https://twitter.com/JothanDev" target="_blank" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
					<li><a href="https://medium.com/@jonathan.cardozo.dev" target="_blank" class="icon fab fa-medium"><span class="label">Medium</span></a></li>
				</ul>
		<!-- Area final -->
				<ul class="copyright">
					<li>&copy; Correo personal 📮</li><li><a target="_blank">jonathan.cardozo.dev@gmail.com</a></li>
				</ul>
				<div> </div>
					<!-- <li><a href="http://html5up.net">Diseño en...</a></li> -->
			</footer>

			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->

	</body>
</html>